บทความ

Intro Page หรือ Landing Page มีชื่อเรียกเป็นภาษาไทยว่า หน้าต้อนรับ ใช้สำหรับแสดงข้อมูลอะไรบางอย่างก่อนที่จะเข้าสู่เว็บไซต์จริงๆ เช่น อาจแสดง logo หรือคำเตือน เพื่อให้กดยอมรับก่อน หรือใช้ในการแสดงโฆษณาก่อนที่จะเข้าสู่เนื้อหา

ตอนสุดท้ายนี้จะพูดถึงฝั่ง API ของแชตล้วนๆ ซึ่งโค้ด API ของแชตจะเป็น Model และอยู่ที่ Chat Index Model ซึ่งผมจะอธิบายทีละเมธอดนะครับ

โมดูลสุดท้ายที่จะพูดถึงคือโมดูลห้องสนทนาหรือแชตนั่นเอง จุดประสงค์ของการแสดงตัวอย่างการใช้งานโมดูลแชต ก็เพื่อให้เห็นวิธีการอย่างง่ายในการใช้งาน API ร่วมกับคชสาร

ก่อนจะไปต่อ เราจะมาพูดถึงเทคนิคการแสดงผลข้อมูลในลักษณะของลิสต์รายการ ซึ่งสามารถจัดการได้ง่ายๆด้วย View ของคชสาร

ในบทนี้ผมจะเขียนถึงการสร้างโมดูลสมุดเยี่ยม Guest Book เนื่องจากผมมองว่าโมดูลสมุดเยี่ยมนี่แหละที่สามารถอธิบายความสามารถของคชสารได้หลายอย่าง ในแบบที่ไม่ซับซ้อนนัก

อธิบายที่ส่วนรับค่าจากฟอร์ม

ตอนนี้เราจะมาพูดถึงส่วนของแอดมินกันบ้าง กระบวนการโดยทั่วไปจะไม่มีอะไรแตกต่างจากเวิร์คช้อปก่อนหน้า เนื่องจากเราไม่ได้เปลี่ยนแปลงกระบวนการใดๆ ในส่วนนี้ สิ่งที่แตกต่างไปจะมีเพียงส่วนที่เกี่ยวข้องกับ เมนูและหน้าเพจเท่านั้น

ในเวิร์คช้อบนี้ defaultController หรือ Index Index Controller จะมีความแตกต่างจากเวิร์คช้อปก่อนหน้าเพียงนิดเดียวในส่วนของการโหลดโมดูลที่ต้องการ

ในเวิร์คช้อปชุดนี้ผมจะหยิบเอา เวิร์คช้อป CMS อย่างง่าย เก็บข้อมูลเป็นไฟล์ มาพัฒนาต่อ โดยนำมาเปลี่ยนวิธีจัดเก็บข้อมูลเมนูและหน้าเพจลงฐานข้อมูลแทน

ตอนนี้เป็นตอนสุดท้ายแล้วสำหรับเวิร์คช้อปนี้ ซึ่งในตอนก่อน เราได้สร้างฟอร์มไปแล้ว ตอนนี้เราจะมาดูถึงการรับค่าจากฟอร์มกันบ้าง

ที่หน้า login เราได้เห็นการสร้างฟอร์มโดยการเขียน HTML ไปแล้ว ซึ่งข้อเสียของการเขียนฟอร์มแบบ HTML คือ เราต้องจัดรูปแบบของฟอร์มด้วยตัวเอง เพื่อให้ใช้งานร่วมกับ GCSS แสดงผลฟอร์มที่ส่วยงามได้

ที่ Index Main Controller หลังจากตัดสินใจได้แล้ว ว่าจะเลือกหน้าไหนมาแสดง คชสารก็จะทำการโหลดไฟล์ที่เกี่ยวข้องมาให้

ในตอนนี้เราจะมาสำรวจโค้ดของ Index LoginController และ Index Main Controller ซึ่งจะถูกเรียกในลำดับถัดมา

ถึงตอนนี้ส่วนแอดมินก็พร้อมจะทำงานแล้ว ไฟล์แรกที่คชสารจะเรียกใช้ก็คือ defaultController เหมือนเดิม Index Index Controller

ในบทนี้ เราจะมาเริ่มสร้างส่วนของแอดมินกัน โดยที่ผมจะสรุปโครงสร้างคร่าวๆของส่วนแอดมินไว้ดั้งนี้ ส่วนแอดมินจะต้องแยกออกจากหน้าเว็บหลักโดยจะถูกติดตั้งไว้ที่ไดเร็คทอรี่ admin การเข้าระบบแอดมินต้องมีการรักษาความปลอดภัย โดยผมจะใช้วิธีการตรวจสอบการ Login มาตรฐาน

กระบวนการแสดงผลหน้าเว็บของ TCMS จะมีข้อแตกต่างไปจากโปรเจ็คก่อนหน้าเล็กน้อยเท่านั้น

ในเวิร์คช้อปแรก เราเรียนรู้การสร้างเว็บไซต์อย่างง่ายๆ กันไปแล้ว ในเวิร์คช้อปนี้ เราจะมาเรียนรู้ต่อจากของเดิม โดยการเพิ่มเติมความสามารถในการเขียนและแก้ไขให้กับเวิร์คช้อปในคราวที่แล้ว

ตอนนี้จะเป็นตอนสุดท้ายของเวิร์คช้อปนี้แล้วนะครับ ซึ่งจากที่ทำมามันก็เป็นเว็บไซต์ที่ครบถ้วนแล้ว ขั้นตอนสุดท้ายนี่ก็จะป็นการตกแต่งให้เว็บไซต์ของเราสวยงามขึ้น

ในตอนที่ 4 เราได้ทำการสร้างเมนูเป็นที่เรียบร้อยแล้ว แต่เมนูมันยังดูไม่เหมือนเมนูสักเท่าไร เพราะเรายังไม่ได้กำหนค่าให้มันแสดงผลเป็นเมนูเลย

ในบทนี้เราจะมาสร้างเมนูให้กับเว็บไซต์ของเรากัน ซึ่งคชสารสนับสนุนเมนูแบบ Responsive ด้วยแล้ว ทำให้การสร้างเมนูแบบ Responsive ไม่ยากอีกต่อไป