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 โปรแกรมค้นหาข้อมูล
เรื่อง : การสร้าง Web Application ด้วย Dreamweaver + PHP + MySQL ตอนที่ 2 หลังจากที่เราได้ทำการเกริ่นนำสำหรับการเตรียมพร้อม...
เรื่อง : การเก็บโค้ดโปรแกรมไว้ใช้กับโปรแกรม Dreamweaver เคยมีแฟนเว็บบางท่านเข้ามาถามว่า "พี่มีวิธีเก็บโค้ดที่เร...
เรื่อง : การใช้ Convert Inline CSS to Rule เปลี่ยน CSS การเขียน CSS เพื่อทำการตบแต่งเว็บเพจ บางครั้งนักพัฒนาเว็บชอบที่จ...
เรื่อง : เปิดหน้าต่างเพื่อแก้ไข Source Code เว็บเพจ (Code Inspector) ทุกครั้งที่ผู้ใช้งานโปรแกรม Dreamweaver ...