ASP.NET Web Pages - เค้าโครงหน้า
ด้วยหน้าเว็บทำให้ง่ายต่อการสร้างเว็บไซต์ที่มีรูปแบบที่สอดคล้องกัน
รูปลักษณ์ที่สม่ำเสมอ
บนอินเทอร์เน็ต คุณจะค้นพบเว็บไซต์จำนวนมากที่มีรูปลักษณ์ที่สม่ำเสมอ:
- ทุกหน้ามีหัวเรื่องเดียวกัน
- ทุกหน้ามีส่วนท้ายเหมือนกัน
- ทุกหน้ามีสไตล์และเลย์เอาต์เหมือนกัน
ด้วยหน้าเว็บนี้สามารถทำได้อย่างมีประสิทธิภาพมาก คุณสามารถมีบล็อกเนื้อหาที่ใช้ซ้ำได้ (บล็อกเนื้อหา) เช่น ส่วนหัวและส่วนท้าย ในไฟล์แยกกัน
คุณยังสามารถกำหนดเลย์เอาต์ที่สอดคล้องกันสำหรับเพจทั้งหมดของคุณ โดยใช้เทมเพลตเลย์เอาต์ (ไฟล์เลย์เอาต์)
บล็อกเนื้อหา
เว็บไซต์จำนวนมากมีเนื้อหาที่แสดงในทุกหน้า (เช่น ส่วนหัวและส่วนท้าย)
ด้วยหน้าเว็บ คุณสามารถใช้เมธอด @RenderPage()เพื่อนำเข้าเนื้อหาจากไฟล์แยกต่างหาก
บล็อกเนื้อหา (จากไฟล์อื่น) สามารถนำเข้าที่ใดก็ได้ในหน้าเว็บ และสามารถประกอบด้วยข้อความ มาร์กอัป และโค้ด เช่นเดียวกับหน้าเว็บทั่วไป
ตัวอย่างการใช้ส่วนหัวและส่วนท้ายทั่วไป ช่วยให้คุณประหยัดงานได้มาก คุณไม่จำเป็นต้องเขียนเนื้อหาเดียวกันในทุกหน้า และเมื่อคุณเปลี่ยนไฟล์ส่วนหัวหรือส่วนท้าย เนื้อหาจะได้รับการอัปเดตในทุกหน้าของคุณ
นี่คือลักษณะที่ปรากฏในรหัส:
ตัวอย่าง
<html>
<body>
@RenderPage("header.cshtml")
<h1>Hello Web Pages</h1>
<p>This is a paragraph</p>
@RenderPage("footer.cshtml")
</body>
</html>
การใช้หน้าเค้าโครง
ในส่วนก่อนหน้านี้ คุณเห็นว่าการรวมเนื้อหาเดียวกันในหลายหน้าเว็บเป็นเรื่องง่าย
อีกแนวทางหนึ่งในการสร้างรูปลักษณ์ที่สอดคล้องกันคือการใช้หน้าเลย์เอาต์ หน้าเค้าโครงประกอบด้วยโครงสร้างของหน้าเว็บ แต่ไม่ใช่เนื้อหาของหน้าเว็บ เมื่อหน้าเว็บ (หน้าเนื้อหา) เชื่อมโยงกับหน้าเค้าโครง จะแสดงตามหน้าเค้าโครง (แม่แบบ)
หน้าเลย์เอาต์นั้นเหมือนกับหน้าเว็บทั่วไป ยกเว้นจากการเรียก เมธอด @RenderBody()ที่จะรวมหน้าเนื้อหาไว้
หน้าเนื้อหาแต่ละหน้าต้องขึ้นต้นด้วยคำสั่ง Layout
นี่คือลักษณะที่ปรากฏในรหัส:
หน้าเค้าโครง:
<html>
<body>
<p>This is header text</p>
@RenderBody()
<p>© 2014 W3Schools. All rights reserved.</p>
</body>
</html>
หน้าเว็บใด ๆ :
@{Layout="Layout.cshtml";}
<h1>Welcome to W3Schools</h1>
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit,sed do eiusmod tempor
incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis
nostrud exercitation ullamco laborisnisi ut aliquip ex ea commodo consequat.
</p>
แห้ง - อย่าทำซ้ำตัวเอง
ด้วยเครื่องมือ ASP.NET สองเครื่องมือ บล็อกเนื้อหา และ หน้าเค้าโครง คุณสามารถทำให้แอปพลิเคชันเว็บของคุณมีรูปลักษณ์ที่สอดคล้องกัน
เครื่องมือเหล่านี้ยังช่วยให้คุณไม่ต้องทำงานมาก เนื่องจากคุณไม่จำเป็นต้องทำซ้ำข้อมูลเดิมในทุกหน้า การรวมมาร์กอัป สไตล์ และโค้ดไว้ที่ศูนย์กลางทำให้เว็บแอปพลิเคชันสามารถจัดการและบำรุงรักษาได้ง่ายขึ้น
การป้องกันไฟล์จากการถูกเรียกดู
ด้วย ASP.NET ไฟล์ที่มีชื่อที่ขึ้นต้นด้วยขีดล่างจะไม่สามารถเรียกดูจากเว็บได้
หากคุณต้องการป้องกันไม่ให้ผู้ใช้ดูบล็อกเนื้อหาหรือไฟล์เค้าโครง ให้เปลี่ยนชื่อไฟล์เป็น:
_header.cshtml
_footer.cshtml
_Layout.cshtml
การซ่อนข้อมูลที่ละเอียดอ่อน
ด้วย ASP.NET วิธีทั่วไปในการซ่อนข้อมูลที่ละเอียดอ่อน (รหัสผ่านฐานข้อมูล รหัสผ่านอีเมล ฯลฯ) คือการเก็บข้อมูลในไฟล์แยกต่างหากชื่อ "_AppStart"
_AppStart.cshtml
@{
WebMail.SmtpServer = "mailserver.example.com";
WebMail.EnableSsl = true;
WebMail.UserName = "[email protected]";
WebMail.Password = "your-password";
WebMail.From = "[email protected]";
}