Chương I: Cơ sở lý thuyết 19 1.3 Các thư viện hỗ trợ Front-End.6 Json Web Token. 27 Chương II: Khảo sát hiện trạng và mô hình hoá yêu cầu 28 Mục lục Trang 4 Đồ án tốt nghiệp 2. Khảo sát hiện trạng 28 2. Xác định tác nhân và chức năng của hệ thống.
Mô hình hoá yêu cầu. 57 Chương III. Thiết kế hệ thống 88 Chương IV: Thiết kế giao diện 95 4. Trang web phía khách hàng 95 4.
Trang web phía quản trị viên 121 Chương V: Cài đặt và kiểm thử 138 5. Môi trường cài đặt và kiểm thử 138 5. Cài đặt ứng dụng 138 5. Kiểm thử 145 Chương VI: Kết luận 148 6.
Kết quả đạt được 148 6. Ưu điểm và hạn chế 148 Phụ lục 150 1. Tài khoản liên kết 150 TÀI LIỆU THAM KHẢO 151 Tiếng việt 151 Tiếng anh 151 Mục lục Trang 5 Đồ án tốt nghiệp DANH MỤC BẢNG Bảng 1 Bộ phận khách hàng. 51 Bảng 2 Bộ phận quản lý người dùng.
52 Bảng 3 Bộ phận quản lý kho. 52 Bảng 4 Bộ phận quản lý bán hàng. 53 Bảng 5 Yêu cầu chức năng hệ thống. 54 Bảng 6 Yêu cầu phi chức năng.
55 Bảng 7 Usecase đăng ký. 59 Bảng 8 Usecase đăng nhập. 61 Bảng 9 Usecase xem danh sách sản phẩm. 62 Bảng 10 Usecase tìm sản phẩm.
63 Bảng 11 Usecase lọc sản phẩm theo hãng. 65 Bảng 12 Usecase lọc sản phẩm theo giá. 66 Bảng 13 Usecase xem chi tiết sản phẩm. 68 Bảng 14 Usecase đăng xuất.
70 Bảng 15 Usecase thêm sản phẩm vào giỏ hàng. 72 Bảng 16 Usecase xem giỏ hàng. 73 Bảng 17 Usecase cập nhật số lượng. 75 Bảng 18 Usecase xoá sản phẩm.
75 Bảng 19 Usecase đặt hàng. 76 Bảng 20 Usecase đánh giá. 77 Bảng 21 Usecase hỏi đáp sản phẩm. 78 Bảng 22 Usecase xem thông tin tài khoản.
79 Danh mục bảng Trang 6 Đồ án tốt nghiệp Bảng 23 Usecase đặt hàng. 81 Bảng 24 Usecase xem lịch sử đơn hàng. 83 Bảng 26 Quản lý người dùng. 84 Bảng 27 Quản lý sản phẩm.
86 Bảng 28 Quản lý đơn hàng. 87 Bảng 29 Người dùng. 89 Bảng 30 Sản phẩm. 90 Bảng 31 Hãng sản xuất.
91 Bảng 32 Danh mục. 91 Bảng 33 Hệ điều hành. 92 Bảng 34 Nhận xét. 92 Bảng 35 Sản phẩm trong giỏ hàng.
93 Bảng 37 Mã giảm giá. 94 Bảng 38 Thành phần trang chủ. 95 Bảng 39 Thành phần thanh header. 96 Bảng 40 Thành phần Event2.
97 Bảng 41 Các thành phần khác: Trendy, discount, P003. 98 Bảng 42 Các thành phần khác: Service Recommended, P004. 100 Bảng 43 Các thành phần còn lại: News, P005. 101 Bảng 44 Danh sách sản phẩm.
104 Bảng 45 Chi tiết sản phẩm. 104 Bảng 46 Modal thêm sản phẩm. 105 Bảng 47 Thành phần thông số kĩ thuật. 106 Danh mục bảng Trang 7 Đồ án tốt nghiệp Bảng 48 Đánh giá sản phẩm.
107 Bảng 49 Chi tiết đơn hàng đã mua. 112 Bảng 50 Trang đăng ký. 112 Bảng 51 Form đăng ký. 113 Bảng 52 Trang đăng nhập.
114 Bảng 53 Thành phần thêm địa chỉ mới. 117 Bảng 54 Thành phần xoá địa chỉ. 118 Bảng 55 Trang chủ (Admin). 121 Bảng 56 Menu chưa xác thực.
122 Bảng 57 Menu đã xác thực. 122 Bảng 58 Thành phần thông tin đơn hàng gần nhất. 125 Bảng 59 Trang quản lý người dùng. 126 Bảng 60 Trang đăng nhập (Admin).
127 Bảng 61 Trang danh sách người dùng đã xoá. 128 Bảng 62 Trang quản lý sản phẩm. 130 Bảng 63 Trang chỉnh sửa thông tin sản phẩm. 131 Bảng 64 Trang danh sách sản phẩm đã xoá.
132 Bảng 65 Trang thêm sản phẩm. 134 Bảng 66 Trang quản lý đơn hàng. 135 Bảng 67 Trang chi tiết đơn hàng. 137 Bảng 68 Kiểm thử chức năng phía người dùng.
146 Bảng 69 Kiểm thử chức năng phía Admin. 147 Danh mục bảng Trang 8 Đồ án tốt nghiệp DANH MỤC HÌNH ẢNH Hình 1 Quy trình cơ bản đạt được. 18 Hình 2 Mô hình virtual DOM. 19 Hình 3 Quản lý state React.
20 Hình 4 Mô hình Redux. 21 Hình 5 Kiến trúc NodeJS. 23 Hình 6 Môi trường chạy Javascript. 25 Hình 8 Mô hình Json web token.
29 Hình 10 Danh sách sản phẩm Hoangha. 30 Hình 11Danh sách sản phẩm Hoangha 2. 30 Hình 12 Danh sách sản phẩm Hoangha 3. 31 Hình 13 Danh mục sản phẩm Hoangha.
31 Hình 14 Trải nghiệm mua hàng Hoangha. 32 Hình 15 Chi tiết sản phẩm Hoangha. 33 Hình 16 Phần trao đổi, đánh giá về sản phẩm Hoangha. 33 Hình 17 Modal mua hàng Hoangha.
34 Hình 18 Modal mua hàng Hoangha. 34 Hình 19 Phiếu đặt hàng Hoangha. 35 Hình 20 Trang chủ FPT. 36 Hình 21 Trang chủ FPT 2.
36 Hình 22 Thanh chuyển hướng FPT. 37 Hình 23 Danh sách sản phẩm FPT. 37 Danh mục hình ảnh Trang 9 Đồ án tốt nghiệp Hình 24 Danh sách sản phẩm FPT. 38 Hình 25 Chi tiết sản phẩm FPT.
39 Hình 26 Modal đặt hàng FPT. 40 Hình 27 Trang chủ 30Shine. 43 Hình 28 Ảnh bìa 30Shine. 44 Hình 29 Giới thiệu dịch vụ 30Shine.
45 Hình 30 Trang web thương mại điện tử 30 shop. 46 Hình 31 Chi tiết sản phẩm 30 shop. 46 Hình 32 Trang tìm kiếm địa chỉ 30 shop. 47 Hình 33 Thành viên 30Shine.
47 Hình 34 Trải nghiệm dịch vụ 30Shine. 48 Hình 35 Đặt lịch 30Shine. 48 Hình 36 Lược đồ Use case. 57 Hình 37 Usecase đăng ký.
58 Hình 38 Usecase đăng nhập. 60 Hình 39 Usecase xem danh sách sản phẩm. 61 Hình 40 Usecase tìm sản phẩm. 62 Hình 41 Usecase lọc sản phẩm theo hãng.
64 Hình 42 Usecase xem chi tiết sản phẩm. 67 Hình 43 Usecase đăng xuất. 69 Hình 44 Usecase thêm sản phẩm vào giỏ hàng. 71 Hình 45 Usecase xem giỏ hàng.
72 Hình 46 Đánh giá. 77 Hình 47 Usecase hỏi đáp sản phẩm. 78 Hình 48 Usecase xem thông tin tài khoản. 79 Danh mục hình ảnh Trang 10 Đồ án tốt nghiệp Hình 49 Usecase đặt hàng.
80 Hình 50 Usecase xem lịch sử đơn hàng. 83 Hình 52 Quản lý người dùng. 84 Hình 53 Quản lý sản phẩm. 85 Hình 54 Quản lý đơn hàng.
87 Hình 55 Lược đồ ERD. 88 Hình 56 Trang chủ. 95 Hình 57 Thanh header. 96 Hình 58 Thanh header sau khi xác thực.
96 Hình 59 Thanh header trước khi xác thực. 96 Hình 60 Thành phần Event2. 97 Hình 61 Các thành phần khác: Service Recommended, P004. 99 Hình 62 Danh sách sản phẩm.
103 Hình 63 Chi tiết sản phẩm. 104 Hình 64 Modal thêm sản phẩm. 105 Hình 65 Thành phần thông số kĩ thuật. 105 Hình 66 Đánh giá sản phẩm.
106 Hình 67 Modal đánh giá sản phẩm. 107 Hình 68 Giỏ hàng chưa có sản phẩm. 108 Hình 69 Giỏ hàng đã có sản phẩm. 108 Hình 70 Thành phần thông tin giao nhận hàng.
109 Hình 71 Thành phần thông tin thanh toán. 110 Hình 72 Lịch sử đơn hàng. 110 Hình 73 Thành phần đơn hàng đã mua. 111 Danh mục hình ảnh Trang 11 Đồ án tốt nghiệp Hình 74 Chi tiết đơn hàng đã mua.
111 Hình 75 Trang đăng ký. 112 Hình 76 Form đăng ký. 113 Hình 77 Trang đăng nhập. 114 Hình 78 Trang thông tin người dùng.
115 Hình 79 Thành phần cập nhật ảnh đại diện. 115 Hình 80 Thành phần cập nhật thông tin. 116 Hình 81 Thành phần cập nhật địa chỉ. 116 Hình 82 Thành phần thêm địa chỉ mới.
117 Hình 83 So sánh sản phẩm. 119 Hình 84 Chi tiết so sánh sản phẩm. 120 Hình 85 Trang chủ (Admin). 121 Hình 86 Menu chưa xác thực.
121 Hình 87 Menu đã xác thực. 122 Hình 88 Thành phần P003. 122 Hình 89 Biểu đồ thống kê theo số lượng đơn hàng. 123 Hình 90 Biểu đồ thống kê theo doanh thu.
123 Hình 91 Biểu đồ thống kê số lượng bán theo danh mục. 124 Hình 92 Thành phần danh sách người dùng có chi tiêu cao. 124 Hình 93 Thành phần thông tin đơn hàng gần nhất. 125 Hình 94 Trang quản lý người dùng.
126 Hình 95 Trang đăng nhập (Admin). 127 Hình 96 Trang danh sách người dùng đã xoá. 128 Hình 97 Trang quản lý sản phẩm. 129 Hình 98 Trang chỉnh sửa thông tin sản phẩm.
130 Danh mục hình ảnh Trang 12 Đồ án tốt nghiệp Hình 99 Trang danh sách sản phẩm đã xoá. 132 Hình 100 Trang thêm sản phẩm. 133 Hình 101 Trang quản lý đơn hàng. 135 Hình 102 Trang chi tiết đơn hàng.
136 Danh mục hình ảnh Trang 13 Đồ án tốt nghiệp PHẦN MỞ ĐẦU 1. Tính cấp thiết của đề tài Trong thập kỷ gần đây, Công nghệ thông tin và viễn thông (CNTT) đã phát triển mạnh mẽ trở thành một xu hướng toàn cầu. Các lĩnh vực khác cũng nhanh chóng áp dụng CNTT vào hoạt động kinh doanh và phát triển nhanh chóng. Sự gặp gỡ giữa hai lĩnh vực hàng đầu thế giới, CNTT và thương mại, đã tạo ra một lĩnh vực mới là Thương mại điện tử - một lĩnh vực tiềm năng và đã trở thành một xu hướng của thời đại toàn cầu hóa.
Việt Nam cũng không nằm ngoài xu hướng này, với sự gia tăng nhanh chóng của kết nối Internet tạo ra một làn sóng tìm kiếm thông tin trên toàn quốc. Các doanh nghiệp lớn và nhỏ đều đã nhận thấy và nhanh chóng đưa thông tin về sản phẩm, liên lạc và các thông tin khác của doanh nghiệp lên Internet để tiến hành buôn bán. Thương mại điện tử, với tính nhanh chóng, tiện lợi và tiết kiệm, đã trở thành một giải pháp tối ưu và thậm chí là bắt buộc đối với mọi doanh nghiệp muốn phát triển. Với mức doanh số 21 tỷ USD và tiềm năng tiếp tục tăng lên 39 tỷ USD tại Việt Nam vào năm 2019, Thương mại điện tử đã trở thành một phần không thể thiếu trong doanh nghiệp ở Việt Nam.
Việc sử dụng điện thoại thông minh tại Việt Nam đang ngày càng gia tăng, với hơn 61 triệu người sử dụng.