JSP|JSF Visual web with Netbeans IDE

 

JSP Visual Web Design with NetBeans IDE 6.0 / 6.1 / 6.5

Visual Web JSF Page

netbeans-software-visual-web-pack-java-thai

สร้างโปรเจ็ค เลือก Web > Web Application จากนั้นคลิกปุ่ม Next

netbeans-software-visual-web-pack-java-thai

ตั้งชื่อโปรเจ็คใหม่แล้วคลิกที่ปุ่ม Next

netbeans-software-visual-web-pack-java-thai

เลือก Server เป็น Apache Tomcat เวอร์ชั่นที่มีในเครื่อง

netbeans-software-visual-web-pack-java-thai

เลือกรูปแบบเป็น Visual Web หรือเลือกทั้งหมดก็ได้

netbeans-software-visual-web-pack-java-thai

จากนั้นสร้าง visual web JSF Page ขึ้นมาอีกหนึ่งหน้าเพื่อทำการลิงค์หน้าเว็บเพจ

netbeans-software-visual-web-pack-java-thai

  คลิกขวาที่ component ต่างๆ ที่ต้องการแก้ไข
Edit Java Source : แก้ไขโค้ดส่วนที่เป็นภาษาจาวา
Edit JSP Source : แก้ไขโค้ดส่วนที่เป็นเจเอสพีโค้ด
Edit Button Text : แก้ไขส่วนของข้อความที่แสดงบนปุ่ม

netbeans-software-visual-web-pack-java-thai

ทำการลาก button และ label มายัง Page1.jsp แล้วทำการแก้ไขดังภาพ

netbeans-software-visual-web-pack-java-thai

ทำการลาก button และ label มายัง Page2.jsp แล้วทำการแก้ไขดังภาพ

Next >>