Bài 1: Giới thiệu về Trình quản lý quảng cáo

Bài trước Bài tiếp theo

Bài giảng: Giới thiệu, cài đặt .NET Core và xây dựng ứng dụng web đầu tiên

1. Giới thiệu về .NET Core

1.1 .NET Core là gì?

.NET Core là một nền tảng phát triển ứng dụng mã nguồn mở, đa nền tảng, được phát triển bởi Microsoft. Nó hỗ trợ xây dựng các ứng dụng web, dịch vụ, ứng dụng console và nhiều loại ứng dụng khác.

1.2 Đặc điểm nổi bật của .NET Core

  • Mã nguồn mở và đa nền tảng: Chạy được trên Windows, macOS và Linux.
  • Hiệu suất cao: Tối ưu hóa về tốc độ và hiệu suất.
  • Hỗ trợ phát triển microservices: Dễ dàng triển khai và mở rộng.
  • Tích hợp với Docker và Kubernetes.
  • Có thể sử dụng với nhiều ngôn ngữ lập trình như C#, F# và VB.NET.

2. Cài đặt .NET Core

2.1 Yêu cầu hệ thống

Trước khi cài đặt, bạn cần đảm bảo hệ thống đáp ứng các yêu cầu tối thiểu:

  • Windows: Windows 10 hoặc mới hơn.
  • macOS: Phiên bản macOS mới nhất.
  • Linux: Ubuntu, Debian, Fedora hoặc các bản phân phối phổ biến khác.

Trong bộ video khóa học này, chúng ta sẽ tìm hiểu và thực hành trên hệ điều hành window

2.2 Tải và cài đặt

  1. Truy cập trang web chính thức của .NET: https://dotnet.microsoft.com/.
  2. Chọn phiên bản .NET SDK mới nhất phù hợp với hệ điều hành của bạn.
  3. Tải về và chạy trình cài đặt.
  4. Sau khi cài đặt, mở Command Prompt (Windows) hoặc Terminal (macOS/Linux) và nhập lệnh: 
    dotnet --version
    Nếu lệnh trên hiển thị phiên bản của .NET, quá trình cài đặt đã thành công.

Rất tốt! Đây là phần 2.3 đã được sửa lại đúng yêu cầu của bạn, để hướng dẫn cài đặt Visual Studio 2022 hỗ trợ .NET Core 8 (thay vì VS Code).

🚀 2.3 Cài đặt Visual Studio 2022 để lập trình .NET Core 8

Để phát triển ứng dụng web với ASP.NET Core 8, bạn cần cài đặt Visual Studio 2022 (hoặc mới hơn) với các thành phần phù hợp.

➡️ Các bước thực hiện:

1️⃣ Tải Visual Studio 2022

2️⃣ Cài đặt Workload (bộ tính năng)
Khi chạy trình cài đặt Visual Studio:

  • Tích chọn ASP.NET and web development.

  • Đảm bảo .NET 8 SDK được chọn (hoặc cài đặt kèm theo).

  • Có thể chọn thêm .NET Desktop Development nếu muốn phát triển WinForm, WPF.

3️⃣ Hoàn tất cài đặt

  • Nhấn Install để bắt đầu cài đặt.

  • Sau khi hoàn tất, mở Visual Studio và kiểm tra:

    • Vào menu Help > About Microsoft Visual Studio

    • Xem mục .NET SDK installed phải có .NET 8.

✅ Kết luận

  • Visual Studio 2022 + workload ASP.NET & web development sẽ cung cấp đầy đủ môi trường lập trình, chạy và debug ứng dụng ASP.NET Core 8 MVC / Razor Pages.

  • Đây là công cụ chuẩn nhất để phát triển .NET Core / .NET 8 hiện nay trên Windows.

3. Tạo ứng dụng web đầu tiên với ASP.NET Core MVC trên Visual Studio

3.1 Khởi tạo dự án ASP.NET Core MVC

Bước 1: Mở Visual Studio

  • Mở Visual Studio 2022 (version 17.8+) hoặc Visual Studio 2025.

  • Chọn Create a new project.

Bước 2: Chọn loại project

  • Trong hộp tìm kiếm, gõ:

ASP.NET Core Web App (Model-View-Controller)

  • Chọn template này và nhấn Next.

Bước 3: Đặt tên và chọn nơi lưu

  • Đặt tên dự án, ví dụ:

MyFirstMvcApp

  • Chọn nơi lưu dự án trên ổ đĩa.

Bước 4: Cấu hình dự án

  • Ở màn hình Additional information, chọn:

    • Framework: .NET 8 (hoặc mới hơn nếu có).

    • Không cần chọn Authentication nếu chưa cần.

    • Đảm bảo Enable Docker, Enable HTTPS hoặc Enable Razor runtime compilation tuỳ nhu cầu (mặc định có thể bỏ qua).

  • Nhấn Create để tạo project.

3.2 Chạy ứng dụng

  • Visual Studio sẽ tạo sẵn cấu trúc project ASP.NET Core MVC.

  • Nhấn nút Run ▶️ (hoặc F5) để chạy.

  • Trình duyệt sẽ mở trang mặc định ở địa chỉ:

https://localhost:xxxx

(Trong đó xxxx là cổng ngẫu nhiên).

Bạn sẽ thấy trang mặc định của ASP.NET Core MVC.

3.3 Cấu trúc thư mục dự án 

Sau khi tạo xong, dự án có cấu trúc chính:

  • Controllers/ : Chứa các controller (xử lý request).

  • Views/ : Chứa các view (.cshtml) để hiển thị giao diện.

  • wwwroot/ : Chứa file tĩnh (css, js, ảnh).

  • appsettings.json : File cấu hình (connection string, logging...).

  • Program.cs : Điểm khởi chạy của ứng dụng.

3.4 Chỉnh sửa nội dung trang chủ

Thay đổi nội dung View trang chủ

  • Mở file:

Views/Home/Index.cshtml

  • Tìm dòng:

<h1 class="display-4">Welcome</h1>

và sửa thành:

<h1>Chào mừng đến với ứng dụng ASP.NET Core MVC đầu tiên!</h1>

Chạy lại ứng dụng

  • Nhấn F5 hoặc Ctrl+F5 để chạy lại.

  • Trình duyệt sẽ hiển thị nội dung bạn vừa chỉnh sửa.

✅ Ghi chú thêm

  • Trong ASP.NET Core MVC:

    • Controller quyết định xử lý logic, trả về View.

    • View hiển thị giao diện.

  • Đây khác với Razor Pages (có thư mục Pages/).

4. Tổng kết

  • .NET Core là một nền tảng phát triển ứng dụng mạnh mẽ, đa nền tảng.
  • Việc cài đặt rất đơn giản thông qua .NET SDK và Visual Studio Code.
  • Bạn có thể nhanh chóng tạo một ứng dụng web cơ bản với lệnh dotnet new webapp.
  • Chạy ứng dụng bằng dotnet run và chỉnh sửa trang Razor để hiển thị nội dung mong muốn.
 
 

Bài tập số 01: Tạo ứng dụng web đầu tiên với ASP.NET Core trong Visual Studio

Yêu cầu: Tạo lại project tương tự bài giảng

📌 Nộp bài: Chụp màn hình giao diện trang web sau khi chỉnh sửa.