Hiểu rõ cấu trúc nội bộ của ứng dụng ASP.NET Core MVC

ASP.NET Core MVC là một mô hình kiến trúc phần mềm theo mô hình Model-View-Controller, được chia thành ba thành phần chính, mỗi thành phần đảm nhiệm một vai trò riêng biệt nhằm tách biệt logic xử lý, giao diện và dữ liệu:

Model: Chịu trách nhiệm quản lý dữ liệu và nghiệp vụ. Đây là nơi khai báo các lớp tương ứng với bảng dữ liệu và các ràng buộc nghiệp vụ.

View: Là giao diện người dùng, hiển thị thông tin nhận từ Controller. ASP.NET Core sử dụng cú pháp Razor để viết View dễ dàng và linh hoạt.

Controller: Là cầu nối giữa View và Model. Nó nhận các request từ client, xử lý và trả về kết quả tương ứng (thường là một View kèm dữ liệu Model).

Ba thành phần này hoạt động cùng nhau để đảm bảo sự rõ ràng, dễ bảo trì và mở rộng của ứng dụng.

Hiểu về cấu trúc và chức năng của 'Model' trong MVC

• Model là đại diện cho dữ liệu và các lớp nghiệp vụ. Trong ASP.NET Core, Model có thể:
• Liên kết với cơ sở dữ liệu thông qua Entity Framework.
• Chứa các thuộc tính dữ liệu, các ràng buộc (Data Annotation), và logic xử lý nghiệp vụ.
• Là trung tâm để Controller thao tác và truyền về View.

Hiểu rõ vai trò của 'Controller' trong MVC

• Controller đóng vai trò trung tâm trong luồng xử lý của ứng dụng:
• Nhận request từ trình duyệt.
• Gọi đến Model để xử lý dữ liệu.
• Trả về kết quả tương ứng, thường là View (hoặc JSON trong API).
• Mỗi Controller chứa các phương thức gọi là Action, ví dụ Index(), Create(), Edit(),...

Nắm vững khái niệm và quản lý của 'View', cũng như sử dụng Razor syntax

• View: Là file .cshtml sử dụng cú pháp Razor để kết hợp HTML và C#. View nhận dữ liệu từ Controller và hiển thị lên giao diện người dùng.
• Razor Syntax: Là ngôn ngữ đánh dấu tích hợp giữa C# và HTML. Ví dụ: @Model.TenBaiViet, @foreach, @if, giúp xây dựng giao diện động một cách trực quan.

Thực hành kỹ thuật xử lý upload và lưu trữ hình ảnh

• ASP.NET Core hỗ trợ upload file thông qua IFormFile.
• Quy trình cơ bản:
• Trong View, tạo form với enctype="multipart/form-data".
• Trong Controller, nhận file qua IFormFile và lưu vào thư mục (ví dụ wwwroot/images).
• Lưu tên file vào database nếu cần hiển thị lại sau này.

Đặt tên cho dự án và chọn ổ D để lưu

Chọn phiên bản .NET 8 hoặc khác

Giao diện của du án và các modoul

Tiến hành chạy dự án

Dưới đây là giải thích cấu trúc của dự án

Cấu trúc dự án ASP.NET Core MVC
1. Dependencies:
Thư mục này bao gồm các phụ thuộc cần thiết, tức là các gói cần
thiết để chạy ứng dụng ASP.NET Core.
2. Properties:
Thư mục này chứa tệp launchsettings.json và chỉ được sử dụng
trong môi trường phát triển.
3.wwwroot:
Đây là thư mục gốc web của dự án. Thư mục wwwroot sẽ chứa tất
cả các tệp tĩnh như .css, .js, và các tệp bootstrap, jquery, v.v.
4. Controllers:
Chứa các lớp điều khiển để xử lý nghiệp vụ trong ứng dụng.
5. Models:
Chứa các lớp Model để thao tác với dữ liệu hoặc trong ứng dụng web.
6. Views:
Chứa các tệp giao diện Razor (.cshtml) để hiển thị nội dung HTML.
Razor là một công cụ giao diện được sử dụng trong ASP.NET để tạo
HTML động
7. Shared:
Thư mục chứa _Layout.cshtml. Đó là bố cục mặc định cho ứng
dụng ASP.NET Core bao gồm các thành phần dùng chung của tất cả
các trang con.
8.appsettings.json:
Tệp này sẽ chứa các cài đặt chung trên toàn bộ ứng dụng, như
chuỗi kết nối, biến toàn cục phạm vi ứng dụng, v.v..
9. Program.cs:
Lớp Program chứa phương thức Main. Phương thức Main chịu trách
nhiệm thiết lập máy chủ web, cấu hình các dịch vụ, cấu hình các Thành
phần Middleware và khởi động ứng dụng để ứng dụng có thể lắng nghe
các yêu cầu từ client.