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

แนะนำ Component , Module, plugin ที่หน้าสนใน ของ Joomla 3 ที่สามารถนำมาใช้งาน ได้

Moderator: mindphp

User avatar
varat
PHP Super Member
PHP Super Member
Posts: 267
Joined: 19/04/2014 9:36 am

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

Post by varat » 26/05/2014 2:49 pm

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

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


ให้เราไปที่เมนู คอมโพเน้นท์ > MJForms
2.jpg
2.jpg (77.2 KiB) Viewed 758 times


เมื่อคลิกเข้ามา จะเห็นหน้าควบคุมของ MJForms แล้วคลิกเข้าไปที่เมนู"ฟอร์ม"
3.jpg
3.jpg (52.23 KiB) Viewed 758 times


นี่คือหน้าเมนู"ฟอร์ม" จากนนั้นคลิกไปที่ปุ่ม "สร้างใหม่" เพื่อเริ่มสร้างฟอร์มกัน
4.jpg
4.jpg (23.64 KiB) Viewed 758 times


หน้าออกแบบฟอร์ม ประกอบไปด้วยแถบเครื่องมือด้านซ้าย และแผ่นงานด้านขวาสำหรับวางเครื่องมือต่างๆ
5.jpg
5.jpg (53.96 KiB) Viewed 758 times
เมื่อทำการลากเครื่องมือใส่แผ่นงานแล้ว เราสามารถกำหนดคุณสมบัติต่างๆด้วยการคลิกที่เครื่องมือในแผ่นงาน จะเห็นแถบตั้งค่าทางด้านซ้าย

Textbox
7.jpg
7.jpg (76.29 KiB) Viewed 758 times
ตัวเลือก
8.jpg
8.jpg (68.47 KiB) Viewed 758 times
รายการ
9.jpg
9.jpg (66.47 KiB) Viewed 758 times
กล่องติ๊กเลือก
10.jpg
10.jpg (73.78 KiB) Viewed 758 times
Last edited by varat on 26/05/2014 2:52 pm, edited 1 time in total.

User avatar
varat
PHP Super Member
PHP Super Member
Posts: 267
Joined: 19/04/2014 9:36 am

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

Post by varat » 26/05/2014 2:50 pm

File
11.jpg
11.jpg (73.24 KiB) Viewed 757 times
ปุ่ม
12.jpg
12.jpg (73.85 KiB) Viewed 757 times
วันที่
13.jpg
13.jpg (85.07 KiB) Viewed 757 times
Email
14.jpg
14.jpg (81.57 KiB) Viewed 757 times

User avatar
varat
PHP Super Member
PHP Super Member
Posts: 267
Joined: 19/04/2014 9:36 am

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

Post by varat » 26/05/2014 3:02 pm

ส่วนของหมวด Automatic ในส่วนนี้จะมองไม่เห็นในส่วนของหน้าเว็บไซต์
15.jpg
15.jpg (44.08 KiB) Viewed 757 times
- ผู้ใช้ Joomla ตรวจสอบชื่อผู้ใช้กับฐานข้อมูล Joomla
- วันที่กรอก บันทึกเวลาที่กรอกข้อมูล
-IP บันทึก IP ของผู้กรอก
- ซุ่มรหัส กำหนดรหัสของการกรอกแต่ละครั้ง
- ข้อมูลซ่อน สร้างกรอบซ่อนข้อมูล


เมื่ออกแบบฟอร์มเสร็จแล้ว ไปที่แถบตั้งค่าฟอร์ม เพื่อกำหนดลักษณะของฟอร์มที่เราออกแบบไปเมื่อกี้
16.jpg
16.jpg (35.99 KiB) Viewed 757 times


หลังจากนั้น คลิกปุ่ม "บันทึก&ปิด" ทางด้านบน เพื่อบันทึกการสร้าง
17.jpg
17.jpg (54.83 KiB) Viewed 757 times


เมื่อสร้างเสร็จแล้วจะแสดงหน้าลักษณะนี้
18.jpg
18.jpg (56.79 KiB) Viewed 757 times


ต่อไปเป็นการสร้างเมนูเพื่อให้แบบฟอร์มแสดงที่หน้าเว็บไซต์
กลับมาที่หน้าหลักของโหมดผู้ดูแล คลิกที่เมนู "เมนู">Main Menu
19.jpg
19.jpg (69.69 KiB) Viewed 757 times
จะมาอยู่ที่หน้าจัดการเมนู คลิกที่ปุ่ม"สร้างใหม่"
20.jpg
20.jpg (18.04 KiB) Viewed 757 times
กำหนดชนิดของเมนู เป็น MJForms(Standard Form Layout)
21.jpg
21.jpg (67.17 KiB) Viewed 757 times
เลือก Select Form เป็น ชื่อฟอร์มที่เราได้สร้างไว้ จากนั้นกดปุ่ม "บันทึก&ปิด"
22.jpg
22.jpg (20.9 KiB) Viewed 757 times


การแสดงผลทางหน้าเว็บไซต์
23.jpg
23.jpg (54.73 KiB) Viewed 757 times

User avatar
varat
PHP Super Member
PHP Super Member
Posts: 267
Joined: 19/04/2014 9:36 am

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

Post by varat » 26/05/2014 3:05 pm

การ Import Form

สามารถนำเข้าฟอร์มจากที่อื่น มาไว้ในเว็บไซต์ที่เรากำลังดำเนินการได้ดังนี้
ก่อนอื่นเราต้องมีไฟล์ของฟอร์มที่ทำด้วย MJForms ก่อน ซึ่งไฟล์จะอยู่ในรูปแบบ.ZIP
1.jpg
1.jpg (55.28 KiB) Viewed 757 times
เริ่มต้นที่หน้า Control Panel ของตัว MJForms คลิกไปที่เมนู "นำเข้าฟอร์ม"
2.jpg
2.jpg (36.28 KiB) Viewed 757 times
เมื่อเข้ามาหน้านำเข้าฟอร์มแล้ว คลิกที่ปุ่ม "เลือกไฟล์"
3.jpg
3.jpg (96.32 KiB) Viewed 757 times
หลักจากนั้นจะเด้งหน้าต่างขึ้นมาให้ ให้เราหาไฟล์.ZIP ที่เราได้เก็บไว้ แล้วคลิก Open
4.jpg
4.jpg (41.03 KiB) Viewed 757 times
เมื่อเราได้ไฟล์แล้วกดปุ่ม "อัพโหลดและติดตั้ง"
5.jpg
5.jpg (40.54 KiB) Viewed 757 times
รอโหลดสักครู่ เมื่อติดตั้งสำเร็จจะเป็นแบบนี้
6.jpg
6.jpg (57.29 KiB) Viewed 757 times
เสร็จเรียบร้อย
7.jpg
7.jpg (42.2 KiB) Viewed 757 times

User avatar
varat
PHP Super Member
PHP Super Member
Posts: 267
Joined: 19/04/2014 9:36 am

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

Post by varat » 26/05/2014 3:08 pm

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


Post Reply
  • Similar Topics
    Replies
    Views
    Last post

Return to “Joomla Extension Review”

Who is online

Users browsing this forum: No registered users and 3 guests