About DwThai.Com 00

DwThai.Com Logo

DwThai.Com

Tip and Trick Dreamweaver

ก่อตั้งเมื่อปีพุทธศักราช ๒๕๔๖





ค้นหาข้อมูลใน DwThai.Com

สร้างโปรแกรม Guestbook ด้วย Dreamweaver + PHP + MySQL ตอนที่ 3 [Article ID : 73]


เมื่อเราได้ทำการกำหนดรูปแบบการแสดงผลของหน้าตา Guestbook ของเราแล้ว ต่อมาเราจะทำการเรียกข้อมูลจากฐานข้อมูลขึ้นมาแสดงกับหน้าตาแสดงผลที่เราได้ออกแแบไว้จากขั้นตอนก่อน โดยมีขั้นตอน ดังนี้

ขั้นตอนการนำข้อมูลขึ้นมาแสดงผล

1. ให้ทำเราเลือกไปที่ TAB ที่ชื่อว่า Application ที่ Insert Bar จากนั้นให้ทำการ Click เลือกที่ icon ที่ชื่อว่า Recordset ดังรูป


2. เมื่อทำการเลือกไปที่ไอคอนดังกล่าวแล้ว โปรแกรมจะทำการเปิดหน้าต่างให้เรากำหนดค่าขึ้นมา ให้เราทำการกำหนดค่าต่าง ๆ ดังรูป


- Name : ทำการตั้งชื่อ Recordset ที่เราต้องการ
- Connection : เลือกที่ชื่อ Connection ที่เราได้ทำการสร้างไว้จากบทก่อน
- Table : เลือกตารางที่ใช้ในการเก็บข้อมูลของ Guestbook จากฐานข้อมูล
- Columns : เลือกไปที่ All เนื่องจากเราจะทำการนำข้อมูลออกมาแสดง ๆ ทุก ๆ คอลัมน์
- Filter : None
- Sort : เลือกที่ run_id และ Descending เนื่อจากเราจะเรียงลำดับของข้อมูลจากหมายเลข run_id ในแบบ มากไปหาน้อย นั้นคือ...ข้อมูลที่โพสหลังสุด จะถูกนำแสดงเป็นข้อมูลลำดับแรกและไล่เรียงต่อ ๆ ไปตามลำดับการโพส ไล่จากล่าสุดจนถึงข้อมูลที่เก่าสุด

3. เมื่อทำการกำหนดค่าต่าง ๆ เสร็จสิ้นดังรูป ให้ทำการ OK หรือหากต้องการทดสอบการทำงานของ Recordset ที่สร้างขึ้น ก็กดไปที่ปุ่ม Test ก่อนการ OK ก็สามารถทำได้
4. เมื่อทำการสร้าง Recordset เสร็จสิ้น จากนั้นให้เรากลับมาที่ตารางแสดงผลที่เราได้สร้างกันไว้จากตอนที่ 2 และให้เราทำการเปิดหน้าต่าง Bindings ขึ้นมา (Main Menu -> Window -> Bindings) ที่หน้าต่างนี้เราจะพบชื่อ Recordset ที่เราสร้างขึ้นและจพบชื่อ Fields ต่าง ๆ ในตารางของฐานข้อมูล ดังรูป


5. เมื่อเราได้ทำการเปิดหน้าต่าง Bindings และทำการเตรวจสอบเป็นที่เรียบร้อยแล้วจากนั้นให้เราทำการ CLick เลือกไปที่ Field ที่ชื่อว่า name แล้วทำการลากไปวางไว้ในตารางแสดงผลที่เราได้ทำการออกแบบไว้ โดยนำไปวางไว้หลังคำว่า ความคิดเห็นจาก : (กดค้างแล้วลากไปวาง) ดังรูป


6. จากนั้นให้ทำการลาก Feild ข้อมูลต่าง ๆ ไปวางไว้ยังตำแหน่งแสดงผลให้ตรงกันกับข้อมูลของฟิลด์นั้น ๆ เมื่อทำการวาง Feild ข้อมูลต่าง ๆ เสร็จสิ้น เราจะไก้หน้าตาจองตารางแสดงผล ซึ่งแสดงในโปรแกรม Dreamweaver ดังรูป


7. จากนั้นให้เราทำการ F12 เพื่อดูผลลัพธ์กับ Web Server แต่ตารางแสดงผลของเราจะยังไม่มีข้อมูลใด ๆ แสดงออกมาจากฐานข้อมูล เนื่องจากว่า...เรายังไม่มีการ Insert ค่าใด ๆ ลงไปใน databese ของเรา ซึ่งครั้งหน้าเราจะมาเรียนรู้เรื่องการสร้าง Form เพื่อให้ผู้เยี่ยมชมเว็บไซต์ กรอกข้อมูลแสดงความคิดกัน..
About the Author
Mr.Sittichai Raksasuk

Mr.Sittichai Raksasuk

Sittichai is a Web Developer and Web Technology Instructor for over 10 yrs. He is also a webmaster of dwthai.com and author jQuery with Dreamweaver (2010). DwThai.Com is a website for web developer using Adobe Dreamweaver.

Contact with him : dwthai@gmail.com



บทความอื่นที่คุณอาจสนใจ

การแปลง CSS ในแบบ Inline Style Sheet ให้เป็น Internal หรือ External Style Sheet

เรื่อง : การใช้ Convert Inline CSS to Rule เปลี่ยน CSS การเขียน CSS เพื่อทำการตบแต่งเว็บเพจ บางครั้งนักพัฒนาเว็บชอบที่จ...  

การสร้าง MySQL Connection กับ Dreamweaver

เรื่อง : การสร้าง Web Application ด้วย Dreamweaver + PHP + MySQL ตอนที่ 2 หลังจากที่เราได้ทำการเกริ่นนำสำหรับการเตรียมพร้อม...  

การนำ Code ภาษา HTML/JavaScript แทรกลงใน Web Page

เรื่อง : นำโค้ด HTML หรือ JavaScript แทรกลงในเว็บเพจด้วย Dreamweaver บ้างครั้งเราทำเว็บไซต์ อาจจะต้องมีการไปสมัครเป็นสม...  

ห้าม Click ขวาหน้าเว็บ โดยไม่ใช้ Extension

เรื่อง :: ห้าม Click ขวาหน้าเว็บ โดยไม่ใช้ Extensionมีผู้ติดต่อสอบถามกันเข้ามามากเลยว่า...ไม่สามารถหาตัว Extension ที่ชื่อ...  


Copyright ©2003-2019 dwthai.com. All rights reserved.
This website was created by : S.raksasuk.

ติดต่อ DwThai.Com

e-mail : dwthai@gmail.com
mobile: 08-9495-7296

เขียน Guestbook : DwThai.Com

*
*
*