แสดงบทความที่มีป้ายกำกับ Dreamweaver แสดงบทความทั้งหมด
แสดงบทความที่มีป้ายกำกับ Dreamweaver แสดงบทความทั้งหมด

2/18/2556

แสดงข้อมูลและแบ่งหน้า ข้อมูลจากฐานข้อมูลด้วยDreamweaver (PHP+MySQL)

บทความก่อนหน้านี้ได้สอนท่านใช้โปรแกรม Dreamweaver ดึงข้อมูลจากฐานข้อมูลมาแสดง ซึ่งเราได้เลือกข้อมูลทั้งหมดมาแสดง แต่ถ้าหากว่าเรามีข้อมูลที่จัดเก็บไว้มีหลักพันหรือหลักหมื่นเรคคอร์ดแล้ว ล่ะก็ การเลือกที่จะแสดงข้อมูลทั้งหมดในหนึ่งหน้า คงจะไม่ใช่วิธีที่ดีอย่างแน่นอน เพราะจะทำให้เว็บโหลดช้า ซึ่งขึ้นอยู่กับปริมาณของข้อมูลด้วย และส่งผลต่อการทำSEO เพราะการโหลดของหน้าเว็บใดๆจะต้องไม่เกิน 10 วินาทีครับ ดังนั้นวิธีแก้ปัญหาก็คือ การแบ่งหรือแยกข้อมูลออกเป็นหลายๆหน้าครับ เพื่อช่วยลดเวลาในการโหลดข้อมูล
บทความนี้จึงจะสอนท่านใช้โปรแกรมDreamweaverแสดงข้อมูลและแบ่งหน้าข้อมูลครับ  โดยในอันดับแรกท่านจะต้องกลับไปทำตามขั้นตอนในบทความนี้ก่อนครับ->แสดงข้อมูลจากฐานข้อมูลด้วยDreameweaver ให้ทำตามขั้นตอนลงมาเรื่อยๆจนถึงหน้าต่างตัวเลือกเพื่อแสดงจำนวนข้อมูลดัง รูป
ให้เปลี่ยนตัวเลือกเป็นการแสดง ข้อมูลแค่ 10 แถวต่อหน้าเท่านั้น ดังรูป
จากนั้นไปที่แท็บ SEVER BEHAVIORS แล้วเลือก Recordset Paging ในส่วนของเมนูย่อย ให้เลือกทั้งหมด โดยคลิกทีละเมนูจนครบ ดังรูป

มันจะสร้างLinkให้เราขึ้น มา 4 Link คือ First( ไปหน้าเริ่มต้น) ,Previous(ไปหน้าก่อนหน้า),Next( ไปหน้าถัดไป),Last( ไปหน้าสุดท้าย)  จากนั้นให้คลิก Hightlight จาก First จนถึง Previous ดังรูป
แล้วไปที่ Show Region แล้วเลือก Show If Not First Page ดังรูปข้างล่าง
จากนั้นทำเหมือนเดิมครับ โดยคลิกHightlightที่ Next จนถึง Last ดังรูป
 แล้วให้เลือก Show Region และเลือก Show If Not Last page ครับ ดังรูป
ต่อไปเราจะให้แสดงข้อมูลอีกนิดหน่อยครับ คือแถวปัจจุบัน แถวสุดท้าย และแถวทั้งหมดครับ โดยไปที่ Display Record Count แล้วเลือกเมนูย่อยทั้งหมด ทีละรายการครับ 

 จะได้ผลลัพธุ์ดังรูปข้างล่าง และให้แทรกข้อความภาษาไทยเข้าไปตามผมได้เลยครับ ดังรูป
 ลองรันโปรแกรมดูครับ จะได้ผลลัพธุ์  ดังรูป

สำหรับวิธีแก้ไขการแสดงผลภาษาไทยให้เปิดไฟล์นี้ในมุมมอง Code แล้วให้แก้ไขโดยพิมพ์คำสั่ง mysql_query(“SET NAMES ‘utf8’”) แทรกเข้าไปให้ไฟล์ pdshow.php ต่อท้ายคำสั่ง mysql_select_db ดังรูป
จะได้ผลลัพธุ์ที่สมบูรณ์ ดังรูป

จะเห็นได้ ว่าผลลัพธุ์ที่ได้ทั้งหมดนี้ ผมไม่ได้เขียนCodeเองเลยครับ จะมีแค่ การแทรกคำสั่งเพื่อแสดงผลภาษาไทยเท่านั้น โดยโปรแกรมDreamweaver จะสร้างCode PHP ให้เราอัตโนมัติครับตามเมนูที่เราเลือก
ให้ท่านลองทำ ดูนะครับ และนำไปประยุกต์ใช้กับโปรเจ็คของท่าน อาจจะดูยุ่งยากหน่อยในตอนแรก หากทำเป็นแล้ว ต่อไปก็จะกลายเป็นเรื่องง่ายสำหรับเรา และมันจะช่วยลดเวลาในการเขียนCodeของเราได้เยอะเลย หากติดปัญหาตรงไหน สามารถสอบถามผมได้จากCommentด้านล่างเลยครับ

การสร้าง Site Dreamweaver ให้ใช้กับฐานข้อมูล Mysql ได้

หลายคนอาจจะสงสัยว่าจะสร้าง Site ให้กับ Dreamweaver เพื่อใช้งานกับ php และฐานข้อมูล mysql ได้อย่างไร ดังนั้นเรามาดูการสร้างไซต์ เพื่อเป็นพื้นฐานในการเขียนโปรแกรมในขั้นต่อไป

ขั้นตอนการทำ

1. สร้าง Folder สำหรับเก็บข้อมูลเว็บไซต์ ในที่นี้ผมสร้าง Folder Test ดังภาพ




2. จากนั้นทำการ Define Site มาที่ Folder ที่เราสร้าง ดังภาพ



3. ให้เราเลือกที่หน้าต่าง Databases สังเกตุว่าโปรแกรมติ๊กถูกอยุ่ 2 อันที่ Site ดังนั้นเราจะต้องทำ Testting Server ด้วยถึงจะใช้งานได้



4. กำหนดค่าให้กับ Testting Server ดังภาพ



5. หลังจากนั้นก็ Set ฐานข้อมูลได้เลยครับ ขอให้สนุกกับการทำเว็บไซต์