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

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

ตกลง ขั้นตอนต่อไปคืออีเมลและที่อยู่หน้าแรก ซึ่งแตกต่างไปจากวิธีก่อนหน้าเล็กน้อย ดังแสดงในรูปที่ (7-18) และ (7-19)

7-18

7-19

ในทำนองเดียวกัน โปรดทราบว่ามีลำดับขั้นแรก ให้เลือกรูปภาพของกล่องจดหมาย จากนั้นคลิกปุ่มลิงก์จากแผงคุณสมบัติด้านล่าง กล่องโต้ตอบที่แสดงในรูปที่ (7-20) จะปรากฏขึ้น ซึ่งหมายถึงตำแหน่งที่จะเชื่อมต่อหากคุณคลิกที่ภาพนี้

7-20

ในอดีต ฟังก์ชั่นของเราคือการเชื่อมต่อกับเพจท้องถิ่น แต่ใน DW MX เราสามารถเชื่อมต่อกับเพจแบบไดนามิกได้โดยการเลือกแหล่งข้อมูล ที่นี่เราใช้ฟิลด์อีเมลจากชุดบันทึกและอย่าลืมเพิ่ม "mailto:" ไว้ข้างหน้า เพราะเหตุใดเราจึงเพิ่มสิ่งนี้ที่นี่ เนื่องจาก "mailto" นี้เป็นแท็ก html กล่าวคือ การเชื่อมต่อถูกเปิดด้วย OUTLOOK เพื่อส่งอีเมล

ในเวลาเดียวกัน อย่าลืมเพิ่มแอตทริบิวต์ alt ให้กับรูปภาพอีเมลนี้ ซึ่งก็คือที่อยู่อีเมลของ alt="<%=(guestbook.fields.item("f_name").value)%> คือ <%=( guestbook.fields.item(" f_email").value)%> คลิกที่นี่เพื่อส่งอีเมลถึงเขา/เธอ"

วิธีการเชื่อมต่อที่อยู่โฮมเพจแสดงไว้ในรูปที่ (7-21)

7-21

หลังจากเชื่อมโยงการเชื่อมต่อแล้ว อย่าลืมเพิ่มแอตทริบิวต์ alt ให้กับรูปภาพ เปลี่ยนเป็น alt="<%=(guestbook.fields.item("f_name").value)%> ที่อยู่อีเมลคือ <%=(guestbook .fields.item( "f_homepage").value)%> คลิกที่นี่เพื่อส่งข้อความถึงเขา/เธอ"

ใช่ มันน่าเบื่อนิดหน่อยที่นี่ แต่เอาน่า ชัยชนะกำลังโบกมือให้เราอยู่ -
ลองดูผลกระทบในปัจจุบัน ดังแสดงในรูปที่ (7-22)

7-22

สิ่งต่อไปที่ต้องทำคือการเพิ่มลิงก์เพื่อตอบกลับหัวข้อ แก้ไข และลบ และทำให้เป็นแบบไดนามิก พฤติกรรมของเซิร์ฟเวอร์ที่ใช้ในที่นี้คือการข้ามไปยังหน้ารายละเอียด (ไปที่หน้ารายละเอียด) ก่อนหน้านี้เราได้สร้างหน้าตอบกลับ (rep.asp) แก้ไขหน้า (edit.asp) และลบหน้า (del.asp) ในที่นี้เราจะไม่แสดงรายละเอียดวิธีการเชื่อมต่อทีละหน้า ดังแสดงในรูป (7 -23 , 7-24, 7-25)

7-23

7-24

7-25

หลังจากทำตามสามขั้นตอนข้างต้นแล้ว คุณยังต้องจำไว้ว่าต้องทำสิ่งหนึ่งด้วย หากเรามีข้อความจำนวนมาก - ที่นี่เราจำเป็นต้องใช้ Repeat Region (ทำซ้ำขอบเขต) ในลักษณะการทำงานของเซิร์ฟเวอร์ DW MX เลือกตารางขนาดใหญ่ทั้งหมดที่แสดงข้อความ Application-->Server Behaviors-->Repeat Region ดังแสดงในรูป (7-26) .

7-26
เรากำหนดให้แสดง 14 รายการต่อหน้า ซึ่งดูง่ายกว่าเล็กน้อย และคลิกปุ่มตกลง

เมื่อมาถึงขั้นตอนนี้ ฉันต้องพิจารณาคำถามว่าผู้ใช้เรียกดูรู้ได้อย่างไรว่าฉันมีบันทึกข้อความจำนวนเท่าใด - จริงๆ แล้วเมื่อเราสร้างชุดบันทึก DW MX ได้พิจารณาเรื่องนี้ให้เราแล้ว ดังแสดงในรูปที่ (7-27)

7-27

ดัชนีบันทึกแรก: บันทึกแรกในดัชนี
ดัชนีบันทึกล่าสุด: บันทึกสุดท้ายในดัชนี
บันทึกทั้งหมด: ผลรวมของบันทึกทั้งหมด

ด้วยสิ่งเหล่านี้ สิ่งที่เราต้องทำคือลากมันลงบนหน้าและเพิ่มข้อความอธิบายที่เกี่ยวข้อง ดังแสดงในรูปที่ (7-28)

7-28

หากคุณมุ่งมั่น คุณจะประสบความสำเร็จ! นอกจากนี้เรายังจำเป็นต้องมีแถบนำทางเนื่องจากเราใช้ Repeat Region ก่อนหน้านี้ ดังแสดงในรูปที่ (7-29)

7-29
Insert-->Application Objects-->Recordset Navigation Bar (Insert-->Application Objects-->Recordset Navigation Bar) หลังจากคลิกแล้ว จะมีกล่องโต้ตอบ ดังภาพ (7-30) ปรากฏขึ้น

7-30

ชุดระเบียน: เลือกชุดระเบียนที่จะนำทางที่นี่
การใช้จอแสดงผล: เลือกวิธีการแสดงของแถบนำทางที่นี่ ข้อความคือข้อความ รูปภาพคือรูปภาพ ที่นี่เราเลือกรูปภาพ

คลิกปุ่ม OK และเอฟเฟกต์การแสดงผลจะเป็นดังแสดงในรูปที่ (7-31)

7-31

บางทีมันอาจจะใหญ่เกินไป เราสามารถย่อตารางนี้ได้ หลังจากเลือกตารางนี้แล้ว ให้เปลี่ยน width="50%" เป็น width="15%" ในแผงคุณสมบัติ ) แสดง

7-32

สำหรับขั้นตอนการปรับปรุงขั้นสุดท้าย ให้เชื่อมต่อ "เผยแพร่หัวข้อใหม่" เข้ากับหน้า new.asp เชื่อมต่อ "พอร์ทัลผู้ดูแลระบบ" ต่อไปนี้กับหน้า login.asp และใช้ลักษณะการทำงานของเซิร์ฟเวอร์ใน "ออกจากระบบ!" ฟังก์ชันนี้มีไว้สำหรับ ซุปเปอร์จัดทำโดยผู้ใช้ ดังแสดงในรูปที่ (7-33)

7-33
การตรวจสอบผู้ใช้: การตรวจสอบผู้ใช้
ผู้ใช้ที่ออกจากระบบ: ผู้ใช้ที่เข้าสู่ระบบจะออกจากระบบ

หลังจากคลิกแล้ว กรอบข้อความดังรูปที่ (7-44) จะปรากฏขึ้น

7-44

ออกจากระบบเมื่อ: วิธีใดที่จะออกจากระบบ, คลิกลิงก์แล้ว: ออกจากระบบเมื่อมีการคลิกลิงก์นี้ การโหลดเพจ: ออกเมื่อเพจถูกปิด
เมื่อเสร็จแล้ว ไปที่: หน้าใดที่จะไปหลังจากออก ที่นี่เรากำหนดให้ไปที่หน้าแรกของ index.asp

นอกจากนี้ {Session.MM_username} ที่เห็นด้านบนนั้นเตรียมไว้สำหรับผู้ใช้ระดับสูงจริงๆ เมื่อคุณไม่ได้เข้าสู่ระบบ ระบบจะแสดงข้อความ "ยินดีต้อนรับ" หากผู้ใช้ระดับสูงเข้าสู่ระบบแล้ว ก็จะแสดงข้อความ "ยินดีต้อนรับ XX!" ที่นี่เราจำเป็นต้องสร้างตัวแปร Session ดังแสดงในรูป (7-34) สำหรับปัญหาของตัวแปร Session นี้ เราจะแนะนำโดยละเอียดในบทต่อไปนี้ -

7-34

7-35

หลังจากคลิกแล้ว กล่องโต้ตอบดังแสดงในรูปที่ (7-35) จะปรากฏขึ้น ป้อน MM_username ในกล่องโต้ตอบ ตัวแปร MM_username นี้สร้างขึ้นโดยอัตโนมัติโดย DW MX หลังจากใช้ลักษณะการทำงานของเซิร์ฟเวอร์การเข้าสู่ระบบ (เราจะแนะนำโดยละเอียดในภายหลัง) ลากไปหน้าเครื่องหมายอัศเจรีย์ระหว่าง "ยินดีต้อนรับ!" อา เรามาคำรามด้วยกันเถอะ~~~~~~ ในที่สุดก็จบส่วนที่ยากที่สุดแล้ว ยินดีด้วย อิอิ...