ASP.NET MVC - มุมมอง

เพื่อเรียนรู้ ASP.NET MVC พวกเราจะสร้างโปรแกรมอินเตอร์เน็ต

บทที่ 5:เพิ่มมุมมองสำหรับแสดงโปรแกรม

โฟลเดอร์ Views

Views โฟลเดอร์เก็บไฟล์ที่เกี่ยวข้องกับการแสดงผลของโปรแกรม (มุมมองผู้ใช้) (ไฟล์ HTML) ตามภาษาต่าง ๆ นั้น นามสกุลของไฟล์อาจเป็น html, asp, aspx, cshtml หรือ vbhtml

โฟลเดอร์ Views มีโฟลเดอร์ที่ตรงกันตรงข้ามกับควบคุมเซอร์ซึ่งแต่ละตัว

Visual Web Developer ได้สร้างไฟล์โฟลเดอร์ Account หนึ่ง โฟลเดอร์ Home หนึ่ง และโฟลเดอร์ Shared หนึ่ง (ในโฟลเดอร์ Views)。

โฟลเดอร์ Account มีฟา้มที่ใช้สำหรับลงทะเบียนและเข้าสู่ระบบบัญชีผู้ใช้

โฟลเดอร์ Home ใช้เก็บฟา้มหน้าแอปพลิเคชันเช่นหน้าหลักและหน้าเกี่ยวกับ

โฟลเดอร์ Shared ใช้เก็บฟา้มที่เรียกใช้โดยการแบ่งปันระหว่างคอนโทรลเลอร์ (เทมเพลตหน้าและต้นแบบที่ใช้ในต้นแบบ)

ชนิดแฟ้ม ASP.NET

สามารถหาฟา้มแบบ HTML ต่อไปนี้ได้ในโฟลเดอร์ Views:

ชนิดแฟ้ม ความยาวของนามสกุล
HTML สะอาด .htm หรือ .html
ASP รุ่นเก่า .asp
ASP.NET รุ่นเก่า .aspx
ASP.NET Razor C# .cshtml
ASP.NET Razor VB .vbhtml

แฟ้ม Index

แฟ้ม Index.cshtml แสดงหน้าหลักของแอปพลิเคชัน มันเป็นแฟ้มเริ่มต้นของแอปพลิเคชัน (แฟ้มหน้าหลัก)

เขียนเนื้อหาต่อไปนี้ลงในแฟ้ม

@{ViewBag.Title = "Home Page";}
<h1>ยินดีต้อนรับสู่ CodeW3C.com</h1>
<p>จัดเข้าไปกับเนื้อหาหน้าหลัก ตรงนี้</p>

แฟ้ม About

แฟ้ม About.cshtml แสดงหน้าเกี่ยวกับแอปพลิเคชัน

เขียนเนื้อหาต่อไปนี้ลงในแฟ้ม

@{ViewBag.Title = "About Us";}
<h1>About Us</h1>
<p>จัดเข้าไปกับเนื้อหา About Us ตรงนี้</p>

ปฏิบัติการแอปพลิเคชัน

เลือก Debug และเริ่ม Debug โดยใช้แนวทาง Debug จากเมนู Debug (หรือกด F5)

แอปพลิเคชันของคุณจะเหมือนนี้:

กรุณาคลิกที่ "หน้าแรก" และ "เกี่ยวกับ" พิจารณาว่ามันทำงานได้อย่างไร

ขอแสดงความยินดี

ขอแสดงความยินดี คุณได้สร้างแอปพลิเคชัน MVC แรกของคุณแล้ว

หมายเหตุ：ตัวเลือก "ภาพยนตร์" ยังไม่สามารถคลิกได้ พวกเราจะเพิ่มรหัสสำหรับตัวเลือก "ภาพยนตร์" ในบทบาทหลังในบทความนี้