ต้องการเรียนรู้ ASP.NET MVC เราจะสร้างแอพลิเคชันอินเทอร์เน็ต
Part V: การเพิ่มมุมมองการแสดงแอพลิเคชัน
โฟลเดอร์ชม
โฟลเดอร์ชมเก็บไฟล์ (HTML files) ที่เกี่ยวข้องกับการแสดงผลของแอพลิเคชัน (the user interfaces) ไฟล์เหล่านี้อาจจะมีส่วนขยาย HTML, ASP, aspx, cshtml และ vbhtml ขึ้นอยู่กับเนื้อหาภาษา
โฟลเดอร์ชมมีหนึ่งโฟลเดอร์สำหรับแต่ละตัวควบคุม
Visual Web Developer ได้สร้างโฟลเดอร์บัญชีโฟลเดอร์แรกและโฟลเดอร์ที่ใช้ร่วมกัน (inside the Views folder)
โฟลเดอร์บัญชีมีหน้าสำหรับการลงทะเบียนและเข้าสู่บัญชีผู้ใช้
หน้าแอปพลิเคหน้าแรกร้านค้าโฟลเดอร์ชอบหน้าดัชนี (home page) และเกี่ยวกับหน้า
โฟลเดอร์ที่ใช้ร่วมกันถูกนำมาใช้ในการจัดเก็บมุมมองที่ใช้ร่วมกันระหว่างตัวควบคุม (master pages and layout pages)
ประเภทของไฟล์ ASP.NET
ประเภทไฟล์ HTML ต่อไปนี้สามารถพบได้ในโฟลเดอร์มุมมอง:
| ชนิดของไฟล์ | extention |
|---|---|
| ธรรมดา HTML | .htm หรือ .html |
| คลาสสิก ASP | .งูเห่า |
| ASP.NET คลาสสิก | ขอบ |
| ASP.NET Razor C # | .cshtml |
| ASP.NET Razor VB | .vbhtml |
ดัชนีแฟ้ม
แฟ้ม Index.cshtml หมายถึงหน้าบ้านของแอพลิเคชัน มันเป็นแฟ้มเริ่มต้นของโปรแกรมประยุกต์ (index file)
ใส่เนื้อหาต่อไปนี้ในไฟล์:
@{ViewBag.Title = "Home Page";}
<h1>Welcome to
w3ii</h1>
<p>Put Home Page content here</p>
เกี่ยวกับไฟล์
ไฟล์ About.cshtml แทนหน้าเกี่ยวกับของแอพลิเคชัน
ใส่เนื้อหาต่อไปนี้ในไฟล์:
@{ViewBag.Title = "About Us";}
<h1>About Us</h1>
<p>Put About Us content here</p>
เรียกใช้โปรแกรมประยุกต์
เลือกดีบักเริ่มแก้จุดบกพร่อง (or F5) จากเมนูสำหรับนักพัฒนาเว็บ Visual
แอพลิเคชันของคุณจะมีลักษณะเช่นนี้
คลิกที่ "Home" แท็บและ "About" แท็บเพื่อดูวิธีการทำงาน
ขอแสดงความยินดี
ขอแสดงความยินดี. คุณได้สร้างแอพลิเคชัน MVC ครั้งแรกของคุณ
หมายเหตุ: คุณไม่สามารถคลิกที่ "Movies" แท็บเลย เราจะเพิ่มรหัสสำหรับ "Movies" แท็บในบทต่อไปของการกวดวิชานี้