BÀI THỰC HÀNH 07: PHÁT TRIỂN ỨNG DỤNG WEB

XÂY DỰNG TRANG QUẢN LÝ MENU VỚI CÁC CHỨC NĂNG

HIỂN THỊ/THÊM/SỬA/XÓA

Mục đích:
- Thêm/sửa/xóa thông tin trong cơ sở dữ liệu qua trang web
Chuẩn bị:
- Hoàn thành: Thực hành 06
- Chức năng sẽ thực hiện: Thêm mới menu

Hướng dẫn:

Bước 1. Trong bảng AdminMenu ở cơ sở dữ liệu Startup đã tạo ở bài TH06,

thay đổi nội dung cột Controller của dòng Thêm mới menu thành Menu:

1
Bước 2: Mở project startup:
- Tạo Controller với tên MenuController.cs trong thư mục Controller của Admin

- Nội dung tệp MenuController.cs như sau:

+ Chú ý thêm dòng [Area("Admin")] như dòng 6

Bước 3: Nhấp chuột phải vào action Index trong tệp MenuController.cs, chọn
Add View để thêm View cho action Index.

2
- Đặt tên tệp là Index.cshtml
- Sau khi tệp index.cshtml được tạo, xóa hết nội dung trong tệp này.
- Tệp index.cshtml cho hiện nội dung của bảng Menu trong CSDL startup.
- Ví dụ tệp index.cshtml

- Sau khi chạy chương trình, nhấp chọn Thêm mới menu ta có kết quả

Bước 4: - Copy tệp _ViewImports.cshtml ở thư mục Views ngoài và dán vào
thư mục Views trong Admin

3
- Kiểm tra nội dung của _ViewImports.cshtml, nếu chưa có dòng sau thì thêm vào

Bước 5: Hiển thị thông tin các menu trong CSDL lên trang web
- Trong tệp Index.cshtml của thư mục Admin/Menu

4
- Sau khi chạy thử ta có giao diện như sau:

Bước 6: Thực hiện xóa bản ghi

- Trong MenuController.cs thêm các action như sau:

5
- Nhấp chuột phải vào Delete, chọn Add View

- Chọn Razor View - Empty, chọn Add

- Đặt tên là Delete.cshtml, chọn Add, tệp Delete.cshtml sẽ xuất hiện trong thư
mục Menu của Views trong Admin

- Xóa toàn bộ nội dung tự sinh ra trong tệp Delete.cshtml

Bước 7: Thay thế nội dung tệp Delete.cshtml như sau:

Bài tập: Thực hiện các chức năng tạo mới và chỉnh sửa.