About DwThai.Com 00

DwThai.Com Logo

DwThai.Com

Tip and Trick Dreamweaver

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





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

%E0%B8%81%E0%B8%B2%E0%B8%A3%E0%B8%AA%E0%B8%A3%E0%B9%89%E0%B8%B2%E0%B8%87%E0%B9%82%E0%B8%9B%E0%B8%A3%E0%B9%81%E0%B8%81%E0%B8%A3%E0%B8%A1%E0%B8%AA%E0%B8%B3%E0%B8%AB%E0%B8%A3%E0%B8%B1%E0%B8%9A%E0%B9%81%E0%B8%AA%E0%B8%94%E0%B8%87%E0%B8%82%E0%B9%89%E0%B8%AD%E0%B8%A1%E0%B8%B9%E0%B8%A5%E0%B8%88%E0%B8%B2%E0%B8%81 Database %28Select Data%29 [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



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

สารพัดปัญหา Dreamweaver ติดต่อกับ Database (MySQL) ไม่ได้

เรื่อง: ปัญหาการใช้โปรแกรม Dreamweaver สร้าง Connection กับฐานข้อมูลไม่ได้ "Dreamweaver ติดต่อกั...  

Upload ไฟล์เว็บไปไว้บน Web Hosting ด้วย Dreamweaver

เรื่อง : Dreamweaver กับการ Upload ไฟล์เว็บไซต์ไปยัง Web Hosting เมื่อเร็ว ๆ นี้มีน้องคนหนึ่งโทรเข้ามาสอบถามเรื่องของการใช้...  

การติดตั้ง Dreamweaver Extension ในแบบ Command Line

เรื่อง : วิธีการติดตั้ง Extension ในแบบ Command Line Dreamweaver CC 2015 (หรือเวอร์ชั่นที่สูงกว่า) ท่าน...  

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

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


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

*
*
*