หน้าเว็บ

วันอังคารที่ 4 ธันวาคม พ.ศ. 2555

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


ผลลัพธ์





4 ความคิดเห็น:

  1. ไม่ระบุชื่อ18 เมษายน 2556 21:14

    ขอบคุณสำหรับความรู็้

    ตอบลบ
  2. ด้วยความยินดีครับ

    ตอบลบ
  3. คือผมสงสัยคับ ต้องใช่ร่วมกับ xhtml อย่างเดียวหรอคับ ถ้าเป็นไฟล์ .html ธรรมดา หรือ .jsp จะใช้งานตัวนี้ได้มั้ย เพราะเหตุใดทำไมต้อง xhtml รบกวนอธิบายให้หน่อยคับ ผม งงไปหมดละ - -*

    ตอบลบ
  4. อาจจะใช้กับ html jspได้ครับ แต่ผมเองก็ไม่เคยลองเหมือนกันครับ
    ตัว jsf ใช้ facelets ซึ่งเป็น engine สำหรับ render view ที่ผ่านๆมาเท่าที่ผมดู jsf extension (primefaces, richface, ...)แทบทุกเจ้าจะใช้ xhtml ครับ
    ต้องลองดูอ่ะครับ
    ส่วน JSF กับ JSP สำหรับผมแล้ว ถ้าใช้ JSF ก็เป็น JSF ไปเลยครับ เพราะความสามารถของ JSF มันแทบจะครอบคลุม JSP อยู่แล้ว(view tag) แต่ถ้าอยากเขียน java code ไว้ใน view สำหรับผมแล้ว ผมไม่เคยทำครับ เพราะมัน dependency กับ view จนเกินไป เวลารื้อหรือแก้ไข view มันค่อนข้างลำบาก ซึ่งปัจจุบันผม MVC หรือ MVVM อย่างเดียวครับ เพื่อการ maintenance ในอนาคต

    ตอบลบ