Struts Framework 2 – สร้างโปรเจค

ก่อนอื่นต้องเตรียมเครื่องมือสำหรับฝึก Struts framework 2 ดังนี้

  1. Eclipse IDE for Java EE Developers, Indigo SR1
  2. Java SE 6 Update 26
  3. Struts-2.2.3.1-all.zip
  4. Apache Tomcat 7

เวอร์ชันอาจแตกต่างจากนี้ได้ แต่ Struts ควรเป็นเวอร์ชัน 2 อยู่นะครับ ส่วนการติดตั้งจะไม่ขอกล่าวถึง ถ้าเคยเขียนจาวามาก่อน ก็ควรจะติดตั้งจาวาเป็น ส่วน Eclipse, Struts และ Tomcat ก็แตกซิบไฟล์ก็ใช้ได้แล้ว และสำหรับคนที่ใช้ IDE เจ้าอื่น ก็อาจจะดูแค่ว่าต้องยุ่งกับไฟล์ไหนบ้าง และต้องทำอะไรกับไฟล์นั้น ก็คงจะช่วยได้เหมือนกัน

การติดตั้ง Struts Framework 2

  1. เปิด Eclipse แล้วดู tab ด้านล่างจะมี tab ที่ชื่อว่า Server ให้คลิกขวาแล้วเลือก New -> Server
    1 - new server

  2. เลือก Apache Tomcat 7
    2 - select tomcat 7

  3. กดปุ่ม Next เลือกตำแหน่ง Tomcat แล้วกด Finish
    3 - select tomcat path

  4. เมื่อกลับมาที่หน้าหลักของ Eclipse เลือกเมนู File -> Import…
  5. เลือกรายการ Web -> WAR file แล้วกดปุ่ม Next
  6. ช่อง WAR file เลือก struts-2.2.3.1\apps\struts2-blank.war (แตกซิบ struts ก่อน)
    Web project ผมตั้งชื่อว่า bookstore
    Target runtime ก็จะเป็น Tomcat 7 ตามที่ได้ติดตั้งก่อนหน้านี้
    จากนั้นกดปุ่ม Finish
  7. เพื่อให้ง่ายต่อการดู Structure ของโปรเจค ให้กดที่รูปหน้าต่างดังรูปข้างล่างแล้วเลือก Java
    change perspective

    จากนั้นก็ปิดหน้าต่างที่โผล่ขึ้นมาใหม่ (แถบเดียวกับ Outline) ให้หมด โดยการกดปุ่มเครื่องหมาย X หรือจะสั่ง Minimize ไว้ก็ได้

  8. ด้านขวามือจะเป็น tab ชื่อ Package Explorer ให้ขยายโฟลเดอร์ WebContent จะพบไฟล์ index.html ให้คลิกขวาที่ไฟล์นี้แล้วเลือก Run As -> Run on Server แล้วกดปุ่ม Finish หาไม่มีปัญหาอะไรก็จะพบหน้าจอดังรูป
    2 - first run

    ลองคลิกที่ลิงค์ สลับไปหา จะพบว่าภาษามันเปลี่ยนได้ ถ้าทำได้แสดงว่าพร้อมที่จะเริ่มแบบฝึกหัดถัดไปแล้ว

  9. ปล. หลังจากที่ทดสอบเสร็จแล้ว ให้ Stop Server ด้วยนะ โดยไปที่ tab Console แล้วกดปุ่มสี่เหลี่ยมสีแดง

2 thoughts on “Struts Framework 2 – สร้างโปรเจค

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s