ภาษาไทย
中文(简体)
中文(繁体)
한국어
日本語
English
Português
Español
Русский
العربية
Indonesia
Deutsch
Français
ภาษาไทย
หน้าแรก
ดาวน์โหลดซอร์สโค้ด
เกี่ยวกับการเขียนโปรแกรม
ทรัพยากรสร้างเว็บไซต์
หนังสือและบทเรียน
บทเรียนออกแบบเว็บ
บทเรียนการเขียนโปรแกรมเครือข่าย
เกมมือถือ
แอปมือถือ
บทความ
หน้าแรก
>
การสอนการออกแบบเว็บไซต์
>
บทช่วยสอน Dreamweaver
การสำรวจ Dreamweaver MX Ultradev(2)
ผู้เขียน:Eve Cole
เวลาอัปเดต:2009-05-31 21:07:46
Dreamweaver MX Ultradev Explore (2) แสดงบันทึกในฐานข้อมูล
ในการบรรยายครั้งก่อน เราพูดถึงการตั้งค่าการเชื่อมต่อฐานข้อมูลเป็นหลัก วันนี้เราจะมาเริ่มใช้งานแอปพลิเคชันเบื้องหลังจริงและรับข้อมูลจากฐานข้อมูลกัน คำก่อนหน้านี้ทั้งหมดเป็นการเตรียมการสำหรับงานของวันนี้ หน้าเว็บที่เราเห็นในปัจจุบันนั้นเป็นแบบไดนามิก ที่เรียกว่าไดนามิกหมายความว่าจะรวมเข้ากับฐานข้อมูลเพื่ออัปเดตข้อมูลโดยอัตโนมัติ การดึงข้อมูลจากฐานข้อมูลเป็นวิธีพื้นฐานที่สุดและเป็นวิธีไดนามิกที่ใช้บ่อยที่สุด ต่อไปเราจะดึงรายการข้อมูลผลิตภัณฑ์จากตารางผลิตภัณฑ์ในฐานข้อมูล Northwind ผ่านทางแบบสอบถาม
โปรดทราบว่าเมื่อตั้งค่าไซต์ โปรดตั้งค่าการเข้าถึงในตัวเลือกเซิร์ฟเวอร์ทดสอบเป็น FTP หรือท้องถิ่น/เครือข่าย (รูปภาพ 2-1) ไม่เช่นนั้น Bindings จะไม่สามารถใช้งานได้
รูปที่ 2-1
เลือกแท็บ Bindings ในแผงแอปพลิเคชันทางด้านขวา กดปุ่มบวก (ดังรูป 2-2)
รูปที่ 2-2
ในกล่องโต้ตอบ Recordset ให้ทำการตั้งค่าโดยละเอียดดังต่อไปนี้:
ชื่อ:ดิสโปรดักส์
การเชื่อมต่อ: ลมเหนือ (นี่คือการเชื่อมต่อที่เราสร้างขึ้นในการบรรยายครั้งก่อน ไม่จำเป็น)
ตาราง: ผลิตภัณฑ์ (ตารางทั้งหมดในฐานข้อมูลอยู่ที่นี่ เราเลือกผลิตภัณฑ์)
คอลัมน์: ประกอบด้วยฟิลด์ทั้งหมดในผลิตภัณฑ์ หากคุณเลือกปุ่มตัวเลือก เราก็สามารถกรองฟิลด์ได้ (ดังแสดงในรูปที่ 2-3)
รูปที่ 2-3
หลังจากการตั้งค่าเสร็จสิ้น เราสามารถทดสอบและกดปุ่มทดสอบทางด้านขวาได้ มันไม่น่าแปลกใจเลยใช่ไหม พลังของเครื่องมือนี้แสดงไว้ครบถ้วนแล้ว! (ดังแสดงในรูปที่ 2-4)
รูปที่ 2-4
คลิก ตกลง เพื่อกลับไปยังกล่องโต้ตอบ ชุดระเบียน แล้วคลิก ตกลง เพื่อกลับไปยังเพจ ในขณะนี้ เราจะเห็นการเปลี่ยนแปลงในแท็ก Binding และคิวรีที่ชื่อ disProduct ที่เราสร้างขึ้นจะปรากฏขึ้น ฉันคิดว่าทุกคนควรนึกถึงวัตถุต่างๆ ได้ง่ายหลังจากเห็นสิ่งนี้ มันใช้งานง่ายและเข้าใจได้ง่ายกว่าการสร้างวัตถุในโค้ด (ดังแสดงในรูปที่ 2-5) คลิกที่เครื่องหมาย "+" ข้างๆ เพื่อขยาย ตารางผลิตภัณฑ์ ฟิลด์ทั้งหมดจะปรากฏต่อหน้าต่อตาคุณ (ดังแสดงในรูปที่ 2-6)
รูปที่ 2-5
รูปที่ 2-6
จุดประสงค์ของเราคือการแสดงรายการผลิตภัณฑ์บนเพจ ในงานต่อไปนี้ คุณจะค้นพบว่าการแสดงสิ่งต่าง ๆ ในฐานข้อมูลบนเพจนั้นง่ายเพียงใด คุณจะรู้สึกถึงความยิ่งใหญ่ของเครื่องมือนี้อีกครั้ง
สร้างตารางที่มีสองแถวและสี่คอลัมน์บนหน้า และกรอกแถวแรกด้วย: ชื่อผลิตภัณฑ์ ปริมาณต่อหน่วย ราคาต่อหน่วย และสินค้าคงคลัง (ดังแสดงในรูปที่ 2-7) นี่คือฟิลด์ที่เราต้องการแสดง บนหน้า ในส่วนถัดไปเราจะใส่เนื้อหาในช่องต่างๆ ลงไป
รูปที่ 2-7
ในการเลือกฟิลด์ที่ขยายใน Bindings อันดับแรกเราเลือกฟิลด์ "ชื่อผลิตภัณฑ์" จากนั้นคลิกเมาส์บนคอลัมน์แรกของแถวที่สองของตารางเพื่อให้เคอร์เซอร์กะพริบ จากนั้นกลับไปที่แผง Bindings และคลิกปุ่ม ปุ่มแทรก (ตามภาพ) 2-8)
รูปที่ 2-8
แทรกฟิลด์ "ปริมาณต่อหน่วย ราคาต่อหน่วย และสินค้าคงคลัง" ลงในตารางในลักษณะเดียวกัน (ดังแสดงในรูปที่ 2-9) นอกจากนี้ยังมีวิธีที่ง่ายกว่า นั่นคือ คุณสามารถลากฟิลด์ไปยังตำแหน่งที่คุณอยู่ได้ ต้องการวางไว้ ผลก็เหมือนกันและง่ายกว่า เอาล่ะ มาดูโค้ดต้นฉบับกันดีกว่า หากคุณเป็นมือใหม่ของ Asp ผมจะเล่าประสบการณ์ให้คุณฟัง คือการดูโค้ดต้นฉบับที่สร้างโดย mx ซึ่งจะช่วยคุณได้มากในการเรียนรู้ Asp เพราะคุณจะพบว่าในอนาคตคุณสามารถลองรวมสองหน้าเข้าด้วยกันโดยเพียงแค่เพิ่มโค้ดไม่กี่บรรทัดเช่นหน้าเข้าสู่ระบบนั่นคือเรื่องราวอีกครั้งหนึ่งเมื่อคุณอ่านต่อ
รูปที่ 2-9
เอาล่ะ ตอนนี้บันทึกเพจของคุณและเห็นผลการทำงานของคุณในเบราว์เซอร์ของคุณ อย่าบอกฉันว่าคุณไม่รู้วิธีแก้ไขหน้า Asp! สิ่งที่ปรากฏมีผลลัพธ์เพียงแถวเดียวมันไม่ทำให้คุณผิดหวังเหรอ? ฮ่าๆ ตัวชี้บันทึกยังไม่ขยับ แน่นอนว่าแสดงแค่บรรทัดแรกเท่านั้น อ่านต่อ
เราจะเริ่มพูดถึงพฤติกรรมของเซิร์ฟเวอร์ เราสามารถใช้เพื่อบรรลุฟังก์ชั่นต่างๆ มากมาย ตอนนี้เรามาดูกันดีกว่าว่าปัญหาที่เราต้องแก้ไขตอนนี้คือวิธีการแสดงบันทึกทั้งหมด เลือกเซลล์ทั้งหมดในแถวที่สองของตาราง (รูปที่ 2-10)
รูปที่ 2-10
คลิกปุ่ม "+" บนป้ายกำกับ Server Behaviors เลือกทำซ้ำภูมิภาคในเมนูแบบเลื่อนลง และเลือกปุ่มตัวเลือกทั้งหมดในกล่องโต้ตอบทำซ้ำภูมิภาค หากคุณไม่ต้องการแสดงทั้งหมด คุณสามารถเลือกได้ ปุ่มตัวเลือกด้านบนแล้วกรอกหมายเลขที่ต้องการแสดง (ดังแสดงในรูปที่ 2-11)
รูปที่ 2-11
กดปุ่ม OK เพื่อกลับ ลักษณะการทำงานอีกอย่างหนึ่งปรากฏขึ้นในแท็บลักษณะการทำงานของเซิร์ฟเวอร์ (รูปที่ 2-12) เมื่อดูโค้ดต้นฉบับ คุณจะพบว่าเขาเพิ่งเพิ่มคำสั่งวนซ้ำ
รูปที่ 2-12
บันทึกการเปลี่ยนแปลงและแก้ไขข้อบกพร่องอีกครั้ง แล้วสิ่งที่คุณตั้งค่าไว้ (รูปที่ 2-11) ก็จะออกมา ณ จุดนี้ คุณสามารถตรวจสอบสิ่งต่อไปนี้ได้ ซึ่งมีเคล็ดลับมากมายในนั้น
ที่จะดำเนินต่อไป……
บทความที่เกี่ยวข้อง
อัพเดต Macromedia Dreamweaver 8.0.1
2009-05-31
การใช้ DW อย่างชำนาญสำหรับเทคนิคการผลิตหน้าเว็บ
2009-05-31
เคล็ดลับหนึ่งประโยคสำหรับ Dreamweaver MX 2004
2009-05-31
เคล็ดลับสองประการในการใช้สไตล์ชีต CSS ใน DreamWeaver
2009-05-31
ทักษะและการปรับปรุงการออกแบบเว็บไซต์และการผลิต Dreamweaver
2009-05-31
ตัวอย่าง Dreamweaver MX: ทักษะการใช้รูปภาพ
2009-05-31
ตัวอย่าง Dreamweaver MX: การสร้างโมดูลปลั๊กอิน Java
2009-05-31
ASP.NET รวมกับ DreamweaverMx
2009-05-31
Dreamweaver: คำแนะนำฉบับสมบูรณ์ตั้งแต่การตัดเทมเพลตหน้าเว็บไปจนถึงการสร้างหน้าเว็บ
2009-05-31
Dreamweaver: เคล็ดลับการใช้รูปภาพ
2009-05-31
Dreamweaver MX Ultradev Exploration (คำนำ)
2009-05-31
การสำรวจ Dreamweaver MX Ultradev(1)
2009-05-31