Xem thêm

Series ASP.NET MVC - Phần 1: Khám phá ASP.NET MVC và tạo ứng dụng web đầu tiên

Huy Erick
Giới thiệu về mô hình MVC trong ASP.NET MVC là viết tắt của Model-View-Controller. Trong ASP.NET, MVC là một mô hình kiến trúc phân tách một ứng dụng web thành ba thành phần quan trọng:...

Giới thiệu về mô hình MVC trong ASP.NET

MVC là viết tắt của Model-View-Controller. Trong ASP.NET, MVC là một mô hình kiến trúc phân tách một ứng dụng web thành ba thành phần quan trọng: Model, View và Controller.

  • Models: Đây là nơi chứa các model, là những đối tượng trực tiếp liên quan đến dữ liệu. Mỗi model tương ứng với một bảng trong cơ sở dữ liệu, và các thuộc tính trong model tương tự như các trường trong bảng. Ví dụ: trong cơ sở dữ liệu sản phẩm, model Product đại diện cho bảng lưu trữ thông tin sản phẩm. Thao tác với dữ liệu được thực hiện trực tiếp trên các model này.

  • Views: Đây là nơi hiển thị các phần tử trên trang web. View thường được tạo dựa trên dữ liệu từ models. Ví dụ: để hiển thị thông tin của một sản phẩm, cần có dữ liệu của sản phẩm đó, và view sẽ được tạo dựa trên model đó.

  • Controller: Được sử dụng để xử lý tương tác của người dùng trên view. Ví dụ: để hiển thị thông tin chi tiết của một sản phẩm, người dùng cần chọn sản phẩm đó. Hành động này được gọi là một action trong controller. Action này sẽ truy xuất cơ sở dữ liệu thông qua model để lấy dữ liệu, sau đó truyền dữ liệu về view để hiển thị cho người dùng.

Series ASP.NET MVC

Mô hình MVC được sử dụng để thay thế cho Web Forms, với những ưu điểm như tính phân tách cao (các thành phần được tách rời nhau để tạo thành một ứng dụng web), quản lý dễ dàng hơn và hỗ trợ tốt cho việc kiểm thử và gỡ lỗi.

Tạo ứng dụng Web ASP.NET MVC 5 sử dụng Visual Studio 2017

Bước 1: Trên thanh Toolbars của Visual Studio, chọn File, sau đó chọn New và Project.

Bước 1

Bước 2: Trong Dialog New Project, chọn Visual C#, sau đó chọn ASP.NET Web Application. Chú ý kiểm tra phiên bản .NET Framework 4.6.1, nhập tên project và tên solution, sau đó chọn OK để tạo solution.

Bước 2

Bước 3: Chọn MVC và chọn OK để Visual Studio tiến hành tạo solution.

Bước 3

Bước 4: Chạy ứng dụng bằng cách nhấn F5 hoặc Ctrl+F5 hoặc start trên Visual Studio.

Bước 4

Bước 5: Đợi Visual Studio build project và sau đó ứng dụng sẽ chạy trên trình duyệt.

Bước 5

Cấu trúc của project

Để tạo một project ASP.NET MVC, cấu trúc không thể thiếu các thành phần như Controllers, Models và Views.

  • Controllers: Thư mục chứa các tệp tin controller, trong đó bạn có thể định nghĩa các action. Mặc định, Visual Studio tạo tệp tin HomeController.cs, controller này bao gồm các action Index, About và Contact.

  • Models: Thư mục chứa các tệp tin model.

  • Views: Thư mục chứa các tệp tin view, được viết bằng Razor (.cshtml). Mỗi thư mục trong Views tương ứng với một controller và các tệp tin view trong đó tương ứng với các action trong controller đó. Có một thư mục Shared chứa các view dùng chung như _Layout.cshtml.

Các thư mục khác bao gồm: Property (chứa cấu hình chung), References (chứa DLL sử dụng trong ứng dụng), App_Data (lưu trữ dữ liệu SQL và các tệp tin cache), App_Start (cấu hình ứng dụng), Content (chứa các file stylesheet), Script (chứa các file javascript), fonts (chứa các fonts chữ), và các tệp tin cấu hình như Web.config và Global.asax.

Cấu trúc của project

Hãy chia sẻ suy nghĩ của bạn sau khi đọc bài viết này để tạo động lực hoàn thiện series về ASP.NET. Trong bài tiếp theo, chúng ta sẽ tạo bài viết về EF Code First.

Cảm ơn bạn đã quan tâm đến bài viết của chúng tôi!

1