TOC

This article is currently in the process of being translated into Vietnamese (~99% done).

Views:

Giới thiệu

Ở đầu bài giảng, chúng ta đã nói về View trong mô hình MVC và chúng ta đã tạo ra nó trong dự án để có một cái nhìn tổng quan về nó. Trong chương này, chúng ta sẽ đi sâu hơn vào chủ đề View.

View là gì?

Khi Controller xử lý liên kết giữa backend và frontend, thì View trả về kết quả của Action trong Controller đó. Vì vậy, khi bạn muốn hiển thị cho người dùng, là kết quả cuối cùng trả về trong quá trình phát triển web, thì nó đặt trong View. Một View chứa định dạng HTML và mã Razor, thường hiển thị Model của bạn. Hay nói cách khác, Controller sinh ra đối tượng là Model và sau đó truyền sang View, sẽ hiển thị cho người dùng xem.

Điểm này hơi trừu tượng, đặc biệt là nếu bạn không làm việc với chúng - trong tình huống này, tôi khuyên các bạn quay lại đầu bài học, chúng ta đã tạo ra một Model, một View và một Controller trong dự án để xem chúng tương tác với nhau ra sao.

Một View về cơ bản là một tệp HTML với mã Razor trong đó. View có đuôi .cshtml, và ban có thể thấy trong các chương tiếp theo về Razor. Rất dễ dàng để kết hợp HTML và mã Razor.

Vị trí của View

Các tệp views thường được đặt trong một thư mục gọi là Views trong thư mục gốc của dự án MVC. Để làm cho .NET framework và Controllers có thể tìm đúng view, cần phải chú ý đến tên của Controller. Vì vậy, nếu bạn có HomeController và ProductController, thì thư mục View của bạn phải có các thư mục con với tên gọi tương ứng là "Home" và "Product". Mỗi folder này phải có một hay nhiều views liên quan tới actions của controllers. Chúng được mô tả trong Solution Explorer sau:

Khi theo trình tự sau, bạn cho phép .NET framework tự động xác định vị trí view, thông qua một quy trình tên là View Discovery. Chúng ta sẽ bàn về quy trình này trong phần tiếp theo.

Kết luận:

Một View là thể hiện của Model, được đưa tới người dùng bởi Controller. Nó dùng HTML và Razor để trả về định dạng mà trình duyệt hiểu được. Trong một số bài viết sắp tới, chúng ta sẽ đào sâu hơn vào một số chủ đề nâng cao về View.


This article has been fully translated into the following languages: Is your preferred language not on the list? Click here to help us translate this article into your language!