ตัวอย่างบทช่วยสอน Ultradev: 5 สร้างแบ็กเอนด์เว็บไซต์ที่ค่อนข้างง่าย (2)

ผู้เขียน：Eve Cole เวลาอัปเดต：2009-05-26 16:34:27

ขั้นแรกให้สร้างหน้าแรกซึ่งเป็นบันทึกข่าวที่อัปเดตล่าสุด 5 รายการ การใช้ฟังก์ชันแสดงบันทึก Ultradev ที่เราได้เรียนรู้ คุณสามารถสร้างเพจได้อย่างง่ายดายดังที่แสดงด้านล่าง:

จะแสดงบันทึกที่อัพเดตล่าสุด 5 รายการได้อย่างไร? มาดูกล่องโต้ตอบสำหรับการสร้างชุดระเบียน:

หากเราปฏิบัติตามวิธีการทั่วไปในการสร้างชุดบันทึก เนื้อหาที่แสดงในคอลัมน์ SQL ในภาพด้านบนจะเป็น:

SELECT ID, title, insert_time (เราเพียงแต่ต้องแสดงชื่อเรื่องและเวลาที่บันทึกของข่าว และเนื้อหาข่าวไม่จำเป็นต้องสมจริง จึงไม่จำเป็นต้องเลือกช่องเนื้อหา)

จากบทความ

เราปรับเปลี่ยนให้เธอมีลักษณะเหมือนข้างบน 5 อันดับแรกหมายความว่าฉันเลือกเพียง 5 ระเบียน และ ORDER BY ID DESC หมายความว่าระเบียนถูกเลือกจากด้านหลังไปด้านหน้าตามฟิลด์ ID (DESC หมายถึงลำดับจากมากไปน้อย และฟิลด์ ID จะถูกกำหนดหมายเลขโดยอัตโนมัติ นั่นคือ ค่าเริ่มต้นคือจากน้อยไปหามาก) สิ่งนี้ทำให้ความคิดของเราไปที่ 5 บันทึกที่อัปเดตล่าสุด

เมื่อเพิ่มลักษณะการทำงานภูมิภาคซ้ำของพฤติกรรมเซิร์ฟเวอร์ เลือกที่จะแสดงบันทึกทั้งหมด (เนื่องจากเราดึงข้อมูลเพียง 5 รายการ) เพื่อน ๆ ระวัง ๆ คงจะคิดได้ในเวลานี้โอ้ฉันยังสามารถเข้าใจความคิดว่าฉันต้องการแสดงกี่บันทึกด้วยการแสดงจำนวนบันทึกในหน้าเดียวที่นี่! ใช่ ถูกต้อง คุณสามารถเลือกแสดง 5 รายการต่อหน้า ซึ่งสามารถบรรลุผลตามที่เราต้องการได้ ---แต่อย่าลืมว่า ORDER BY ID DESC เป็นสิ่งสำคัญ^_^

จากนั้นเราเลือก {RECORDSET1.title} ในเซลล์หัวเรื่องและเพิ่มลักษณะการทำงานของเซิร์ฟเวอร์ ---- ไปที่หน้ารายละเอียด ดังแสดงในรูป:

จุดประสงค์ของเราคือส่งค่า ID ไปยังหน้า detail.asp เพื่อให้สามารถดึงข้อมูลบันทึกที่เราต้องการได้อย่างถูกต้อง หลังจากเสร็จสิ้นแล้ว ให้เพิ่มการเชื่อมต่อเพิ่มเติมที่ชี้ไปที่ more.asp เพื่อแสดงบันทึกข่าวเพิ่มเติม

เอฟเฟกต์หน้าดังแสดงในรูป:

ในหน้า more.asp เราเพียงแค่แก้ไขหน้าแรกเพื่อใช้งานเท่านั้น เปิดกล่องโต้ตอบสำหรับสร้างชุดบันทึก ลบ 5 อันดับแรกที่เราเพิ่มไว้ (ซึ่งจะลบบันทึกทั้งหมดในตารางฐานข้อมูล) จากนั้นแก้ไขจำนวนรายการที่แสดงในแต่ละหน้าของขอบเขตการทำซ้ำเป็น 10 จากนั้นลบเพิ่มเติม จากนั้นจึงแทรก Insert -> Live Objects -> Recordset Nagaviation Bar เพื่อให้เราสามารถเปิดหน้าเพื่อแสดงข่าวสารได้ หน้าดังที่แสดง:

ต่อไปเราจะสร้างหน้ารายละเอียดข่าวสาร (เช่น detail.asp) ดังที่เราได้กล่าวไว้ข้างต้น สิ่งสำคัญที่สุดที่เราทำในหน้า detail.asp คือการรับค่าที่ส่งมาจากหน้าที่แล้ว ซึ่งก็คือ ID=x ดังแสดงในภาพ:

เพียงลงมา สร้างตาราง แล้วลากรายการในบันทึกที่สร้างขึ้นทีละรายการ ดังแสดงในรูป:

ณ จุดนี้ ส่วนหน้าของเราเสร็จสมบูรณ์แล้ว และต่อไปเราต้องสร้างหน้าการจัดการส่วนหลัง

เดิมที ลำดับที่ถูกต้องควรเป็นการสร้างหน้าการจัดการแบ็กเอนด์ก่อน จากนั้นจึงสร้างส่วนหน้าเท่านั้นเมื่อสามารถเพิ่ม ลบ และแก้ไขข้อมูลได้อย่างถูกต้อง เพราะท้ายที่สุดแล้ว ส่วนหน้านั้นมีไว้สำหรับแสดงข้อมูลเท่านั้น หากคุณไม่สามารถเพิ่มข้อมูลได้ ไม่ว่าส่วนหน้าของคุณจะสวยงามแค่ไหนก็ตาม และหากคุณสร้างหน้าการจัดการส่วนหลังขึ้นมา ไม่ต้องไล่ตามความสวยงามของเพจมากนัก ถ้าทำผิด ก็ต้องแก้ไขใหม่อีก รวดเร็ว ไม่เหมือนแผนกต้อนรับส่วนหน้าที่เมื่อออกแบบเพจแล้วก็จะลำบากมาก เปลี่ยนมัน (แม้ว่า Ultradev จะทำให้งานนี้ค่อนข้างง่าย แต่ก็ยังมีแนวโน้มที่จะเกิดปัญหา) อย่างไรก็ตาม เนื่องจากหน้าเว็บของเราค่อนข้างเรียบง่ายและมีโครงสร้างข้อมูลที่เรียบง่ายและปราศจากข้อผิดพลาด เราจึงไม่เน้นประเด็นนี้ แต่เพื่อนๆ คราวหน้าจะทำตามลำดับหลังเวที -> หน้าเวทีดีกว่าครับ
บทที่ 5: สร้างแบ็กเอนด์เว็บไซต์ที่ค่อนข้างเรียบง่าย (2)

หน้าการจัดการพื้นหลังสามารถแบ่งออกเป็นสามส่วน:

การเพิ่มข้อมูล

การแก้ไขและการลบข้อมูล

การยืนยันการเข้าสู่ระบบ

เริ่มต้นด้วยการเพิ่มข้อมูล จากการศึกษาครั้งก่อน เรารู้ว่าการสร้างหน้าเพิ่มข้อมูลใน Ultradev เป็นเรื่องง่ายมาก เพียงแทรก -> Live Objects -> แบบฟอร์มการแทรกชุดระเบียน ดังรูปครับเป็นหน้าสำหรับเพิ่มข่าวสารครับ

หลังจากสร้างเสร็จแล้ว ดังภาพ

นี่คือหน้าสำหรับการเพิ่มผู้ใช้ใหม่:

เปิดเบราว์เซอร์และดูเอฟเฟกต์:

แต่ปัญหาของเราก็มาถึง หลังจากที่คุณเพิ่มข้อมูลล่าช้า ให้เปิดหน้าข้อมูลโดยละเอียดที่เกี่ยวข้องจากหน้าแรก ในขณะนี้ คุณจะเห็นว่าข้อมูลที่แบ่งส่วนอย่างชัดเจนเมื่อคุณเพิ่งเพิ่มเข้าไปนั้นอัดแน่นเป็นก้อนกลมแล้ว ภาคเดิมหมดแล้ว!

ชาวเน็ตทุกคนที่ใช้ซอฟต์แวร์ UltraDev ต้องพบกับปรากฏการณ์ที่ข้อความบนหน้า asp ถูกบีบเป็นลูกบอลหลังจากส่งออกจากฐานข้อมูล และช่องว่างและตัวแบ่งบรรทัดที่ป้อนไว้เดิมหายไป เนื่องจากช่องว่างและการขึ้นบรรทัดใหม่ในฐานข้อมูลไม่ได้รับการประมวลผลเลยในคำสั่ง asp แน่นอนว่าชาวเน็ตที่ได้เรียนรู้การเขียนโปรแกรม ASP สามารถเพิ่มโค้ดของตนเองเพื่อแปลงช่องว่างและตัวแบ่งบรรทัดในฐานข้อมูลเป็นโค้ด html หรือพวกเขาสามารถแปลงช่องว่างและตัวแบ่งบรรทัดเป็นโค้ด html ก่อนได้เมื่อข้อความถูกส่งไปยังฐานข้อมูลแล้วส่งออก แต่ไม่ว่าจะใช้วิธีไหนก็เหมือนฝันร้ายของชาวเน็ตที่ไม่เคยเรียน ASP อย่างแน่นอน แม้ว่าคุณจะเรียนรู้การแปลง แต่คุณยังคงต้องแก้ไขซอร์สโค้ดด้วยตนเองในแต่ละหน้า asp ซึ่งใช้เวลานานและลำบากมาเป็นเวลานานแล้ว

จะทำอย่างไร? ฮ่าฮ่า ไม่ต้องกังวล ที่นี่เราจำเป็นต้องใช้ฟังก์ชันปลั๊กอินที่เราพูดถึงก่อนหน้านี้

ที่นี่เราจะใช้ปลั๊กอิน---รูปแบบ Spdesign เพื่อช่วยเราใช้งานฟังก์ชัน (คลิกที่นี่เพื่อดาวน์โหลดปลั๊กอิน)
ต่อไป ฉันขอแนะนำให้คุณใช้ปลั๊กอิน UltraDev ที่สามารถแก้ปัญหานี้ได้: วิธีการใช้งานนั้นง่ายมาก คุณจะต้องใช้คำสั่งของปลั๊กอินหลังจากเลือกข้อมูลไดนามิกเพื่อจัดรูปแบบของช่องว่างและการขึ้นบรรทัดใหม่ให้เสร็จสมบูรณ์

ดังแสดงในรูปหลังการติดตั้งปลั๊กอิน

วิธีการใช้ปลั๊กอินนี้? มันง่ายมาก เห็นภาพด้านล่างชัดเจนไหม? -

หลังจากใช้ปลั๊กอินแล้ว ให้ตรวจสอบหน้าของเราอีกครั้ง อ๋อ มันเป็นเอฟเฟกต์ที่คุณต้องการหรือเปล่า?

การเพิ่มหน้าบันทึกนั้นค่อนข้างง่าย หากคุณอ่านสิ่งที่เราได้กล่าวไว้ก่อนหน้านี้อย่างละเอียดและทำแบบฝึกหัด ฉันเชื่อว่าคุณจะสามารถทำได้ในไม่ช้า เอาล่ะ ต่อไป เราจะพูดถึงการแก้ไขและการลบบันทึก เราได้วิเคราะห์มาก่อนแล้ว ในการแก้ไขและลบบันทึก เราต้องส่งค่าจากหน้าหนึ่งไปยังอีกหน้าหนึ่ง จากนั้นใช้อีกหน้าเพื่อแยกบันทึกที่เกี่ยวข้องและไม่ซ้ำกันตามค่าที่ส่งผ่านเพื่อใช้การแก้ไข การลบ ดังนั้นเราจึงต้องสร้างหน้าสำหรับส่งค่าก่อน หน้านี้เรียบง่ายมาก จริงๆ แล้วมันเป็นหน้าแสดงข้อมูล แต่มีการเพิ่มการเชื่อมต่อสองรายการ: แก้ไข ลบ เลือกการเชื่อมต่อทั้งสองนี้ และใช้ลักษณะการทำงานไปที่หน้ารายละเอียดในเซิร์ฟเวอร์ bahaviors: change_article.asp และ del_article.asp ตามลำดับ (ในที่นี้เราขอยกตัวอย่างการแก้ไขและการลบข่าว และการจัดการผู้ใช้ก็เหมือนกัน)

หน้าสุดท้ายจะแสดงในรูป:

แสดงผลในเบราว์เซอร์: