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 โปรแกรมค้นหาข้อมูล
เรื่อง : วิธีการติดตั้ง Extension ในแบบ Command Line Dreamweaver CC 2015 (หรือเวอร์ชั่นที่สูงกว่า) ท่าน...
เรื่อง : เปิดใช้งานไม้บรทัด (Rulers) และเส้น Guides Line ไว้ใช้กะระยะแนวเส้น ในการออกแบบเว็บเพจ บางครั้งเราจำเป็นต้อง...
เรื่อง : เมาท์มาตารางเปลี่ยนสีด้วย CSS มีผู้ชมที่ติดตามเว็บ DwThai.Com ขอกันเข้ามามากครับเกี่ยวกับการทำเทคนิคนี้ ซึ่งคุณคงจ...
เรื่อง : เรียกใช้ไฟล์ CSS ด้วยการลากวาง โปรแกรม Dreamweaver มีความสามารถด้านการลากและวาง หรือ Drag...