ASP.NET Web Pages - วางแบบหน้า

ผ่าน Web Pages คุณสามารถสร้างเว็บที่มีรูปแบบที่สอดคล้องกันง่ายโดยทั่วไป

รูปแบบที่สอดคล้องกัน

ในอินเตอร์เน็ต คุณจะพบเว็บที่มีรูปแบบที่สอดคล้องกัน:

  • แต่ละหน้ามีชื่อเล่นเดียวกัน
  • แต่ละหน้ามีรอยลายด้านล่างเดียวกัน
  • แต่ละหน้ามีสไตล์และวางแบบเดียวกัน

ผ่าน Web Pages คุณสามารถปฏิบัติงานนี้ได้เกี่ยวกับมันอย่างเช่นนี้ คุณจะได้บล็อครหัสที่สามารถใช้งานได้ใหม่ (บล็อคเนื้อหา) อย่างเช่น ชื่อเล่นและรอยลายด้านล่าง ในไฟล์ที่แยกต่างกัน

คุณยังสามารถกำหนดรูปแบบที่สอดคล้องกันสำหรับทุกหน้าด้วยการใช้แม่แบบวางแบบ (ไฟล์วางแบบ)

บล็อคเนื้อหา

หลายเว็บมีสิ่งที่ต้องแสดงทุกหน้าเว็บ (เช่น ชื่อเล่นและรอยลายด้านล่าง)

ผ่าน Web Pages คุณสามารถใช้ @RenderPage() วิธีนำเข้าเนื้อหาจากไฟล์อื่น

บล็อคเนื้อหา (จากไฟล์อื่น) สามารถนำเข้าไปใช้ในตำแหน่งต่าง ๆ ในหน้าเว็บ และสามารถประกอบด้วยข้อความ ทางเลือกและรหัส ตามเหมือนกับหน้าเว็บทั่วไป

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

ในรหัสคือเช่นนี้:

ตัวอย่าง

<html>
<body>
@RenderPage("header.cshtml")
<h1>Hello Web Pages</h1> 
<p>This is a paragraph</p>
@RenderPage("footer.cshtml")
</body>
</html>

ปฏิบัติตัวอย่าง

ใช้หน้าวางแบบ

ในเนื้อหาก่อนหน้านี้ คุณได้เห็นว่าการอ้างอิงเนื้อหาเดียวกันในหลายหน้าเว็บเป็นเรื่องง่ายโดยทั่วไป

วิธีที่เพิ่มเติมที่สามารถใช้เพื่อสร้างรูปแบบที่สอดคล้องกันนั้น คือใช้หน้าวางแบบ (Layout Page)。หน้าวางแบบประกอบด้วยโครงสร้างของเว็บเซิร์ฟเวอร์ ไม่ใช่เนื้อหาเว็บเซิร์ฟเวอร์ (เนื้อหาหน้า) เมื่อเว็บเซิร์ฟเวอร์ (หน้าเนื้อหา) ลิงก์ไปยังหน้าวางแบบ (แม่แบบ) มันจะแสดงตามหน้าวางแบบ (แม่แบบ) ตามที่ได้รับ

หน้าวางแบบเป็นหน้าเว็บทั่วไป แต่จะเรียกใช้หน้าเนื้อหาที่อ้างอิงที่ตำแหน่งนั้น @RenderBody() วิธี。

แต่ละหน้าเนื้อหาต้องเริ่มด้วย คำสั่ง Layoutท้ายต้นเอง。

ในรหัสคือเช่นนี้:

วางแบบเว็บ:

<html>
<body>
<p>นี่คือข้อความ.</p>
@RenderBody()
<p>© 2012 CodeW3C.com. All rights reserved.</p>
</body>
</html>

หน้าที่ไม่ได้กำหนด

@{Layout="Layout.cshtml";}
<h1>Welcome to CodeW3C.com</h1>
<p>
นี่คือข้อความ. นี่คือข้อความ. นี่คือข้อความ. นี่คือข้อความ. นี่คือข้อความ. นี่คือข้อความ. นี่คือข้อความ. นี่คือข้อความ.
นี่คือข้อความ. นี่คือข้อความ. นี่คือข้อความ. นี่คือข้อความ. นี่คือข้อความ. นี่คือข้อความ. นี่คือข้อความ. นี่คือข้อความ.
นี่คือข้อความ. นี่คือข้อความ. นี่คือข้อความ. นี่คือข้อความ. นี่คือข้อความ. นี่คือข้อความ. นี่คือข้อความ. นี่คือข้อความ.
</p>

ปฏิบัติตัวอย่าง

ไม่ซ้ำเอาตัวเอง

ผ่านสองเครื่องมือของ ASP.NET คือ content block และ layout page คุณสามารถตั้งรูปแบบเดียวกันสำหรับ web application

เครื่องมือนี้จะช่วยคุณในการปรับปรุงงานจำนวนมาก มีทางเลือกที่จะไม่ต้องซ้ำใช้ข้อมูลเดียวกันในหน้าทุกตัว จัดการและดูแล web application ง่ายขึ้น

ป้องกันการรั่วไหลรหัสโค้ด

ใน ASP.NET ไฟล์ที่มีชื่อเริ่มต้นด้วยข้ออุปกรณ์ย่อยไม่สามารถเข้าถึงผ่าน web

หากคุณต้องการห้ามผู้ใช้ตรวจสอบเนื้อหาหรือไฟล์ต้นแบบ โปรดเปลี่ยนชื่อไฟล์เพื่อนำเสนอ

  • _header.cshtm
  • _footer.cshtml
  • _Layout.cshtml

ซ่อนข้อมูลที่ละเอียดอ่อน

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

_AppStart.cshtml

@{
WebMail.SmtpServer = "mailserver.example.com";
WebMail.EnableSsl = true;
WebMail.UserName = "username@example.com";
WebMail.Password = "your-password";
WebMail.From = "your-name-here@example.com";
}