Khám Phá ASP.NET MVC và Xây Dựng Ứng Dụng Đầu Tiên (NET 8)

1. Giới Thiệu Về ASP.NET MVC

ASP.NET MVC (Model-View-Controller) là một khuôn khung (framework) trong ASP.NET giúp xây dựng các ứng dụng web theo mô hình MVC. Nó cung cấp một cách tiếp cận linh hoạt và cấu trúc hơn so với Web Forms.

---

2. Mô Hình MVC

Mô hình MVC giúp chia nhỏ các thành phần trong ứng dụng:

• Model: Chịu trách nhiệm quản lý dữ liệu và logic kinh doanh.
• View: Chịu trách nhiệm hiển thị giao diện cho người dùng.
• Controller: Xử lý yêu cầu từ người dùng, giao tiếp giữa Model và View.

Lưu đồ:

Người dùng -> Controller -> Model -> View -> Người dùng

---

3. Cách Hoạt Động Của MVC

1. Người dùng gửi yêu cầu HTTP tới server.
2. Controller nhận yêu cầu, xử lý và tương tác với Model.
3. Model truy xuất dữ liệu và trả kết quả cho Controller.
4. Controller gửi dữ liệu đến View để hiển thị.
5. View tạo HTML và trả về cho người dùng.

---

4. Hướng Dẫn Tạo Ứng Dụng MVC Cơ Bản

Bước 1: Tạo Project: Như bài 2

Bước 2: Tạo Controller

Trong thư mục Controllers, tạo file HomeController.cs:

using Microsoft.AspNetCore.Mvc;

namespace MyFirstMVCApp.Controllers
{
    public class HomeController : Controller
    {
        // Action mặc định trả về View Index
        public IActionResult Index()
        {
            return View();
        }
    }
}

Giải thích:

• HomeController là một controller, tiếp nhận yêu cầu HTTP.
• Index() là action mặc định, trả về View tương ứng.
• return View(); là lệnh trả về giao diện hiển thị cho người dùng.

Một Số Cấu Hình Cơ Bản Trong Controller

Loại 1. Trả Về Một Chuỗi Văn Bản

public IActionResult HelloWorld()
{
    return Content("Chào mừng đến với ASP.NET MVC!");
}

Loại 2. Trả Về JSON

public IActionResult GetJson()
{
    var data = new { Name = "MVC", Version = 8 };
    return Json(data);
}

Loại 3. Chuyển Hướng (Redirect)

public IActionResult RedirectToGoogle()
{
    return Redirect("https://www.google.com");
}

Loại 4. Trả Về HTTP Status Code

public IActionResult NotFoundPage()
{
    return NotFound("Trang không tồn tại");
}

Ví Dụ Controller Đầy Đủ

Dưới đây là một ví dụ controller hoàn chỉnh:

namespace WebApp_MVC.Controllers
{
    public class HomeController : Controller
    {
        private readonly ILogger<HomeController> _logger;

        public HomeController(ILogger<HomeController> logger)
        {
            _logger = logger;
        }

        public IActionResult Index()
        {
            return View();
        }

        public IActionResult Privacy()
        {
            return View();
        }

        [ResponseCache(Duration = 0, Location = ResponseCacheLocation.None, NoStore = true)]
        public IActionResult Error()
        {
            return View(new ErrorViewModel { RequestId = Activity.Current?.Id ?? HttpContext.TraceIdentifier });
        }
    }
}

Bước 3: Tạo View

Trong thư mục Views/Home/, tạo file Index.cshtml:

@{
    ViewData["Title"] = "Trang Chủ";
}

<h1>Chào mừng đến với ASP.NET MVC</h1>
<p>Đây là trang chủ.</p>

Giải thích:

• ViewData["Title"] để thiết lập tiêu đề trang.
• <h1> hiển thị lời chào mừng.
• <p> là một đoạn văn mô tả trang web.

Bước 4: Chạy Ứng Dụng

---

5. Tổng Kết

• MVC giúp tổ chức ứng dụng theo kiểu module dễ quản lý.
• Tạo project, controller, và view là những bước quan trọng để bắt đầu với ASP.NET MVC.
• dotnet run để chạy ứng dụng và kiểm tra kết quả.
• Một số cấu hình cơ bản trong controller bao gồm trả về chuỗi, JSON, chuyển hướng, và status code.

Bài tập số 3: 

Yêu cầu: Thực hành lại bài học theo video đã dạy

• Tạo Controller:

  • HomeController để xử lý trang chủ.

  • KhoaHocController để quản lý khóa học.

• Tạo Model:

  • KhoaHoc (Đại diện cho thông tin khóa học).

• Tạo View:

  • Hiển thị danh sách khóa học.

Nộp bài: Nén project đã làm và nộp file