Tìm hiểu về công nghệ React JS Asp net.core API và xây dựng website bán đồng hồ

BỘ GIÁO DỤC VÀ ĐÀO TẠO
TRƯỜNG ĐẠI HỌC SƯ PHẠM KỸ THUẬT
THÀNH PHỐ HỒ CHÍ MINH

KHĨA LUẬN TỐT NGHIỆP
NGÀNH CƠNG NGHỆ THƠNG TIN

TÌM HIỂU VỀ CƠNG NGHỆ REACT JS ASP NET.CORE
API VÀ XÂY DỰNG WEBSITE BÁN ĐỒNG HỒ

GVHD: TS HUỲNH XN PHỤNG
SVTH: NGUYỄN ĐỨC HỊA
LÊ TRẦN ĐỨC HUY

SKL009840

Tp. Hồ Chí Minh, tháng 7/2022


BỘ GIÁO DỤC VÀ ĐÀO TẠO
TRƯỜNG ĐẠI HỌC SƯ PHẠM KỸ THUẬT TP. HCM
KHOA CƠNG NGHỆ THƠNG TIN


BÁO CÁO KHĨA LUẬN TỐT NGHIỆP
ĐỀ TÀI

TÌM HIỂU VỀ CƠNG NGHỆ REACT JS
ASP NET.CORE API VÀ XÂY DỰNG
WEBSITE BÁN ĐỒNG HỒ
GVHD: TS. Huỳnh Xn Phụng

SVTH:
Nguyễn Đức Hịa

18110290

Lê Trần Đức Huy

18110292

Tp. Hồ Chí Minh, tháng 07 năm 2022


ĐẠI HỌC SƯ PHẠM KỸ THUẬT
TP. HỒ CHÍ MINH
KHOA CƠNG NGHỆ THƠNG TIN
_______________

CỘNG HỊA XÃ HỘI CHỦ NGHĨA VIỆT NAM
Độc lập – Tự do – Hạnh phúc
________________

NHIỆM VỤ THỰC HIỆN KHĨA LUẬN TỐT NGHIỆP
Họ tên sinh viên: Nguyễn Đức Hịa

MSSV: 18110290

Họ tên sinh viên: Lê Trần Đức Huy

MSSV: 18110292

Chuyên ngành: Cơng nghệ phần mềm
Tên đề tài: Tìm hiểu cơng nghệ ReactJs, ASP .NET core api và xây dựng website bán
đồng hồ
Nội dung thực hiện:
Lý thuyết:
-

Tìm hiểu ngơn ngữ lập trình C#
Tìm hiểu ReactJS
Tìm hiểu về cơng nghệ ASP.NET Core

Thực hành:
-

Xây dựng website với một số tính năng cơ bản sau:
Phía khách hàng:
 Đăng nhập, đăng kí, quên mật khẩu, thay đổi mật khẩu
 Thêm giỏ hàng, thanh tốn
 Bình luận, đánh giá sản phẩm
 Thay đổi thông tin cá nhân
 Xem lịch sửa mua hàng
 Chức năng gợi ý sản phẩm
 Chatbot
 Tìm kiếm và lọc sản phầm
Phía quản trị viên, nhân viên:
 Quản lí sản phẩm
 Quản lí đơn hàng
 Quản lí tài khoản khách hàng
Phía quản trị viên


Quản lí các danh mục của sản phẩm (thương hiệu, chất liệu, kích thước, độ
chống nước, loại năng lượng)
 Quản lí tài khoản nhân viên
 Thống kê doanh thu và thống kê theo sản phẩm


Thời gian thực hiện: 15 tuần (Bắt đầu từ ngày 10/03/2022 đến ngày 20/06/2022)
Chữ ký của sinh viên: ...........................................................................................................
Chữ ký của sinh viên: ...........................................................................................................

TP.HCM, ngày.....tháng.....năm 2022
TRƯỞNG KHOA CNTT
(Ký và ghi rõ họ tên)

GIẢNG VIÊN HƯỚNG DẪN
(Ký và ghi rõ họ tên)


ĐẠI HỌC SƯ PHẠM KỸ THUẬT
TP. HỒ CHÍ MINH
KHOA CƠNG NGHỆ THƠNG TIN
_______________

CỘNG HỊA XÃ HỘI CHỦ NGHĨA VIỆT NAM
Độc lập – Tự do – Hạnh phúc
________________

PHIẾU NHẬN XÉT CỦA GIÁO VIÊN HƯỚNG DẪN
Họ và tên sinh viên: Nguyễn Đức Hòa

MSSV: 18110290

Họ và tên sinh viên: Lê Trần Đức Huy

MSSV: 18110292

Ngành: Cơng nghệ thơng tin
Tên đề tài: Tìm hiểu cơng nghệ ReactJs, ASP .NET core api và xây dựng website bán
đồng hồ
Họ và tên giáo viên hướng dẫn: TS. Huỳnh Xuân Phụng
Nhận xét:
1. Về nội dung đề tài và khối công việc thực hiện:
..........................................................................................................................................
..........................................................................................................................................
..........................................................................................................................................
..........................................................................................................................................
2. Ưu điểm:
..........................................................................................................................................
..........................................................................................................................................
..........................................................................................................................................
..........................................................................................................................................
3. Khuyết điểm:
..........................................................................................................................................
..........................................................................................................................................
..........................................................................................................................................
..........................................................................................................................................
4. Đề nghị cho bảo vệ hay không? ................................................................................
5. Đánh giá loại: ............................................................................................................
6. Điểm: .........................................................................................................................

Tp. Hồ Chí Minh, ngày.....tháng.....năm 2022
Giáo viên hướng dẫn


ĐẠI HỌC SƯ PHẠM KỸ THUẬT
TP. HỒ CHÍ MINH
KHOA CƠNG NGHỆ THƠNG TIN
_______________

CỘNG HỊA XÃ HỘI CHỦ NGHĨA VIỆT NAM
Độc lập – Tự do – Hạnh phúc
________________

PHIẾU NHẬN XÉT CỦA GIÁO VIÊN PHẢN BIỆN
Họ và tên sinh viên: Nguyễn Đức Hòa

MSSV: 18110290

Họ và tên sinh viên: Lê Trần Đức Huy

MSSV: 18110292

Ngành: Cơng nghệ thơng tin
Tên đề tài: Tìm hiểu cơng nghệ ReactJs, ASP .NET core api và xây dựng website bán
đồng hồ
Họ và tên giáo viên phản biện: TS. Lê Vĩnh Thịnh
Nhận xét:
1. Về nội dung đề tài và khối công việc thực hiện:
..........................................................................................................................................
..........................................................................................................................................

..........................................................................................................................................
..........................................................................................................................................
2. Ưu điểm:
..........................................................................................................................................
..........................................................................................................................................
..........................................................................................................................................
..........................................................................................................................................
3. Khuyết điểm:
..........................................................................................................................................
..........................................................................................................................................
..........................................................................................................................................
..........................................................................................................................................
4. Đề nghị cho bảo vệ hay không? .................................................................................
5. Đánh giá loại: .............................................................................................................
6. Điểm: ..........................................................................................................................
Tp. Hồ Chí Minh, ngày.....tháng.....năm 2022
Giáo viên phản biện


Trường ĐH Sư Phạm Kỹ Thuật TP.HCM
Khoa: Công Nghệ Thông Tin

ĐỀ CƯƠNG KHÓA LUẬN TỐT NGHIỆP
Họ và Tên SV thực hiện 1: Nguyễn Đức Hòa

MSSV: 18110290

Họ và Tên SV thực hiện 2: Lê Trần Đức Huy

MSSV: 18110292

Thời gian làm luận văn: Từ: 10/03/2022

Đến: 20/06/2022

Chuyên ngành: Công nghệ phần mềm
Tên đề tài: Tìm hiểu cơng nghệ ReactJs, ASP .NET core api và xây dựng website bán
đồng hồ
GV hướng dẫn: TS. Huỳnh Xn Phụng
Nhiệm vụ của đề tài:
1. Tìm hiểu cơng nghệ ASP.NET CORE
2. Tìm hiểu cơng nghệ ReactJS
3. Xây dựng website bán đồng hồ
Đề cương viết luận văn:


MỤC LỤC

MỤC LỤC .............................................................................................................................
LỜI CẢM ƠN ........................................................................................................................
PHỤ LỤC BẢNG ..................................................................................................................
PHỤ LỤC HÌNH ...................................................................................................................
REVISION HISTORY ........................................................................................................ 1
PHẦN MỞ ĐẦU ................................................................................................................. 3
1.

Lý do chọn đề tài ..................................................................................................... 3

2.

Thông tin chung ....................................................................................................... 3

3.

Mục đích, nhiệm vụ của đề tài................................................................................. 6
3.1.

Mục đích .............................................................................................................. 6

3.2.

Nhiệm vụ ............................................................................................................. 7

3.3.

Phương pháp nghiên cứu ..................................................................................... 7

3.4.

Kết quả đạt được .................................................................................................. 7

CHƯƠNG 1: CƠ SỞ LÝ THUYẾT .................................................................................... 8
1.1.

Ngôn ngữ C#............................................................................................................ 8
Ngơn ngữ C# là gì? .............................................................................................. 8
Đặc trưng của ngôn ngữ ...................................................................................... 8
Ưu điểm của C# ................................................................................................... 8
Nhược điểm của C# ............................................................................................. 9

1.2.

ASP.NET Core ........................................................................................................ 9


ASP.NET Core là gì?........................................................................................... 9
Sơ lược về lịch sử ASP.NET Core .................................................................... 10
Ưu điểm của ASP.NET Core ............................................................................. 10
Phát triển client-side .......................................................................................... 11
Sự khác biệt quan trọng giữa ASP.NET với ASP.NET Core............................ 11
1.3.

Reactjs.................................................................................................................... 12
Reactjs là gì? ...................................................................................................... 12
Ưu điểm ............................................................................................................. 12
Nhược điểm ....................................................................................................... 12

1.4.

Ant design .............................................................................................................. 13
Ant design là gì? ................................................................................................ 13
Ưu điểm ............................................................................................................. 13

1.5.

Generic Repository ................................................................................................ 13
Generic Repository ............................................................................................ 14
Unit of work....................................................................................................... 14

1.6.

FPT Recommend Flatform .................................................................................... 15

1.7.

Rasa Chatbot .......................................................................................................... 15

CHƯƠNG 2: MÔ TẢ YÊU CẦU ..................................................................................... 17
2.1.

Tổng quan quy trình nghiệp vụ.............................................................................. 17

2.2.

Quy trình quản lí đơn hàng .................................................................................... 17

2.2.1. Workflow ........................................................................................................... 17
2.2.2. Các bước thực hiện ............................................................................................ 17
2.3.

Quy trình người dùng mua hàng ............................................................................ 18

2.3.1. Workflow ........................................................................................................... 18
2.3.2. Các bước thực hiện ............................................................................................ 18


2.4.

Quy trình giám sát kho .......................................................................................... 19

2.4.1. Workflow ........................................................................................................... 19
2.4.2. Các bước thực hiện ............................................................................................ 19
2.5.

Quy trình quản lí kho ............................................................................................. 20

2.5.1. Workflow ........................................................................................................... 20
2.5.2. Các bước thực hiện ............................................................................................ 20
CHƯƠNG 3: TỔNG QUAN ............................................................................................. 22
3.1.

Khảo sát hiện trạng ................................................................................................ 22

3.1.1. Watchshop.com ................................................................................................. 22

3.1.2. Donghohaitrieu.com .......................................................................................... 23

3.1.3. Fridayshopping.vn ............................................................................................. 25

3.2.

Sơ đồ tổng quan ..................................................................................................... 26

3.3.

Ma trận quyền ........................................................................................................ 28

3.4.

Giả thiết và ràng buộc ............................................................................................ 29

3.5.

Quản lí delivery ..................................................................................................... 30


CHƯƠNG 4: PHÂN TÍCH VÀ THIẾT KẾ HỆ THỐNG ................................................ 35
4.1.

Lược đồ Usecase .................................................................................................... 35

4.2.

Phân tích hệ thống và danh sách chức năng .......................................................... 35

4.2.1. Chức năng phía Khách hàng .............................................................................. 36
4.2.2. Chức năng phía Nhân viên, quản trị viên .......................................................... 40
4.2.3. Chức năng phía Quản trị viên ............................................................................ 42
4.3.

Thiết kế dữ liệu ...................................................................................................... 45

4.2.1. Sơ đồ ERD ......................................................................................................... 45
4.2.2. Mơ hình cơ sở dữ liệu ........................................................................................ 46

CHƯƠNG 5: ĐẶC TẢ CÁC CHỨC NĂNG .................................................................... 60
5.1.

Chức năng đăng nhập ............................................................................................ 60

5.1.1. Mô tả Usecase .................................................................................................... 60
5.1.2. Lược đồ hoạt động ............................................................................................. 61
5.1.3. Lược đồ tuần tự.................................................................................................. 62
5.1.4. Giao diện đăng nhập .......................................................................................... 62
5.1.5. Quy tắc nghiệp vụ .............................................................................................. 63
5.2.

Chức năng đăng ký ................................................................................................ 64

5.2.1. Mô tả Usecase .................................................................................................... 64
5.2.2. Lược đồ hoạt động ............................................................................................. 65
5.2.3. Lược đồ tuần tự.................................................................................................. 67
5.2.4. Giao diện đăng kí ............................................................................................... 68
5.2.5. Quy tắc nghiệp vụ .............................................................................................. 69
5.3.

Chức năng quên mật khẩu ..................................................................................... 69

5.3.1. Mô tả Usecase .................................................................................................... 69
5.3.2. Lược đồ hoạt động ............................................................................................. 70
5.3.3. Lược đồ tuần tự.................................................................................................. 71
5.3.4. Giao diện Quên mật khẩu .................................................................................. 72
5.3.5. Quy tắc nghiệp vụ .............................................................................................. 73
5.4.

Chức năng thanh toán ............................................................................................ 73

5.4.1. Mô tả Usecase .................................................................................................... 73
5.4.2. Lược đồ hoạt động ............................................................................................. 75

5.4.3. Lược đồ tuần tự.................................................................................................. 76
5.4.4. Giao diện trang thanh toán................................................................................. 77
5.4.5. Quy tắc nghiệp vụ .............................................................................................. 81
5.5.

Chức năng thêm giỏ hàng ...................................................................................... 82

5.5.1. Mô tả Usecase .................................................................................................... 82
5.5.2. Lược đồ hoạt động ............................................................................................. 83
5.5.3. Lược đồ tuần tự.................................................................................................. 84
5.5.4. Giao diện thêm giỏ hàng .................................................................................... 85
5.5.5. Quy tắc nghiệp vụ .............................................................................................. 90


5.6.

Chức năng bình luận .............................................................................................. 90

5.6.1. Mơ tả Usecase .................................................................................................... 90
5.6.2. Lược đồ hoạt động ............................................................................................. 91
5.6.3. Lược đồ tuần tự.................................................................................................. 92
5.6.4. Giao diện Chức năng bình luận ......................................................................... 93
5.6.5. Quy tắc nghiệp vụ .............................................................................................. 93
5.7.

Chức năng thay đổi thông tin ................................................................................ 94

5.7.1. Mô tả Usecase .................................................................................................... 94
5.7.2. Lược đồ hoạt động ............................................................................................. 95
5.7.3. Lươc đồ tuần tự.................................................................................................. 96

5.7.4. Giao diện Cập nhật thông tin ............................................................................. 97
5.7.5. Quy tắc nghiệp vụ .............................................................................................. 98
5.8.

Chức năng xem lịch sử mua hàng.......................................................................... 99

5.8.1. Mô tả Usecase ...................................................................................................... 99
5.8.2. Lược đồ hoạt động ............................................................................................. 100
5.8.3. Lược đồ tuần tự.................................................................................................. 100
5.8.4. Giao diện Lịch sử mua hàng ............................................................................ 101
5.9.

Chức năng quản lí tài khoản khách hàng ............................................................. 102

5.9.1. Mô tả Usecase .................................................................................................... 102
5.9.2. Lược đồ hoạt động ............................................................................................. 103
5.9.3. Lược đồ tuần tự.................................................................................................. 104
5.9.4. Giao diện Quản lí tài khoản khách hàng ........................................................... 105
5.9.5. Quy tắc nghiệp vụ .............................................................................................. 105
5.10.

Chức năng quản lí tài khoản nhân viên ............................................................... 105

5.10.1. Mô tả Usecase .................................................................................................. 105
5.10.2. Lược đồ hoạt động ........................................................................................... 107
5.10.3. Lược đồ tuần tự................................................................................................ 108
5.10.4. Giao diện Quản lí tài khoản nhân viên ............................................................ 109
5.10.5. Quy tắc nghiệp vụ ............................................................................................ 109

5.11.

Chức năng quản lí đơn hàng ................................................................................ 110

5.11.1. Mơ tả Usecase .................................................................................................. 110
5.11.2. Lược đồ hoạt động ........................................................................................... 111
5.11.3. Lược đồ tuần tự................................................................................................ 112
5.11.4. Giao diện.......................................................................................................... 113
5.11.5. Quy tắc nghiệp vụ ............................................................................................ 115
5.12.

Chức năng thống kê theo sản phẩm ..................................................................... 115

5.12.1. Mô tả Usecase .................................................................................................. 115
5.12.2. Lược đồ hoạt động ........................................................................................... 116
5.12.3. Lược đồ tuần tư................................................................................................ 117
5.12.4. Giao diện Thống kê theo sản phẩm ................................................................. 118
5.12.5. Quy tắc nghiệp vụ ............................................................................................ 120
5.13.

Chức năng quản lí đồng hồ .................................................................................. 121

5.13.1. Mơ tả Usecase .................................................................................................. 121
5.13.2. Lược đồ hoạt động ........................................................................................... 125
5.13.3. Lược đồ tuần tự................................................................................................ 128
5.13.4. Giao diện Quản lí đồng hồ ............................................................................... 130
5.13.5. Quy tắc nghiệp vụ ............................................................................................ 134
5.14.

Chức năng tìm kiếm và lọc sản phẩm.................................................................. 134

5.14.1. Lược đồ hoạt động ........................................................................................... 134
5.14.2. Lược đồ hoạt động ........................................................................................... 136
5.14.3. Lược đồ tuần tự................................................................................................ 136
5.14.4. Giao diện Tìm kiếm và lọc sản phẩm .............................................................. 137
5.14.5. Quy tắc nghiệp vụ ............................................................................................ 138
5.15.

Sử dụng chatbot ................................................................................................... 139

5.15.1. Mô tả Usecase .................................................................................................. 139
5.15.2. Lược đồ hoạt động ........................................................................................... 140
5.15.3. Lược đồ tuần tự................................................................................................ 141
5.15.4. Giao diện Chatbot ............................................................................................ 142


5.15.5. Quy tắc nghiệp vụ ............................................................................................ 142
5.16.

Recommend sản phẩm ......................................................................................... 143

5.16.1. Mô tả Usecase .................................................................................................. 143
5.16.2. Lược đồ hoạt động ........................................................................................... 144
5.16.3. Lược đồ tuần tự................................................................................................ 146
5.16.4. Giao diện Recommend sản phẩm .................................................................... 147
5.16.5. Quy tắc nghiệp vụ ............................................................................................ 147
5.17.

Đánh giá sản phẩm .............................................................................................. 148

5.17.1. Mô tả Usecase .................................................................................................. 148
5.17.2. Lược đồ hoạt động ........................................................................................... 149
5.17.3. Lược đồ tuần tự................................................................................................ 150
5.17.4. Giao diện Đánh giá sản phẩm .......................................................................... 151
5.17.5. Quy tắc nghiệp vụ ............................................................................................ 151
CHƯƠNG 6: QUẢN LÍ DỰ ÁN VÀ TIẾN ĐỘ ............................................................. 152
6.1.

Quản lí rủi ro........................................................................................................ 152

6.1.1. Xác định rủi ro ................................................................................................. 152
6.1.2. Mức độ ảnh hưởng ........................................................................................... 153
6.1.3. Phương án xử lí dự kiến .................................................................................. 153
6.2.

Kế hoạch quản lí .................................................................................................. 153

CHƯƠNG 7: CÀI ĐẶT VÀ KIỂM THỬ ....................................................................... 157
7.1.

Cài đặt .................................................................................................................. 157

7.1.1. Công nghệ sử dụng: ......................................................................................... 157
7.1.2. Phần mềm sử dụng: ......................................................................................... 157
7.1.3. Hướng dẫn cài đặt:........................................................................................... 157
7.1.4. Yêu cầu ............................................................................................................ 157
7.2.

Đường dẫn trang quản trị viên, nhân viên: .......................................................... 159

7.3.

Đường dẫn website .............................................................................................. 159

7.4.

Kiểm thử .............................................................................................................. 159

PHẦN KẾT LUẬN ......................................................................................................... 168
1.

Những kết quả đạt được....................................................................................... 168

2.

Ưu điểm ............................................................................................................... 168

3.

Nhược điểm ......................................................................................................... 168

4.

Hướng phát triển .................................................................................................. 168

TÀI LIỆU THAM KHẢO ............................................................................................... 171


LỜI CẢM ƠN

Được sự phân công khoa Công Nghệ Thông Tin, Trường Đại Học Sư Phạm Kỹ Thuật
TPHCM, sau hơn bốn tháng chúng em đã hồn thành Khóa luận tốt nghiệp Công nghệ
phần mềm năm 2022.
Em xin chân thành cảm ơn Thầy – Huỳnh Xuân Phụng, người đã tận tình giảng dạy, chi
tiết để em có đủ kiến thức và vận dụng chúng vào bài Khóa luận tốt nghiệp này. Mặc dù
thầy bận công tác nhưng không ngần ngại chỉ dẫn chúng em, định hướng đi cho em, để
chúng em hồn thành tốt nhiệm vụ.
Tuy nhiên vì kiến thức chun mơn cịn hạn chế và bản thân cịn thiếu sót nhiều kinh
nghiệm thực tiễn nên nội dung của báo cáo khơng tránh khỏi những sai sót, chúng em rất
mong nhận sự góp ý, chỉ bảo và phê bình từ phía Thầy hướng dẫn – Huỳnh Xuân Phụng
và Thầy phản biện – TS. Lê Vĩnh Thịnh để bài khóa luận tốt nghiệp được hồn thiện hơn.

Nhóm thực hiện xin chân thành cảm ơn
Nhóm sinh viên thực hiện:
Nguyễn Đức Hịa
Lê Trần Đức Huy


TĨM TẮT
Website thương mại điện tử đã khơng cịn q xa lạ với mọi người nhất là trong thời
đại công nghệ phát triển như hiện nay. Vì sao web thương mại điện tử lại được ưa chuộng
đến thế? Đầu tiên khơng thể khơng nhắc đến sự tiện lợi, bạn có thể mua hàng mọi lúc mọi
nơi qua đồng hồ và được vận chuyển đến tận nhà mà không cần phải đi đến cửa hàng. Trên
những web thương mại điện tử đa phần đều thể hiện rõ hàng hình ảnh, giá cả, thông tin sản
phẩm rất chi tiết rõ ràng và xử lý đơn hàng cũng rất nhanh và chính xác. Điều đó tạo cho
khách hàng sự hài lịng, thoải mái khi mua hàng.
Với lí do đó, nhóm em quyết định chọn đề tài xây dựng một trang web thương mại
điện tử, cụ thể là một trang web bán đồng hồ. Trang web cơ bản có đủ những chức năng
chính như đăng ký, đăng nhập, đặt hàng, khôi phục mật khẩu, tìm kiếm, quản lý của admin
dù cịn nhiều hạn chế.

Website có một số chức năng:
Phía khách hàng:
 Đăng nhập
 Đăng ký
 Khơi phục mật khẩu
 Gửi góp ý
 Đặt hàng
 Quản lý thông tin cá nhân
 Đánh giá sản phẩm
 Chức năng chatbot
 Chức năng recommend sản phẩm
 Chương trình giảm giá
Phía Admin:
 Đăng nhập
 Quản lý đồng hồ
 Quản lý thương hiệu


 Quản lý đơn hàng
 Quản lý tài khoản
 Quản lý mã giảm giá
 Quản lý góp ý
 Thống kê
Những công cụ được sử dụng:
 Giao diện: HTML, CSS, JavaScript
 Chức năng: C#
 Cơ sở dữ liệu: SQL Server
 Chatbot: Rasa chatbot, Facebook
 Recommend sản phẩm: FPT Recommend

PHỤ LỤC BẢNG
Bảng 1: Bảng lịch sử cập nhật ............................................................................................. 1
Bảng 2: Sự khác nhau quan trọng giữa ASP.NET với ASP.NET Core ............................ 11
Bảng 3: Bảng ma trận quyền ............................................................................................. 28
Bảng 4: Giả thiết, ràng buộc, rủi ro ................................................................................... 29
Bảng 5: Chức năng phía khách hàng ................................................................................. 36
Bảng 6: Chức năng phía nhân viên, quản trị viên ............................................................. 40
Bảng 7: Chức năng phía Quản trị viên .............................................................................. 42
Bảng 8: Bảng User ............................................................................................................. 46
Bảng 9: Bảng Role ............................................................................................................. 47
Bảng 10: Bảng User_Role ................................................................................................. 48
Bảng 11: Bảng User_Role ................................................................................................. 48
Bảng 12: Bảng Brand ........................................................................................................ 50
Bảng 13: Bảng Water resistance ........................................................................................ 50
Bảng 14: Bảng Size ........................................................................................................... 51
Bảng 15: Bảng Material ..................................................................................................... 51
Bảng 16: Bảng Energy ....................................................................................................... 52
Bảng 17: Bảng SubImages ................................................................................................ 52
Bảng 18: Bảng Cart ........................................................................................................... 53
Bảng 19: Bảng Order ......................................................................................................... 54
Bảng 20: Bảng OrderDetail ............................................................................................... 55
Bảng 21: Bảng Vouchers ................................................................................................... 56
Bảng 22: Bảng Comment .................................................................................................. 57
Bảng 23: Bảng Rate ........................................................................................................... 58
Bảng 24: Bảng User tracking............................................................................................. 59
Bảng 25: Bảng use case Đăng nhập................................................................................... 60
Bảng 26: Giao diện trang Đăng nhập ................................................................................ 63
Bảng 27: Mô tả giao diện đăng nhập Admin ..................................................................... 63
Bảng 28: Giao diện trang Đăng ký .................................................................................... 68

Bảng 29: Bảng usecase Quên mật khẩu ............................................................................ 69
Bảng 30: Bảng usecase Thanh toán ................................................................................... 73
Bảng 31: Giao diện giỏ hàng ............................................................................................. 79
Bảng 32: Giao diện Checkout ............................................................................................ 79
Bảng 33: Giao diện Thanh toán ......................................................................................... 80
Bảng 34: Bảng usecase Thêm giỏ hàng ............................................................................. 82
Bảng 35: Giao diện Xem sản phẩm ................................................................................... 86
Bảng 36: Giao diện chi tiết sản phẩm ................................................................................ 87
Bảng 37: Giao diện giỏ hàng ............................................................................................. 89
Bảng 38: Bảng usecase Bình Luận .................................................................................... 90
Bảng 39: Bảng usecase Thay đổi thông tin ....................................................................... 94
Bảng 40: Giao diện Cập nhật thông tin ............................................................................. 98