Java Web Application Tutorial JSF(PrimeFaces) (1) : Create Project

1. ที่ Netbeans IDE  ให้ไปที่  New Project --> Maven --> Web Application

2. ตั้งชื่อโปรเจ็ค และเลือก path เก็บ 

    เนื่องจากเราใช้  Maven จึงต้องมีการกำหนดค่าต่อไปนี้เพิ่มเติม 

    Artifact Id : คือ id  ที่ใช้สำหรับอ้างถึงโปรเจ็คนี้  ซึ่งใน Group Id : เดียวกัน  ต้องมีค่าไม่เหมือนกัน

    Group Id : คือ group ของ project นี้  หรือเราอาจมองว่ามันคือการจัดหมวดหมู่  หรือการจัดเก็บเป็น  package ก็ได้  

    Version : ก็คือ version ของโปรเจ็คนี้  ในที่นี้คือ 1.0 snapshot  หมายความว่าเป็น  version 1  ชั่วคราว  หรืออาจกล่าวได้ว่า  เป็นเวอร์ชันทดลอง (ยังไม่สมบูรณ์)

   เดี๋ยวจะอธิบายให้ฟังทีหลังครับ  ว่ามันเอาไว้ทำอะไร  เดี๋ยวทำไปเรื่อยๆ  ก็จะรู้เองคับ

    Package : ก็คือ base package ของโปรเจ็คนี้

3. การเลือก server   ในที่นี้ ผมใช้ glass fish  3+ น่ะครับ  เพราะมันคอนฟิกง่ายดี (มี GUI Config ให้) และ J2EE เป็น Version 6

จากนั้นเลือก finish  โปรเจ็คก็จะถูกสร้างเรียบร้อย

4. เพิ่ม  JSF PrimeFaces Framework  โดยการคลิกขวาที่โปรเจ็ค  จากนั้นเลือก Properties

5. ไปที่เมนู Frameworks ซ้ายมือ  จากนั้นคลิกที่ปุ่ม Add...  เพื่อเพิ่ม Framework

เลือก JavaServer Faces

6.เลือก PrimeFaces

7. ไปที่ Project Files ของโปรเจ็ค JSFLearning  ดับเบิ้ลคลิกที่  pom.xml  จากนั้นมองหา tag <dependency>

        ในตอนนี้คือผมต้องการแก้ไข version framework ให้เป็น version ใหม่ล่าสุด  เราสามารถเข้าไปดูในเว็บ  www.primefaces.org/downloads.html  ได้

       อีก tag ที่น่าสนใจคือ tag repository ครับ  ซึ่งมันจะเป็นตัวที่บ่งบอกว่า  จะให้ไป download library  ได้จากที่ไหน  หรืออาจกล่าวได้ว่า  มันคือ link ที่ชี้ไปยังคลังที่เก็บ library ให้เราไป download มาใช้นั่นเอง 

ในที่นี้  ชี้ไปที่  http://repository.primefaces.org

8. Build Project เพื่อ Download  Library (jar file)  ด้วยการคลิกขวาเลือก Clean and Build

        depency ที่ว่าก็คือ library ที่มีความสำคัญต่อการสร้างโปรเจ็คนั่นแหล่ะครับ  ซึ่งเป็นสิ่งที่ขาดไม่ได้  เขาจึงเรียกว่า dependecy ไงครับ

จะเห็นได้ว่า มีการดาวน์โหลด Library เกิดขึ้น

ถ้า Build ผ่าน มันจะขึ้น success

9. Config Project เบื้องต้นครับ  ให้ไปที่ Web Pages --> WEB-INF --> web.xml  และแก้ไขให้เป็นดังรูป

10. แก้ไฟล์ index.xhtml ใหม่

เขียน code ดังรูป

11. run project โดยการคลิกขวาที่โปรเจ็ค  จากนั้นเลือก Run

ผลลัพธ์