จากครั้งที่แล้วได้โชว์ชุดคำสั่ง 14 คำสั่ง ที่ใช้สำหรับสร้างเวปอย่างง่ายๆ บน Spring Framework กันไปแล้ว จุดประสงค์ก็เพื่อต้องการให้เห็นว่า แม้ Java เองก็มี scaffold มารองรับ ทำให้สร้างเวปได้ง่ายขึ้นเหมือนๆกับ dynamic language ภาษาอื่นๆเหมือนกันค่ะ (แต่เอาเข้าจริง Java จะค่อนข้างซับซ้อนกว่านะคะ)
หลังจากที่รัน 14 คำสั่งพื้นฐานเสร็จแล้ว เราก็จะได้เวปที่มีหน้าตาสีเขียวตาม Template ที่เค้าให้มา และก็อาจจะมีอีกหลายๆจุดในเวปที่ยังไม่ตรงกับความต้องการของเราจริงๆใช่มั้ยคะ
เริ่มต้น จะเห็นว่า Spring Roo สร้างโฟลเดอร์และไฟล์ต่างๆให้เราอัตโนมัติตามรูปนี้ค่ะ
ทีนี้เราจะเริ่มมาปรับปรุงแก้ไขกันทีละจุด (อย่างง่ายๆ) เพื่อให้เหมาะกับการสร้างเวปอย่างง่ายนะคะ
1. ถ้าหากต้องการเปลี่ยนหน้าตา template / theme ของเวป เราก็คงต้องการเปลี่ยนไฟล์ CSS ที่ใช้ใช่มั้ยคะ สำหรับไฟล์ที่ทำหน้าที่เกี่ยวกับการแสดงผลหน้าตาของเวปนั้น จะอยู่ในโฟลเดอร์ WEB-INF/layouts ค่ะ
จะเห็นว่าในโฟลเดอร์ layouts มีไฟล์ default.jspx กับไฟล์ layouts.xml อยู่ซึ่งไฟล์ .jspx ก็คือไฟล์ theme ในเวปนั่นเองค่ะ ส่วนไฟล์ .xml จะเป็นไฟล์ที่กำหนดโครงสร้างว่า theme เวปเนี่ยจะมีไฟล์ .jspx อะไรบ้างที่จะเอามาใช้
เริ่มจากดูที่ไฟล์ layouts.xml ก่อนนะคะ ก็จะเห็นว่า โครงสร้างของ theme เวปแบ่งเป็นสองส่วนค่ะ คือ body กับ menu ไฟล์ .xml เนี่ยก็จะระบุว่า ส่วนของ body จะใช้ .jspx อะไร และส่วน menu ใช้ .jspx อะไร ซึ่งเราก็จะสามารถเปลี่ยนไฟล์ .jspx ที่ใช้ตามที่เราออกแบบได้ค่ะ
สำหรับไฟล์ default.jspx ก็จะเป็นรายละเอียดส่วนของ theme ในหน้าเวปทั้งหมด ซึ่งจะสามารถเพิ่มลิงก์ไฟล์ CSS และ Java Script ได้ค่ะ จะเห็นว่า Syntax ที่ใช้นั้นเป็น spring tag ดังนั้น เราจะต้องใช้ <spring:url> เพื่อกำหนดที่อยู่ลิงก์ของไฟล์ CSS / Java Script ก่อนที่จะ เพิ่มเข้าไปในหน้าเวป หากจะเพิ่มหรือเปลี่ยนไฟล์ CSS แก้ตรงคำสั่ง <link rel="stylesheet">
อ่านต่อได้ที่ มาแก้ไขโค้ดเพื่อให้ได้เวปอย่างที่คุณต้องการกันเถอะ ตอนที่ 2
ไม่มีความคิดเห็น:
แสดงความคิดเห็น