อินเตอร์เฟซผู้ใช้และเพจต้นแบบ

จุดเด่นของเว็บไซต์ที่ทันสมัย​​เป็นอย่างใส่ใจในรายละเอียดและใช้งานง่ายของหน้าเว็บต่างๆที่พวกเขาเขียน ตัวอย่างเช่นเว็บไซต์ที่นิยมมากที่สุดจะขึ้นอยู่กับรูปแบบของสีและชุดตัวอักษรเหมือนกันในทุกหน้าและยังจัดให้มีวิธีที่ง่ายและง่ายของการนำผ่านหน้าเว็บตัวเอง ส่วนที่เหลือจะเกิดขึ้นเล็กน้อยสำหรับทุกคนในการเข้าถึงเว็บไซต์ที่มีหน้าทั้งหมดแตกต่างกันและยากที่จะใช้ในที่นี้คือคือสิ่งที่เราต้องหลีกเลี่ยงสำหรับเว็บไซต์ของเรา

วิธีการแก้ปัญหาเพื่อให้หน้าเว็บที่มีลักษณะทั่วไปและความรู้สึกของเว็บไซต์คือการสร้างคลาสหลักจากที่หน้าเว็บทั้งหมดที่ได้รับมา เนื่องจาก ASP.NET จะขึ้นอยู่กับรูปแบบที่มุ่งเน้นหน้าคลาสที่เพียงที่จะใช้หน้าหลัก (หน้าหลัก) ที่มีคุณสมบัติจะได้รับการสืบทอดมาจากหน้าของเว็บไซต์ของเรา

หน้าทั้งหมด. หน้า aspx ที่ได้มาจากหลักซึ่งในทางกลับมาจาก System.Web.UI.Page ข้อเสนอที่หน้าหลักที่มีการโหลดขององค์ประกอบที่เหมือนกันระหว่างหน้าและทุกหน้าเดียวที่จับส่วนที่เหลือ

เครื่องมือที่มีให้โดย ASP.NET เพื่อสร้างประเภทของโครงสร้างนี้คือการเพจต้นแบบที่เรียกว่า หน้านี้จะคล้ายกันมากไปที่หน้าโดยทั่วไปของเว็บไซต์และมีการกำหนดในไฟล์ที่มีนามสกุล. ปริญญาโท

เพจต้นแบบถูกนำมาใช้เป็นแม่แบบและจากนั้นเมื่อผู้ใช้นำทางไปยังหน้าที่ขึ้นอยู่กับการร้องขอเพจต้นแบบและการตอบสนองจะถูกกรองโดยหลัง เพจ ASP.NET ต้นแบบและจากนั้นจะรวมเนื้อหาของหน้า (. aspx) ในชั้นเดียว เมื่อหน้าเนื้อหาที่มีการร้องขอการแทรกหน้าต้นแบบที่อยู่ในไฟล์. aspx แบบฟอร์มของการควบคุมที่มีการเพิ่มคอลเลกชันของตัวควบคุมบนหน้า

ให้เราดูวิธีการกำหนดและใช้หน้าต้นแบบ เราเริ่มต้น Visual Studio และสร้างโครงการใหม่ของเว็บไซต์ประเภทที่ว่างเปล่า เพิ่มองค์ประกอบใหม่ของมาสเตอร์เพจประเภทในโครงการของเรา

มุมมองระดับหน้าจะคล้ายกับรูปแบบเว็บปกติท​​ี่เห็นในบทเรียนก่อนหน้านี้และรหัสที่สร้างขึ้นโดย Visual Studio ที่มีดังต่อไปนี้

ผมขอทราบว่าถูกบันทึกอยู่ในคอนโทรล ContentPlaceHolder ซึ่งจะถูกกล่าวถึงในภายหลัง สำหรับส่วนที่เหลือของเพจต้นแบบที่สามารถปรับแต่งที่จะเป็นหน้าปกติบนเว็บไซต์ของเรา

ตัวอย่างเช่นให้เปลี่ยนแท็กร่างกายโดยการตั้งค่าสีพื้นหลัง (พื้นหลัง) อื่น ๆ กว่า

หน้าต้นแบบในขณะนี้มีพื้นหลังสีเทา (# bbbbbb)

ให้เพิ่มองค์ประกอบใหม่ให้กับโครงการของเราแบบฟอร์มเว็บ (เรียกว่า Default.aspx), การตรวจสอบด้านล่างของกล่องโต้ตอบเพิ่มรายการใหม่เพจต้นแบบที่เลือก

คลิกที่หลอดเลือดดำตกลงเรานำเสนออีกกล่องโต้ตอบที่เราสามารถเลือกเพจต้นแบบสำหรับเพจที่คุณกำลังเพิ่มให้กับโครงการ (ในกรณีของเราจะมีเพียงหนึ่ง) ของ

ถ้าเราดูในแท็บออกแบบในหน้า Default.aspx เราจะเห็นว่ามันมีสีพื้นหลังเหมือนกันสำหรับหน้าต้นแบบและแสดงให้เห็นว่าหน้าสืบทอดการตั้งค่าแม่แบบ

นี้เป็นรหัสที่สร้างโดย Visual Studio เพื่อหน้า Default.aspx

ในนั้นเราจะเห็น MasterPage.master อ้างอิงหน้า

ณ จุดนี้เราสามารถสร้างหน้าเว็บทั้งหมดที่คุณต้องการ (ซึ่งมีเนื้อหาที่กำหนดเอง) และเราแนบกับเพจต้นแบบของเรา แล้วถ้าเราจะไปเปลี่ยนเนื้อหาของเพจต้นแบบที่จะมีการปรับปรุงในขั้นตอนเดียวหน้าเว็บทั้งหมดที่ขึ้นอยู่กับมัน

อย่างชัดเจนสิ่งที่จะนำเสนอเป็นที่เรียบง่าย แต่แสดงให้เห็นศักยภาพของเครื่องมือเหล่านี้โดยเฉพาะในเว็บไซต์ที่มีกราฟิกที่ซับซ้อน

• <<บทเรียนก่อนหน้า
• ดัชนีความช่วยเหลือ
• บทเรียนถัดไป>>