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

ĐĂNG KÝ (Register) - ĐĂNG NHẬP (Login) - ĐĂNG XUẤT (Logout) HỆ THỐNG

Mục đích:
- Đăng ký người dùng vào hệ thống;
- Đăng nhập vào hệ thống quản trị
- Đăng xuất hệ thống
Chuẩn bị:
- Hoàn thành: Thực hành 08, 09, 10
A. Nội dung chuẩn bị
Bước 1. Tạo bảng AdminUser trong CSDL Statup của SQL Server

Bước 2. Tạo Model AdminUser như sau

1
Bước 3: Tạo dòng sau trong DataContext.cs

Bước 4. Thêm hai hàm sau trong tệp Functions của thư mục Utilities

2
B. Nội dung 1: Đăng ký người dùng vào hệ thống
Bước 4. Tạo RegisterController như sau:

3
Bước 6. Tạo view cho action Index (có thể copy một số nội dung trong tệp pages-register.html của
NiceAdmin), chú ý dòng màu đỏ

4
5
Bước 7. Chạy thử và thêm người dùng vào hệ thống

Nhập thông tin và chọn Create Account xẽ xuất hiện trong CSDL như sau:

6
C. Nội dung 2: Đăng nhập vào hệ thống
Bước 1. Thêm các dòng sau vào trong class Functions trong thư mục Ultilites nhằm mục đích lưu lại thông tin
đăng nhập, trong quá trình thực hiện, nếu kiểm tra không có thông tin này sẽ bắt buộc phải đăng nhập lại.

Bước 2. Tạo LoginController.cs trong Admin/Controller như sau:

7
Bước 3. Tạo View cho action Index trong LoginController
- Nhấp chuột phải vào Index trong tệp LoginController.cs
- Chọn Add View
- Đặt tên Index
- Nội dung của tệp Index như sau:
(Có thể copy một số thông tin từ pages-login.html trong thư mục NiceAdmin)

8
9
Bước 4. Thêm dòng sau (màu đỏ) ở trong class Functions trong thư mục Utilities

10
Bước 5. thêm 2 dòng sau ở các action của các Controller trong thư mục Admin, để kiểm tra nếu chưa đăng nhập
thì phải đăng nhập mới được thực hiện.

Copy nội dung ở dòng đỏ cho các action trong các controller khác.
Bước 6: Chạy thử nghiệm đăng nhập hệ thống.

11
D. Nội dung 3: Đăng xuất khỏi hệ thống
- Việc đăng xuất khỏi hệ thống chỉ cần thiết lập các biến static Functions._UserID, Functions._UserName,
Functions._Email,… về giá trị mặc định.
- Ví dụ, thêm đoạn sau vào trong HomeController của Admin

- Tìm đến code của link Sign Out như trên hình (nằm trong tệp _Layout.cshtml của Admin)

E. Nội dung 4: Sửa một số nội dung cá nhân trong tệp _Layout.cshtml

- Mở tệp _Layout.cshtml, thêm dòng sau

- Tìm vị trí cần sửa trong _Layout.cshtml

12
- Thay đổi thành

- Sẽ xuất hiện

13