Forms

ฟอร์ม คือ การออกแบบอ๊อบเจคสำหรับติดต่อกับผู้ใช้และใช้ในการเก็บข้อมูลลงดาต้าเบส ในการป้อนข้อมูลด้วยฟอร์ม จะมีเครื่องมือสนับสนุน และควบคุมการป้อนข้อมูล สามารถดูเครื่องมือต่างๆ

สร้างฟอร์มอย่างไร

สร้าง ฟอร์ม โดยสามารเข้าไปที่ >_ Console → Forms หลังจากนั้นกด New Form

• Form Name คือ ชื่อฟอร์มหลักในการแสดงผลบนแพลตฟอร์ม
• Form Slugs คือ ชื่อ DataTables ที่จะเก็บลง Database โดยจะนำชื่อไปต่อ zz_ เช่น จากรูปตัวอย่างจะได้ zz_exam

Layout

คือ ชุด UI design มีไว้สำหรับ ตกแต่งหน้าแสดงผลบนเว็บไซต์ สามารถสร้าง Box Config โดยการกด +

ไปตั้งค่า Box Config ตกแต่งได้โดย กด Add Container + → + → + → ⚙️ จะไปใน

• SM Size คือ สำหรับมือถือที่มีขนาดจอน้อยกว่า 768px

• LG Size คือ สำหรับแล็ปท็อปและเดสก์ท็อปที่มีหน้าจอกว้างเท่ากับหรือมากกว่า 1200px

• Span out คือ การขยายพื้นที่

ไปสร้าง Elements ได้โดย กด Add Container + → + → + → + จะไปใน

โดยจะมีกล่อง Component Type ที่เอาไว้สร้าง Component ต่างๆ โดยจะมีดังนี้

• Label คือ กำหนดป้ายกำกับ

• DataTable คือ แสดงข้อมูลให้อยู่ในรูปแบบตาราง

• Record Repeater คือ

• File Upload คือ กำหนดเพื่ออัปโหลดไฟล์

• Divider คือ กำหนดตัวแบ่ง

• Button คือ กำหนดปุ่มที่สามารถคลิกได้

• Dropdown Button คือ เมนูแบบเลื่อนลงเป็นเมนูที่สลับได้ซึ่งให้ผู้ใช้เลือกค่าหนึ่งจากรายการที่กำหนดไว้

ตั้งค่า Layout

จะมีตั้งค่า อยู่ด้านขวามือ

• Move คือ จัดการและย้ายส่วนต่างๆในหน้า layout
• Layout คือ ชื่อ เปิดหน้า Layout
• Script คือ เขียนคำสั่งให้หน้า Layout โดยจะมี

— On Change คือ เมื่อมีการเปลี่ยนแปลงข้อมูล จะให้ทำคำสั่งอะไร

— On Loaded คือ เมื่อทำการโหลด จะให้ทำคำสั่งอะไร

— Before Save คือ ก่อนที่จะทำการเซฟ จะให้ทำคำสั่งอะไร

— After Save คือ หลังที่จะทำการเซฟ จะให้ทำคำสั่งอะไร

Field

สร้างฟิลด์สำหรับเรียกใช้งานในหน้า Layout

• Component Name คือ ชื่อฟิวด์สำหรับเรียกใช้หน้า Layout

• Component Slug คือ ชื่อฟิวด์ที่เก็บใน Database

• Add Component คือ เลือกประเภทของฟิวด์ โดยแต่ละประเภทมีอะไรบ้าง

Settings

ตั้งค่า Form

• Form Title คือ ชื่อของฟอร์ม
• Sub Title คือ ชื่อที่แสดงใน datalist
• Tags คือ เลือกกลุ่มให้ฟอร์ม เพื่อง่ายต่อการเรียกใช้ได้
• Permission คือ การอนุญาตสิทธิ์ในการเข้าถึงหรือจัดการข้อมูลในฟอร์มนั้นๆ โดยการทำเครื่องหมาย ✔️ คุณสามารถเพิ่มสิทธิ์ ได้ที่ (Add Permission)

Form Script

เขียน code คำสั่งให้กับฟอร์ม เพื่อส่งค่า รับค่า แสดงค่าสำหรับแพลตฟอร์มนี้มีชุเคำสั่งที่ให้ผู้ใชสามารถใช้งานได้สะดวกยิ่งขึ้น

• Validate / Before Save คือ ก่อนที่จะทำการเซฟฟอร์ม เราจะให้ทำคำสั่งอะไร สามารถดูชุดคำสั่ง

• On Saved คือ หลังจากการเซฟฟอร์มสำเร็จ เราจะให้ทำคำสั่งอะไร สามารถดูชุดคำสั่ง

Datalist

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

• Edit คือ แก้ไขข้อมูล

• Delete คือ ลบข้อมูล