กับหน้าเว็บมันเป็นเรื่องง่ายที่จะสร้างเว็บไซต์ที่มีรูปแบบที่สอดคล้องกัน
ลักษณะที่สอดคล้องกัน
บนอินเทอร์เน็ตที่คุณจะค้นพบเว็บไซต์จำนวนมากที่มีลักษณะที่สอดคล้องและความรู้สึก:
- ทุกหน้ามีหัวเดียวกัน
- ทุกหน้ามีส่วนท้ายเดียวกัน
- ทุกหน้ามีสไตล์และรูปแบบเดียวกัน
กับหน้าเว็บนี้สามารถทำได้อย่างมีประสิทธิภาพ คุณสามารถมีบล็อกนำมาใช้ใหม่ของเนื้อหา (content blocks) เช่นหัวและส่วนท้ายในแฟ้มที่แยกต่างหาก
นอกจากนี้คุณยังสามารถกำหนดรูปแบบที่สอดคล้องกันสำหรับทุกหน้าของคุณโดยใช้รูปแบบแม่แบบ (layout file)
บล็อกเนื้อหา
เว็บไซต์ที่มีเนื้อหาที่จะปรากฏบนทุกหน้า (like headers and footers)
กับหน้าเว็บที่คุณสามารถใช้ @ RenderPage() วิธีการที่จะนำเข้าข้อมูลจากแฟ้มที่แยกต่างหาก
เนื้อหาบล็อก (from another file) สามารถนำเข้าได้ทุกที่ในหน้าเว็บและสามารถมีข้อความมาร์กอัปและรหัสเช่นเดียวกับหน้าเว็บใด ๆ ปกติ
โดยใช้ส่วนหัวและส่วนท้ายที่พบบ่อยเป็นตัวอย่างนี้ช่วยให้คุณประหยัดมากในการทำงาน คุณไม่ต้องมีการเขียนเนื้อหาเดียวกันในทุกหน้าและเมื่อคุณเปลี่ยนหัวหรือส่วนท้ายไฟล์เนื้อหาที่มีการปรับปรุงในทุกหน้าของคุณ
นี่คือวิธีการที่จะมองในรหัส:
ตัวอย่าง
<html>
<body>
@RenderPage("header.cshtml")
<h1>Hello Web Pages</h1>
<p>This is a paragraph</p>
@RenderPage("footer.cshtml")
</body>
</html> ตัวอย่างเช่นเรียกใช้» ใช้เค้าโครงหน้า
ในส่วนก่อนหน้านี้คุณเห็นว่ารวมถึงเนื้อหาที่เหมือนกันในหน้าเว็บมากเป็นเรื่องง่าย
วิธีการในการสร้างลักษณะที่สอดคล้องกันก็คือการใช้รูปแบบหน้า หน้ารูปแบบที่มีโครงสร้าง แต่ไม่ได้เนื้อหาของหน้าเว็บ เมื่อหน้าเว็บ (content page) มีการเชื่อมโยงไปยังหน้ารูปแบบก็จะปรากฏตามหน้ารูปแบบ (template)
เค้าโครงหน้าเป็นเหมือนเพียงหน้าเว็บปกติยกเว้นจากการเรียกที่ @ RenderBody() วิธีการที่หน้าเนื้อหาจะถูกรวม
หน้าเนื้อหาแต่ละคนจะต้องเริ่มต้นด้วยการสั่งเค้าโครง
นี่คือวิธีการที่จะมองในรหัส:
เค้าโครงหน้า:
<html>
<body>
<p>This is header text</p>
@RenderBody()
<p>© 2014 w3ii. All rights reserved.</p>
</body>
</html>
หน้าเว็บใด ๆ
@{Layout="Layout.cshtml";}
<h1>Welcome to w3ii</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]";
}