Tuần 02: Cú pháp Razor, HTML Helpers và Truyền Tham Số trong ASP.

NET MVC
Chuẩn bị: Tạo thư mục tên là Hoten (Hoten là Họ và Tên của sinh viên, không khoảng trắng, không dấu tiếng
việt) vào ổ đĩa làm bài (ổ đĩa G:\).
Bài 01: Tạo ứng dụng ASP.NET MVC 5 và sử dụng biến, vòng lặp, mảng, câu lệnh điều kiện trong Razor để
thiết kế các View
Bước 01: Khởi động VS 2022 và Tạo Project tên là Buoi02Bai01 lưu vào thư mục Hoten.
Bước 02: Tạo Controller tên là CuPhapRazor. >> Right click Controllers >> Add >> Controller… thì xuất hiện
cửa sổ:

Xuất hiện tiếp cửa sổ, ta xoá chữ Default, nhập vào CuPhapRazor và bấm nút Add như hình sau:

Bước 03: Mở tập tin CuPhapRazorController.cs và tạo các Action sau:

Bước 04: Tạo view MinhHoa_SuDung_Bien.cshtml, Right click vào Action MinhHoa_SuDung_Bien >> Chọn
Add View thì xuất hiện cửa sổ:

Mở tập tin MinhHoa_SuDung_Bien.cshtml và code như sau:

Giảng Viên: ThS. Giang Hào Côn 1

 Nhấn F5 chạy chương trình
sẽ hiển thị kết quả như sau:

Bước 05: Tạo view MinhHoa_SuDung_If_Switch.cshtml, Right click vào Action MinhHoa_SuDung_If_Switch
>> Chọn Add View >> thao tác tạo View giống Bước 04 và code như sau:

Nhấn F5 chạy chương trình sẽ hiển thị kết quả:

Bước 06: Tạo view MinhHoa_SuDung_VongLap.cshtml, Right click vào Action MinhHoa_SuDung_VongLap >>
Chọn Add View >> thao tác tạo View giống Bước 04 và code như sau:

Giảng Viên: ThS. Giang Hào Côn 2

Nhấn F5 chạy chương trình sẽ hiển thị kết quả:

Bước 07: Mở Views/Shared/_layout.cshtml tìm và chèn vào đúng vị trí đoạn code sau:

Nhấn F5 chạy chương trình thì hiển thị kết quả:

Hãy bấm vào các Link “Minh Hoạ Biến”, “Minh Hoạ IF - Switch”, “Minh Hoạ Vòng Lặp” và nhận xét sự thay
đổi nội dung ở phí dưới.

Giảng Viên: ThS. Giang Hào Côn 3

Bài 02: Tạo ứng dụng ASP.NET MVC 5 và sử dụng HTML Helpers trong Razor để thiết kế trang đăng ký thành
viên như sau:

Hướng dẫn:
Bước 01: Mở tập tin CuPhapRazorController.cs và tạo Action sau:

Bước 02: Tạo lớp QuocGia trong thư mục Models với code như sau:
+ Right Click vào Models >> Add >> Class >> Tại mục name gõ vào QuocGia.cs
+ Viết code như sau:

Bước 03: Mở tập tin CuPhapRazorController.cs và thêm code vào Action FormRegister như sau:

Bước 04: Tạo View cho FormRegister và code như sau:

Giảng Viên: ThS. Giang Hào Côn 4

Bước 05: Mở tập tin CuPhapRazorController.cs và tạo Action Register như sau:

Bước 06: Tạo View tên là Register để hiển thị các thông tin đăng ký và code như sau:

Giảng Viên: ThS. Giang Hào Côn 5

Bước 07: Mở file Views/Shared/_layout.cshtml thêm link “Đăng Ký Thành Viên” theo hình sau:

Bước 08: Nhấn F5 chạy chương trình và bấm vào link “Đăng Ký Thành Viên” và nhập thông tin theo mẫu
như sau:

Bấm nút đăng ký thì hiển thị như sau:

Bài Tập Làm Thêm

Tạo ứng dụng ASP.NET MVC 5 và thực hiện các công việc sau;
a. In ra các số nguyên tố từ 1-100
b. In ra giai thừa từ 1-10
c. In ra bảng cửu chương từ 2-9
d. Tạo form đăng ký bằng HTML Helpers trong Razor như sau:

Giảng Viên: ThS. Giang Hào Côn 6