ASP.NET MVC - View

Để học ASP.NET MVC, chúng ta sẽ xây dựng một ứng dụng Internet.

Phần 5:Thêm các视图 để hiển thị ứng dụng.

Thư mục Views

Views Thư mục lưu trữ các tệp liên quan đến việc hiển thị ứng dụng (giao diện người dùng) (tệp HTML). Tùy thuộc vào ngôn ngữ khác nhau, phần mở rộng của các tệp này có thể là html, asp, aspx, cshtml và vbhtml.

Thư mục Views chứa một thư mục tương ứng với mỗi điều khiển.

Visual Web Developer đã tạo một thư mục Account, một thư mục Home và một thư mục Shared (trong thư mục Views).

Thư mục Account chứa các trang được sử dụng để đăng ký và đăng nhập tài khoản người dùng.

Thư mục Home được sử dụng để lưu trữ các trang của ứng dụng như trang chủ và trang về.

Thư mục Shared được sử dụng để lưu trữ các视图 chia sẻ giữa các controller (trang mẫu và trang布局).

Loại tệp ASP.NET

Bạn có thể tìm thấy các loại tệp HTML sau trong thư mục Views:

Loại tệp Đuôi tệp
HTML thuần .htm hoặc .html
ASP Classic .asp
ASP.NET Classic .aspx
ASP.NET Razor C# .cshtml
ASP.NET Razor VB .vbhtml

Tệp Index

Tệp Index.cshtml biểu thị trang chủ của ứng dụng. Nó là tệp mặc định của ứng dụng (tệp trang chủ).

Viết nội dung sau vào tệp:

@{ViewBag.Title = "Trang chủ";}
<h1>Chào mừng bạn đến với CodeW3C.com</h1>
<p>Đặt nội dung Trang chủ ở đây</p>

Tệp About

Tệp About.cshtml biểu thị trang về của ứng dụng.

Viết nội dung sau vào tệp:

@{ViewBag.Title = "Về chúng tôi";}
<h1>Về chúng tôi</h1>
<p>Đặt nội dung Về chúng tôi ở đây</p>

Chạy ứng dụng

Chọn gỡ lỗi, khởi động gỡ lỗi từ trình đơn gỡ lỗi (hoặc nhấn F5).

Ứng dụng của bạn sẽ tương tự như thế này:

Vui lòng nhấp vào “Trang chủ” và “Về chúng tôi”, để xem nó hoạt động như thế nào.

Chúc mừng bạn

Chúc mừng bạn. Bạn đã tạo thành công ứng dụng MVC đầu tiên.

Ghi chú:Tab “Phim” vẫn không thể nhấp. Chúng tôi sẽ thêm mã cho tab “Phim” trong phần sau của hướng dẫn này.