หน้าต้นแบบ ASP.NET

ผู้เขียน：Eve Cole เวลาอัปเดต：2024-12-31 12:12:02
เว็บฟอร์ม ASP.NET - มาสเตอร์เพจ
 ใช้หน้าต้นแบบ ASP.NET เพื่อสร้างเค้าโครงที่สอดคล้องกันสำหรับหน้าในแอปพลิเคชันของคุณ
 มาสเตอร์เพจมีเทมเพลตสำหรับหน้าอื่นๆ บนเว็บไซต์ของคุณ
 หน้าต้นแบบ
 มาสเตอร์เพจช่วยให้คุณสร้างลักษณะที่ปรากฏและลักษณะการทำงานที่สอดคล้องกันสำหรับทุกเพจ (หรือกลุ่มของเพจ) ในเว็บแอปพลิเคชันของคุณ
 หน้าต้นแบบมีเทมเพลตสำหรับหน้าอื่นๆ โดยมีเค้าโครงและฟังก์ชันที่ใช้ร่วมกัน หน้าต้นแบบจะกำหนดพื้นที่ที่สำรองไว้สำหรับเนื้อหาที่หน้าเนื้อหาสามารถแทนที่ได้ ผลลัพธ์คือการรวมกันของหน้าหลักและหน้าเนื้อหา
 หน้าเนื้อหามีเนื้อหาที่คุณต้องการแสดง
 เมื่อผู้ใช้ร้องขอหน้าเนื้อหา ASP.NET จะผสานหน้าเพื่อสร้างผลลัพธ์ที่รวมเค้าโครงหน้าต้นแบบและเนื้อหาของหน้าเนื้อหา
 ตัวอย่างหน้าต้นแบบ
 <%@ Master %><html><body><h1>ส่วนหัวมาตรฐานจากมาสเตอร์เพจ</h1><asp:ContentPlaceHolder id="CPH1" runat="server"></asp:ContentPlaceHolder></body></ html>
 หน้าต้นแบบด้านบนเป็นหน้าเทมเพลต HTML ธรรมดาที่ออกแบบมาสำหรับหน้าอื่นๆ
 คำสั่ง @Master กำหนดให้เป็นเพจหลัก
 หน้าต้นแบบมีแท็กตัวยึดตำแหน่ง <asp:ContentPlaceHolder> สำหรับแต่ละเนื้อหา
 แอตทริบิวต์ id="CPH1" ระบุตัวยึดตำแหน่งและอนุญาตให้มีตัวยึดตำแหน่งหลายตัวในหน้าหลักเดียวกัน
 หน้าต้นแบบนี้ถูกบันทึกเป็น "master1.master"
 หมายเหตุ: มาสเตอร์เพจยังสามารถมีโค้ดได้ เพื่อให้สามารถใส่เนื้อหาไดนามิกได้
 ตัวอย่างหน้าเนื้อหา
 <%@ Page MasterPageFile="master1.master" %><asp:Content ContentPlaceHolderId="CPH1" runat="server"><h2>เนื้อหาส่วนบุคคล</h2><p>ย่อหน้าที่ 1</p><p>ย่อหน้า 2</p></asp:เนื้อหา>
 หน้าเนื้อหาด้านบนเป็นหนึ่งในหน้าเนื้อหาอิสระในไซต์
 คำสั่ง @Page กำหนดให้เป็นหน้าเนื้อหามาตรฐาน
 หน้าเนื้อหาประกอบด้วยแท็กเนื้อหา <asp:Content> ซึ่งอ้างอิงถึงหน้าหลัก (ContentPlaceHolderId="CPH1")
 หน้าเนื้อหานี้ถูกบันทึกเป็น "mypage1.aspx"
 เมื่อผู้ใช้ร้องขอเพจ ASP.NET จะรวมเพจหลักเข้ากับเพจเนื้อหา
 หมายเหตุ: ข้อความเนื้อหาจะต้องอยู่ภายในแท็ก <asp:Content> ไม่อนุญาตให้ใช้ข้อความเนื้อหานอกแท็ก
 หน้าเนื้อหาพร้อมการควบคุม
 <%@ หน้า MasterPageFile="master1.master" %><asp:Content ContentPlaceHolderId="CPH1" runat="server"><h2>W3CSchool</h2><form runat="server"><asp:TextBox id= "textbox1" runat = "เซิร์ฟเวอร์" /><asp:Button id = "button1" runat = "เซิร์ฟเวอร์" text = "ปุ่ม" /></form></asp:Content>
 หน้าเนื้อหาด้านบนสาธิตวิธีการแทรกตัวควบคุม .NET ลงในหน้าเนื้อหา เช่นเดียวกับการแทรกลงในหน้าปกติ
 ข้างต้นเป็นเนื้อหาที่เกี่ยวข้องกับหน้าต้นแบบ ASP.NET ซึ่งใช้การออกแบบอินเทอร์เฟซแบบโมดูลาร์เป็นอย่างดีและตระหนักถึงการใช้โค้ดซ้ำ