MÔ HÌNH 3 LỚP C# VỚI ENTITY FRAMEWORK

5 Bước của Model, View, Controller (MVC)

1. Web ==> Controller
2. Controller ==> Model
3. Controller <==> View
4. Model ==> View
5. View ==> Web

Bây giờ ta sẽ thực hiện 1 bài Demo để hiểu thêm về mô hình MVC. Bài Demo sẽ có 5 bước chính:

Bước 1: Tạo Controller

Bước 2: Tạo View

Bước 3: Thay đổi Views và Layout Pages

Bước 4: Truyền dữ liệu từ Controller đến View

Bước 5: Tạo Model Classes

Bây giờ ta sẽ đi cụ thể vào từng bước. Đầu tiên chắc chắn sẽ phải tạo Project.

Chọn New ==> Project ==> Rồi chọn như trong hình

Chọn Ok rồi tiếp tục chọn MVC và Ok

Vậy là hoàn tất việc tạo Project, bây giờ sẽ vào 5 bước chính của mô hình MVC

Bước 1: Tạo Controller

Chuột phải vào Folder Controller chọn Add ==> Controller

Sau đó chọn như trong hình và điền tên cho Controller

Khi thêm 1 Controller thì ở phần View sẽ thêm 1 Folder tương ứng với Controller mình tạo.

Như ở trong hình của mình là HomeController (mặc định) và HelloWorldController (vừa tạo) sẽ có 2 Foler tương ứng ở phần View

Controller được giao trọng trách nhận điều hướng những yêu cầu từ người dùng (request) và gọi đúng phương thức xử lý yêu cầu từ người dùng. Như hình dưới đây, ta có thể hiểu đơn giản rằng nếu gọi Index nó sẽ trả về phần View (sẽ được viết ở bước sau), gọi đến Welcome (có thêm tham số truyền vào) nó sẽ trả về phần View và nhận cả những tham số mình đã truyền vào (sẽ hiểu rõ hơn phần View ở bước 2).

Bước 2: Tạo View

Tạo View cho những "Controller" đã tạo bên trên (ở đây là HelloWorld)

Chuột phải vào View/HelloWorld chọn Add ==> MVC 5 View Page with Layout (Razor) rồi điền tên View

Chọn Index ==> Ok

Bước 3: Thay đổi Views và Layout Pages

View có nhiệm vụ hiển thị thông tin ra cho người dùng, hiện giao diện tương tác với người dùng. Vì thế nên tại bước này ta sử dụng html, css, ... để thiết kế giao diện.

Đây là trong phần Index

Đây là phần Layout

Bước 4: Truyền dũ liệu từ Controller đến View

Để dữ liệu từ Controller đến được View ta cần tạo ở View giống với phương thức có trong Controller.

Như dưới đây là Welcome có ở cả Controller và View

Ở trong Welcome.cshtml sẽ nhận các giá trị tham số truyền vào từ Controller

Và đây là kết quả khi vào Controller HelloWorld/Welcome và truyền tham số vào

Bước 5: Tạo Model Class

Chuột phải vào Models chọn Add ==> Class ==> Ok rồi điền tên Class

Model là thành phần chứa tất cả các nghiệp vụ login, truy xuất database, các class đối tượng, … Ví dụ như dưới đây.

Lưu ý là phải Install EntityFramework để có thể Using thư viện.