About DwThai.Com 00

DwThai.Com Logo

DwThai.Com

Tip and Trick Dreamweaver

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





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

การสร้างโปรแกรมสำหรับแสดงข้อมูลจาก Database (Select Data) [Article ID : 62]


เรื่อง :: การสร้าง Web Application ด้วย Dreamweaver + PHP + MySQL ตอนที่ 4


ในตอนก่อนเราได้ทำการสร้าง Form และโปรแกรมสำหรับเพิ่มข้อมูลลงสู่ Database ไปแล้ว มาคราวนี้ก็คงต้องเป็นโปรแกรมสำหรับการนำเอาข้อมูลที่เราได้ทำการเพิ่มเข้าไปในฐานข้อมูลออกมาแสดงยังหน้า Web Page กัน

ตอนที่ 4:: การสร้างโปรแกรมสำหรับเรียกแสดงผลข้อมูล (Select Data)

1. ทำการ New File ขึ้นมา จากนั้นให้ทำการ Save เก็บไว้เป็นชื่อไฟล์ว่า view.php
2. เมื่อเราได้ไฟล์ view.php แล้ว ให้เราทำการสร้าง Recordset ขึ้นมา โดยให้คุณ Click ไปที่ Icon ที่ชื่อว่า Recordset ที่ Insert Bar ในส่วนของ Application นะครับ ดังรูป



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


ที่หน้าต่าง Recordset ให้เรากำหนดค่าดังนี้

-> Name : ให้ทำการตั้งชื่อของ Recordset ที่เราต้องการ เพื่อไว้ใช้อ้างอิงในโปรแกรม ในที่นี้ผมตั้งชื่อว่า view
-> Connection : เลือกไปที่ชื่อ Connection ที่เราสร้างขึ้นมาจากตอนก่อน
-> Table : เลือกไปที่ตารางที่ต้องการ ในที่นี้เลือกไปที่ dw_test
-> Columns : เลือกที่ Option ที่คุณต้องการ หากคุณต้องการนำเอาข้อมูลจากทุกคอลัมน์ของ Table เลือกไปที่ All หากคุณต้องการกำหนดผลข้อมูลจากบาง Columns เท่านั้นก็ให้เลือกที่ Selected แล้วให้เลือกคอลัมน์ตามที่ต้องการ
-> Filter : เลือกเป็น None หากต้อการแสดงผลข้อมูลโดยไม่มีเงื่อนไข แต่ถ้าหากต้องการแสดงแบบมีเงื่อไขให้เรากำหนดค่าต่าง ๆ เพิ่มขึ้นมาด้วย
-> Sort : เลือกการจัดเรียงข้อมูลตามที่ต้องการ ในที่นี้เลือกเป็น ID แล้วเลือกเป็น Descending ครับ

4. เมื่อทำการกำหนดค่าต่าง ๆ ดังข้อ 3 เสร็จสิ้น (ในเบื้องต้นให้ทำการกำหนดค่าดังรูปนะครับ) ให้กดที่ OK ครับ
5. จากนั้นให้กลับไปที่ TAB ที่ชื่อว่า Application นะครับ แล้ว CLick ไปที่ Icon ที่ชื่อว่า Dynamic Data : Dynamic Table ดังรูปนะครับ


6. เมื่อ Click ที่ไอคอนดังกล่าวแล้วเราจะได้หน้าต่างใหม่ให้เราทำการกำหนดค่า ดังรูป


7. จากนั้น Click ที่ปุ่ม OK เราก็จะได้รูปแบบตาราง ดังรูป


ตารางที่ได้เราสามารถตกแต่งแก้ไขได้ตามความต้องการ

8. ดูผลกับ Web Server นะครับ



ps. อย่าลืมเปิด Service ของ Web Server และ MySQL Server ก่อนการสร้างโปรแกรมทุกครั้ง.
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



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

สร้างระยะเยื้องให้บรรทัดแรกของข้อความย่อหน้า (text-indent)

เรื่อง : สร้างระยะเยื้องให้บรรทัดแรกของย่อหน้าด้วย Dreamweaver หลายท่านคงมีปัญหา เมื่อทำการพิมพ์ข้อความที่เป็นเนื้อหาของห...  

การจัดเรียงข้อมูลในตาราง (Sort Table) ด้วย Dreamweaver

เรื่อง : การจัดเรียงข้อมูลในตารางด้วย Dreamweaver (Sort Data on Table) บางครั้งการจัดทำข้อมูลในเว็บเพจของเรา อาจจะเคยต้...  

สร้างโปรแกรม Guestbook ด้วย Dreamweaver + PHP + MySQL ตอนที่ 2

หลังจากที่เราได้ทำการสร้าง Database และ Table ไปแล้วจากตอนที่ 1 ที่ผ่านมา ขั้นตอนต่อไปก็คือ เราต้องทำการสร้างตัว MySql Connection ใ...  

สร้างปุ่มกด Submit ของ Form ด้วยรูปภาพ

เรื่อง : การสร้างปุ่ม Submit แบบใช้รูปภาพด้วย Dreamweaver เห็นตามเว็บบอร์ดต่าง ๆ มักมีผู้สนใจอยากจะทำปุ่ม Submit ของ Form โ...  


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

*
*
*