MJForms สอนการสร้าง Form

[varat]

การสร้าง Form โดย MJForms

เริ่มต้นด้วยการเข้า โหมดผู้ดูแล ของเว็บไซต์ ด้วยการพิมพ์ชื่อเว็บไซต์ตามด้วย / administrator เช่น http://www.test.com/administrator
เมื่อเราเข้ามาแล้วจะมีหน้าตาเป็นแบบนี้

1.jpg (69.94 KiB) Viewed 1506 times

ให้เราไปที่เมนู คอมโพเน้นท์ > MJForms

2.jpg (77.2 KiB) Viewed 1506 times

เมื่อคลิกเข้ามา จะเห็นหน้าควบคุมของ MJForms แล้วคลิกเข้าไปที่เมนู"ฟอร์ม"

3.jpg (52.23 KiB) Viewed 1506 times

นี่คือหน้าเมนู"ฟอร์ม" จากนนั้นคลิกไปที่ปุ่ม "สร้างใหม่" เพื่อเริ่มสร้างฟอร์มกัน

4.jpg (23.64 KiB) Viewed 1506 times

หน้าออกแบบฟอร์ม ประกอบไปด้วยแถบเครื่องมือด้านซ้าย และแผ่นงานด้านขวาสำหรับวางเครื่องมือต่างๆ

5.jpg (53.96 KiB) Viewed 1506 times

เมื่อทำการลากเครื่องมือใส่แผ่นงานแล้ว เราสามารถกำหนดคุณสมบัติต่างๆด้วยการคลิกที่เครื่องมือในแผ่นงาน จะเห็นแถบตั้งค่าทางด้านซ้าย

Textbox

7.jpg (76.29 KiB) Viewed 1506 times

ตัวเลือก

8.jpg (68.47 KiB) Viewed 1506 times

รายการ

9.jpg (66.47 KiB) Viewed 1506 times

กล่องติ๊กเลือก

10.jpg (73.78 KiB) Viewed 1506 times

[varat]

File

11.jpg (73.24 KiB) Viewed 1505 times

ปุ่ม

12.jpg (73.85 KiB) Viewed 1505 times

วันที่

13.jpg (85.07 KiB) Viewed 1505 times

Email

14.jpg (81.57 KiB) Viewed 1505 times

[varat]

ส่วนของหมวด Automatic ในส่วนนี้จะมองไม่เห็นในส่วนของหน้าเว็บไซต์

15.jpg (44.08 KiB) Viewed 1505 times

- ผู้ใช้ Joomla ตรวจสอบชื่อผู้ใช้กับฐานข้อมูล Joomla
- วันที่กรอก บันทึกเวลาที่กรอกข้อมูล
-IP บันทึก IP ของผู้กรอก
- ซุ่มรหัส กำหนดรหัสของการกรอกแต่ละครั้ง
- ข้อมูลซ่อน สร้างกรอบซ่อนข้อมูล


เมื่ออกแบบฟอร์มเสร็จแล้ว ไปที่แถบตั้งค่าฟอร์ม เพื่อกำหนดลักษณะของฟอร์มที่เราออกแบบไปเมื่อกี้

16.jpg (35.99 KiB) Viewed 1505 times

หลังจากนั้น คลิกปุ่ม "บันทึก&ปิด" ทางด้านบน เพื่อบันทึกการสร้าง

17.jpg (54.83 KiB) Viewed 1505 times

เมื่อสร้างเสร็จแล้วจะแสดงหน้าลักษณะนี้

18.jpg (56.79 KiB) Viewed 1505 times

ต่อไปเป็นการสร้างเมนูเพื่อให้แบบฟอร์มแสดงที่หน้าเว็บไซต์
กลับมาที่หน้าหลักของโหมดผู้ดูแล คลิกที่เมนู "เมนู">Main Menu

19.jpg (69.69 KiB) Viewed 1505 times

จะมาอยู่ที่หน้าจัดการเมนู คลิกที่ปุ่ม"สร้างใหม่"

20.jpg (18.04 KiB) Viewed 1505 times

กำหนดชนิดของเมนู เป็น MJForms(Standard Form Layout)

21.jpg (67.17 KiB) Viewed 1505 times

เลือก Select Form เป็น ชื่อฟอร์มที่เราได้สร้างไว้ จากนั้นกดปุ่ม "บันทึก&ปิด"

22.jpg (20.9 KiB) Viewed 1505 times

การแสดงผลทางหน้าเว็บไซต์

23.jpg (54.73 KiB) Viewed 1505 times

[varat]

การ Import Form

สามารถนำเข้าฟอร์มจากที่อื่น มาไว้ในเว็บไซต์ที่เรากำลังดำเนินการได้ดังนี้
ก่อนอื่นเราต้องมีไฟล์ของฟอร์มที่ทำด้วย MJForms ก่อน ซึ่งไฟล์จะอยู่ในรูปแบบ.ZIP

1.jpg (55.28 KiB) Viewed 1505 times

เริ่มต้นที่หน้า Control Panel ของตัว MJForms คลิกไปที่เมนู "นำเข้าฟอร์ม"

2.jpg (36.28 KiB) Viewed 1505 times

เมื่อเข้ามาหน้านำเข้าฟอร์มแล้ว คลิกที่ปุ่ม "เลือกไฟล์"

3.jpg (96.32 KiB) Viewed 1505 times

หลักจากนั้นจะเด้งหน้าต่างขึ้นมาให้ ให้เราหาไฟล์.ZIP ที่เราได้เก็บไว้ แล้วคลิก Open

4.jpg (41.03 KiB) Viewed 1505 times

เมื่อเราได้ไฟล์แล้วกดปุ่ม "อัพโหลดและติดตั้ง"

5.jpg (40.54 KiB) Viewed 1505 times

รอโหลดสักครู่ เมื่อติดตั้งสำเร็จจะเป็นแบบนี้

6.jpg (57.29 KiB) Viewed 1505 times

เสร็จเรียบร้อย

7.jpg (42.2 KiB) Viewed 1505 times

[varat]

คลิปการ Import Form, แก้ไข Form และ Export Form