ASP.NET MVC - View
- หน้าก่อนหน้า MVC Controller
- หน้าต่อไป MVC Database
Para sa pag-aaral ng ASP.NET MVC, gagawa kami ng isang Internet application.
Bukas ang 5:Magdagdag ng view na gagamitin para sa pagpapakita ng aplikasyon.
Views folder
Views Ang mga folder ay nag-iimbak ng mga file na may kaugnayan sa pagpapakita ng aplikasyon (user interface) (HTML file). Ayon sa iba't ibang wika, ang extension ng mga file na ito ay maaaring maging html, asp, aspx, cshtml, at vbhtml.
Ang Views folder ay naglalaman ng isang folder para sa bawat controller.
Visual Web Developer ay nagtayo ng isang folder na Account, isang folder na Home, at isang folder na Shared (sa loob ng folder na 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>ใส่เนื้อหาเกี่ยวกับเราที่นี่</p>
ปฏิบัติการแอปพลิเคชัน
เลือกดับเบิ้ลยูนิต และเริ่มดับเบิ้ลยูนิตจากเมนูดับเบิ้ลยูนิต (หรือกด F5)
แอปพลิเคชันของคุณจะเหมือนนี้:
กรุณากด "หน้าหลัก" และ "เกี่ยวกับเรา" ตรงนี้เพื่อดูว่ามันจะทำงานได้อย่างไร
ยินดีต้อนรับคุณ
ยินดีต้อนรับคุณ คุณได้สร้างแอปพลิเคชัน MVC แรกแล้ว
หมายเหตุ：แท็บ "ภาพยนตร์" ยังไม่สามารถกดได้ จะมีการเพิ่มรหัสแท็บ "ภาพยนตร์" ในบทบาทต่อไปของนวนิยายนี้
- หน้าก่อนหน้า MVC Controller
- หน้าต่อไป MVC Database
