1. ให้คุณทำการสร้าง Database พร้อมทั้ง Table ขึ้นมากับ MySQL (หรือถ้าใครมี Table ที่ต้องการสร้างโปรแกรมค้นหาอยู่แล้วก็ข้ามขั้นตอนนี้ไปได้) ซึ่งในบทความนี้ผมใช้ Table ชื่อว่า product_list เป็นตัวอย่าง และมีโครงสร้างของตาราง ดังนี้
ตาราง product_list | |
---|---|
Columns | Data type |
prod_id | int(2) auto_increment PK |
prod_name | varchar(50) |
prod_price | float(4,2) |
ตารางเก็บข้อมูลรายการสินค้า |
เมื่อได้ตารางข้อมูลแล้ว ให้คุณทำการสมมุติกรอกข้อมูลลงไปสัก 4-5 Records
ที่ Text input ให้ชื่อ input นี้ว่า word
Action ของ Form ให้ทำการพิพม์ชื่อไฟล์ชื่อว่า search_result.php ลงไป ดังรูป
6. จากนั้นโปรแกรมจะทำการเปิดหน้าต่างใหม่ขึ้นมา ดังรูป ให้เราเซ็ทค่าต่าง ๆ ดังนี้
การกำหนดค่าใน RecordSet | |
---|---|
Fields Name | Value |
Name | ชื่อของ Recordset ใช้เป็น search |
Conction | เลือกไปที่ชื่อ Connection ที่เราสร้างไว้ |
Columns | All |
Filter (สำหรับการกรองข้อมูลที่จะแสดง) |
- prod_name เพราะเราต้องการค้นหาจาก Column นี้ใน
Table - Contains ค้นจากทุกตำแหน่งของข้อมูล - Form Varible : word (word เป็นชื่อที่ได้มาจาก Text input ที่เราสร้างจากข้อที่ 2) |
Sort | None (หากไม่ต้องการจัดเรียงข้อมูล) |
การกำหนดค่าใน
Dynamic Table |
|
---|---|
Fields Name | Value |
Recordset เลือกชื่อ Recordset ที่เรากำหนดไว้ |
search |
Show เลือกจำนวนการแสดงผลข้อมูล |
All records |
Border, Cell padding - spacing | กำหนดตามต้องการ |
ปล. อย่าลืม..ขณะทำการสร้างโปรแกรมต้องเปิดโปรแกรม Web Server และ MySQL ด้วยนะครับ
Dreamweaver Database (PHP/MySQL) ตอนที่ 10 โปรแกรมค้นหาข้อมูล
เรื่อง : สร้าง Text Link ไม่ให้มีเส้นใต้ เห็นมีผู้สอบถามมาหลาย ๆ ท่านว่าทำอย่างไรให้ Link ซึ่งเป็น Text หรือลักษณะข้อความ...
เรื่อง : เปิดเส้น Grid เพื่อช่วยการออกแบบเว็บเพจ (How to enable Grid view in Dreamweaver) Grid คือ ตาราง ซึ่งผู้ใช้งานโป...
เรื่อง : สร้างระยะเยื้องให้บรรทัดแรกของย่อหน้าด้วย Dreamweaver หลายท่านคงมีปัญหา เมื่อทำการพิมพ์ข้อความที่เป็นเนื้อหาของห...
เรื่อง : การออกแบบ Responsive Web Design ด้วย Dreamweaver ตอนที่ 2 ต่อจากตอนที่ 1 ที่เราได้ทำการ Create ไฟล์สำหรับการเริ่...