OFBIZ UI Creating (=_+)

By: Unknown on 8:13 PM

Share it Please

Tweet

วันสุดท้ายของสัปดาห์แรกของการฝึกงาน จากการติดตั้ง ฝึกใช้งาน สร้าง Entity สร้าง Service และวันนี้จะสร้างหน้าติดต่อกับผู้ใช้ หรือ UI ของ OFBIZ กัน ก่อนอื่นเราจะต้องมารู้จักการการทำงานของการเรียกหน้าเว็บใน OFBIZ มาใช้งานก่อน นะครับ

เริ่มจาก URL ในตัวอย่างนี้เป็น app ที่เราสร้างที่ชื่อว่า helloapp จะมี URL : https://localhost:8443/helloapp/control/main

จาก URL ข้างต้น OFBIZ จะทำการเรียก ไฟล์ Controller.xml ในโฟลเดอร์ webapp/WEB-INF แล้วมีการส่งค่า main มาด้วย ซึ่ง main เป็นชื่อ request-map ในไฟล์ controller.xml

ซึ่ง request map เชื่อมโยงไปที่ view map ในกรณีที่มี type เป็น view ใน view map จะโยงไปหาไฟล์ HelloappScreen.xml และส่งค่าที่เป็นชื่อ screen ไปด้วย เพื่อที่จะเรียกใช้

ในไฟล์ *Screen.xml จะดึงไฟล์ต่าง ๆ มาประกอบเป็น page หนึ่ง ซึ่งไฟล์ที่ดึงมานั้นจะถูกสร้างเป็นแยกเป็นส่วนๆ ตามหน้าที่ อย่างที่ดึงมาในตัวอย่าง FindScreenDecorator ซึ่งเป็นชื่อ form ใน component://common/widget/CommonScreens.xml ซึ่งเป็น template ที่มาตรฐานของ OFBIZ ซึ่งจะมีการเรียกใช้ style ในไฟล์ดังกล่าว เช่น menu-bar, search-option เป็นตัน ที่เป็น tag <decorator> ในไฟล์ screen.xml หนึ่ง สามารถสร้าง screen ได้มากกว่า 1 screen

screen นี้จะเรียก form มาแสดง โดยใช้ tag <include-form> ซึ่ง Form จะถูกสร้างในไฟล์ *Froms.xml ในโฟลเดอร์ widget เหมือนกัน

ให้สังเกตดู ในไฟล์ Screen จะมีการเรียก form FindStudent ซึ่งเป็น form ที่ขีดเส้นใต้ จะถูกนำไปแสดงในหน้า ในรูปแรกบนสุด นะครับ ซึ่งสามารถสรุปได้ดังในภาพนี้