สร้างสมุดเยี่ยมด้วย DreamweaverMX (2)

ผู้เขียน：Eve Cole เวลาอัปเดต：2009-05-31 21:07:17

เราได้กล่าวไว้ก่อนหน้านี้ว่าเพื่อให้แน่ใจว่าข้อความจะแสดงตามปกติ เราต้องแสดงข้อความเฉพาะเมื่อมีข้อความเท่านั้น หากไม่มีข้อความ "ยังไม่มีข้อความ" จะปรากฏขึ้น แล้วคุณจะทำอย่างไรใน DW MX? - ที่นี่ เราต้องเรียนรู้ขอบเขตการแสดงพฤติกรรมเซิร์ฟเวอร์ใหม่ ซึ่งแสดงข้อมูลที่แตกต่างกันตามข้อมูลในไลบรารี

เรามาพูดถึงแนวคิดพื้นฐานกันก่อน นำเนื้อหาข้อความด้านบนมาเป็นตัวอย่าง: หากเนื้อหาในข้อความของฉันว่างเปล่า สิ่งที่จะแสดง หากเนื้อหาของข้อความไม่ว่างเปล่า สิ่งที่จะแสดง ดังแสดงในรูปที่ (7-9)

7-9

หลังจากเลือกตารางเนื้อหาข้อความทั้งหมดแล้ว ให้ใช้ Application-->Server Behaviors-->Show Region-->Show Region If Recordset Is Not Empty (เมื่อชุดบันทึกไม่ว่างเปล่า) กล่าวคือ แสดงแบบฟอร์มนี้เมื่อเนื้อหาข้อความ ไม่ว่างเปล่า ต้องบอกว่าฉันต้องพูดถึงพฤติกรรมของเซิร์ฟเวอร์อื่นๆ หลายประการ

แสดงภูมิภาคหากชุดระเบียนว่างเปล่า (หากชุดระเบียนว่างเปล่า): เมื่อชุดระเบียนว่างเปล่า ให้แสดงภูมิภาคที่เลือก
แสดงภูมิภาคหากชุดระเบียนไม่ว่างเปล่า (หากชุดระเบียนไม่ว่างเปล่า): เมื่อชุดระเบียนมีระเบียน จะแสดงภูมิภาคที่เลือก

แสดงขอบเขตหากบันทึกแรก: แสดงขอบเขตที่เลือกเมื่อเป็นบันทึกแรกในชุดบันทึก
แสดงภูมิภาคหากไม่ใช่บันทึกแรก: แสดงภูมิภาคที่เลือกเมื่อไม่มีบันทึกแรกในชุดบันทึก
แสดงภูมิภาคหากบันทึกล่าสุด: แสดงภูมิภาคที่เลือกเมื่อเป็นบันทึกสุดท้ายในชุดบันทึก
แสดงภูมิภาคหากไม่ใช่บันทึกล่าสุด: แสดงภูมิภาคที่เลือกเมื่อไม่มีบันทึกสุดท้ายในชุดบันทึก

คลิกแล้วกล่องโต้ตอบจะปรากฏขึ้นดังแสดงในรูปที่ (7-10)

7-10

ในกล่องโต้ตอบนี้ ให้เลือกชุดเรกคอร์ดที่สอดคล้องกับลักษณะการทำงานนี้ ในหน้านี้ เราสร้างชุดเรกคอร์ดชื่อสมุดเยี่ยมชมเพียงชุดเดียวเท่านั้น ผลลัพธ์หลังจากใช้พฤติกรรมเซิร์ฟเวอร์ดังแสดงในรูปที่ (7-11)

7-11
เพื่อป้องกันข้อผิดพลาดเมื่อไม่มีเนื้อหาข้อความ ที่นี่เราจำเป็นต้องใช้ลักษณะการทำงานแสดงภูมิภาคหากชุดระเบียนว่างเปล่า (เมื่อชุดระเบียนว่างเปล่า) และนำไปใช้กับตาราง "ยังไม่มีข้อความ" ผลสุดท้ายคือ ดังแสดงในรูป (7-12)

7-12

ต่อไป ให้เราปรับปรุงด้วยการแทรกตารางเล็กๆ ลงในตารางขนาดใหญ่ที่แสดงข้อความ จัดเรียง และแทรกรูปภาพที่เกี่ยวข้องกัน (นี่คือรูปภาพเล็กๆ ที่พบบ่อยที่สุดบนอินเทอร์เน็ต :)) ดังแสดงในรูปที่ (7-13) ) แสดง ต่อไปนี้คือทักษะพื้นฐานของตาราง Dreamweaver ขั้นพื้นฐาน โปรดดูรายละเอียดในบทอื่นๆ ในชุดบทช่วยสอนนี้

7-13

สิ่งที่คุณต้องทำตอนนี้คือการลากข้อมูลในฐานข้อมูลไปยังตารางที่เกี่ยวข้อง ตัวอย่างเช่น ลากชื่อผู้ใช้ไปยังเซลล์ที่อยู่หลังชื่อ f_name ไปที่โพสต์ ด้านหน้า ลาก f_time ไปที่โพสต์ด้านหลัง เพื่อว่าเมื่อแสดงจะกลายเป็น "XX เผยแพร่ใน XX" ดูรูปภาพ (7-14)

7-14

มีข้อบกพร่องเล็กๆ น้อยๆ ที่นี่ นั่นคือข้อความที่เราแสดงไม่สามารถจัดรูปแบบได้ นั่นคือคุณจะพบว่าไม่ว่าข้อความของคุณจะมีจำนวนแคร่คืนเท่าใด ข้อความนั้นก็จะไม่เสียหายเมื่อแสดง และมีมากกว่าสองรายการ ช่องว่างจะกลายเป็นช่องว่าง ปัญหานี้สามารถแก้ไขได้โดยใช้ปลั๊กอิน spdformat.mxt (คลิกที่นี่เพื่อดาวน์โหลดปลั๊กอิน!) หลังจากติดตั้งปลั๊กอินแล้ว วิธีการจะเป็นดังรูป (7-48) ทั้งเนื้อหาข้อความและการตอบกลับของผู้ดูแลเว็บต้องใช้ปลั๊กอินนี้

7-48
บางทีผู้คนอาจถามอีกครั้งว่าฉันจะทำอย่างไร OICQs และที่คล้ายกันในฐานข้อมูลของฉัน สำหรับเรื่องนี้ ฉันไม่รู้ว่าคุณทราบแอตทริบิวต์ alt ของแท็ก img ใน HTML หรือไม่ นั่นคือเมื่อเลื่อนเมาส์ขึ้น ข้อความคำอธิบายที่เกี่ยวข้องจะปรากฏขึ้น ที่นี่เราจะผูกมันเข้ากับรูปภาพแบบไดนามิกตามนั้น สำหรับที่อยู่หน้าแรกเพียงคลิกและเชื่อมต่อกับที่อยู่ที่เกี่ยวข้องสำหรับที่อยู่อีเมลให้คลิกและเปิด Outlook เพื่อส่งข้อความถึงผู้ที่ฝากข้อความไว้

ลักษณะเฉพาะดังแสดงในรูปที่ (7-15)

7-15

มีลำดับอยู่ที่นี่ ขั้นแรกให้เลือกรูปภาพ OICQ จากนั้นเลือกชุดข้อมูลที่เกี่ยวข้องจากชุดระเบียนทางด้านขวา (ที่นี่ เลือกฟิลด์ (f_oicq) ที่เก็บหมายเลข OICQ ในฐานข้อมูล จากนั้นเลือกจากการเชื่อมโยง ถึง: เมนูแบบเลื่อนลง img.alt ซึ่งเป็นแอตทริบิวต์แท็ก img ที่เราพูดถึงก่อนหน้านี้ จากนั้นคลิกผูกในภายหลัง หากการเชื่อมโยงถูกต้อง สีเดียวกับชุดระเบียนก่อนหน้าจะถูกสร้างขึ้นเพื่อระบุว่าเซิร์ฟเวอร์ พฤติกรรมถูกนำไปใช้ที่นี่ ดังแสดงในรูปที่ 7-16 เรายังต้องตกแต่งให้สวยงาม

7-16

เปิดซอร์สโค้ดและมุมมองการออกแบบ คุณจะพบว่าสิ่งที่คุณเพิ่งใส่คือ alt="<%=(guestbook.fields.item("f_oicq").value)%>" ในโค้ด ให้คัดลอกโค้ดนี้แล้วใส่ ไว้ข้างหน้า และเปลี่ยน f_oicq เป็น f_name (ช่องชื่อของโปสเตอร์ในฐานข้อมูล) เพื่อให้โค้ดสุดท้ายคือ alt="<%=(guestbook.fields.item("f_name").value)%> หมายเลข OICQ คือ <%=(guestbook.fields.item("f_oicq").value)%>" ดังนั้นเมื่อแสดงขึ้น จะเป็น "หมายเลข OICQ ของ XX คือ XX" ซึ่งทั้งหมดถูกผูกไว้แบบไดนามิก ดีแค่ไหน . ,โอ้. -

7-17