หน้าแรก บริการของ dwthai.com เกี่ยวกับ dwthai.com ติดต่อ dwthai.com
พื้นฐานการใช้งาน การใช้งานที่มากกว่างาน Design ขยายความสามารถให้ DW เรื่องของ Script บทความน่ารู้
มุม Download
พูดคุยสนทนาตามประสาคนทำเว็บ
หาเพื่อนคุยคอเดียวกันกับ MSN
ติ-ชมเราบ้าง

 

:: ติดต่อเรา ::
webmaster_dwthai@yahoo.com
webmaster@dwthai.com

08 - 9495 - 7296
-------
-----------------------------------

เรื่อง :: เลือกข้อมูลออกมาแสดง

ในครั้งที่แล้วเราได้กล่าวถึงการสร้างตัว Connection สำหรับการติดต่อกับฐานข้อมูลไป ซึ่งเป็นการสร้างตัว Connection ทั้ง 3 รูปแบบที่ ASP สามารถรองรับได้ (ไม่นับ ASP.NET นะ) ครั้งนี้เราจะเริ่มนำเอา Connection ที่เราสร้างขึ้นนำมาใช้ประโยชน์กัน โดยในบทความนี้จะเป็นการแสดงข้อมูลที่มีอยู่ใน Table ของ Database ที่เราทำการ Connect ไปมาแสดง...

Select Table....

ขั้นตอนการใช้งาน

ให้ท่านไปที่หน้าต่างหรือเมนู Insert จากนั้นเลือกไปที่ที่เมนูหรือ TAB ที่ชื่อว่า Application เมื่อเลือกแล้วให้เราเลือกไปที่ icon ที่เราต้องการดังนี้ (ในกรณีเลือกเพื่อจะแสดงข้อมูล)....
1.
Dynamic Table เมื่อต้องการแสดงผลข้อมูลออกมาในรูปแบบของตาราง
2.
Dynamic Text เมื่อต้องการแสดงผลออกมาในรูปแบบของข้อความปรกติ (ไม่มีตาราง)
ในที่นี้ผมเลือกที่ Dynamic Table เพื่อแสดงข้อมูลออกมาเป็นแบบตาราง (ดูรูป Pic.1)

Pic.1

เมื่อเลือกแล้วจพปรากฏหน้าต่างใหม่ขึ้นมาดังรูป Pic.2 เพื่อให้เราเลือก Connection ที่เรามีอยู่ใน Site (กรณีมีหลลาย Connection) หรือให้สร้างขึ้นมาใหม่ (กรณีที่เรายังไม่เคย Set Connection ไว้ใน Site เลย)

Pic.2
ที่หน้าต่าง
Setup Instructions นี้ให้เรา Click เลือกไปที่ Link ในหัวข้อที่ 4 ตรงคำว่า Recordset

เมื่อเลือกที่ Rcordset แล้ว จะปรากฏหน้าต่างใหม่ออกมา ให้เราทำการ Set ค่าดังนี้ (ดูรูป Pic.3)

 

 

Pic.3
ที่หน้าต่าง Recordset ให้เรากำหนดค่าตามฟิลด์ต่าง ๆ ดังนี้

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

เมื่อเรากำหนดค่าต่าง ๆ เสร็จแล้วก็ Click ที่ Test เพื่อดูผลขั้นต้น หรือจะ Click ไปที่ OK เลยก็ได้ครับ

 

เมื่อเราได้ทำการกำหนดค่าตามขั้นตอนที่ผ่านมาแล้ว แล้วเรา Click ที่ OK ไปแล้ว เราก็จะมาพบหน้าต่างต่อไป ดังรูป Pic.4 ครับ (ในกรณีที่เราเลือกเป็น Dynamic Table)

Pic.4
ที่หน้าต่าง Dynamic Table นี้ให้เรากำหนดค่าต่าง ๆ ดังนี้

Recordset : ก็ให้เราเลือกที่ชื่อ Recordset ที่เรากำหนดไปเมื่อขั้นตอนก่อน
Show : ให้เราเลือกว่าจะแสดงข้อมูลออกมาทีละกี่ Record ต่อ 1 page หรือจะแสดงออกมาทั้งหมด (All Records)
Border : เป็นการกำหนดเส้นขอบของตาราง
Cell padding และ Cell Spacing ก็เป็นการกำหนดการแสดงผลของตาราง เหมือนกับการสร้างตารางโดยปรกติ

จากนั้น Click ที่ OK ครับ

เมื่อกำหนดค่าถูกต้องตามขั้นตอนที่หมดแล้วให้เราทำการ Save ไฟล์งานของเราเสีย จากนั้นให้ทดสอบการแสดงผลของ webpage เรากับ web server ของเรานะครับ .....เป็นอันเสร็จสิ้นขั้นตอนการทำครับ


ps. การกำหนดการแสดงผลข้อมูลของ Dreamweaver MX นั้น ยังมีเทคนิคการใช้งานอีกมาก ที่นำเสนอในบทความนี้เป็นเพียงไกด์แนะนำให้ท่านนำไปศึกษาต่อยอดเพิ่มขึ้นไปนะครับ

BACK TOP


สงวนลิขสิทธิ์ © 2546-2550 โดย dwthai.com ห้ามการ copy ส่วนใดส่วนหนึ่งของเว็บไซต์แห่งนี้.
Copyright ©2003-2007 dwthai.com. All rights reserved. This website was created by : S.raksasuk.