TRƯỜNG ĐẠI HỌC NAM CẦN THƠ KHOA CÔNG NGHỆ THÔNG TIN NGUYỄN NHỰT THANH HỆ THỐNG QUẢN LÝ SIÊU THỊ THỰC PHẨM SẠCH KHÓA LUẬN TỐT NGHIỆP ĐẠI HỌC Ngành: Công Nghệ Thông Tin Mã số ngành: 7480201 Tháng 7 , năm 2022 TRƯỜNG ĐẠI HỌC NAM CẦN THƠ KHOA CÔNG NGHỆ THÔNG TIN NGUYỄN NHỰT THANH MSSV: 188672 HỆ THỐNG QUẢN LÝ SIÊU THỊ THỰC PHẨM SẠCH KHÓA LUẬN TỐT NGHIỆP ĐẠI HỌC Ngành: Công Nghệ Thông Tin Mã số ngành: 7480201 GIẢNG VIÊN HƯỚNG DẪN THS BÙI THỊ DIỄM TRINH CHẤP THUẬN CỦA HỘI ĐỒNG Tháng 7 , năm 2022 CHẤP THUẬN HỘI ĐỒNG Luận văn tốt nghiệp, do sinh viên Nguyễn Nhựt Thanh thực hiện dưới sự hướng dẫn của Giảng viên Bùi Thị Diễm Trinh Luận văn tốt nghiệp đã báo cáo và được Hội đồng chấm Luận văn tốt nghiệp thông qua ngày… tháng … năm 20… Ủy viên Thư ký (Ký tên) (Ký tên) GHI CHỨC DANH, HỌ TÊN GHI CHỨC DANH, HỌ TÊN Phản biện 1 Phản biện 2 (Ký tên) (Ký tên) GHI CHỨC DANH, HỌ TÊN GHI CHỨC DANH, HỌ TÊN Giảng viên hướng dẫn Chủ tịch hội đồng (Ký tên) (Ký tên) GHI CHỨC DANH, HỌ TÊN GHI CHỨC DANH, HỌ TÊN i LỜI CẢM ƠN Với lòng biết ơn sâu sắc và tình cảm chân thành cho phép chúng em gửi lời cảm ơn chân thành nhất tới: Trường Đại học Nam Cần Thơ, khoa Công nghệ Thông tin , cùng các giảng viên đã tận tình chỉ dạy và tạo điều kiện giúp đỡ em trong quá trình học tập, nghiên cứu và hoàn thành đề tài Đặc biệt chúng em xin bày tỏ lòng biết ơn sâu sắc đến Giảng viên Bùi Thị Diễm Trinh người hướng dẫn và cũng là người đã luôn tận tình hướng dẫn, chỉ bảo, giúp đỡ và động viên em tro ng suốt quá trình nghiên cứu và hoàn thành đề tài nghiên cứu này Mặc dù, đã cố gắng rất nh iều nhưng, thời gian có hạn, nhiều việc và nhiều công nghệ mới nên k hông tránh khỏi những thiếu sót em rất mong nhận được sự thông cảm, chỉ dẫn, giúp đỡ và đóng góp ý kiến của quý thầy cô, các cán bộ quản lí và các bạn đang học cùng chúng em tại Trường Đại học Nam Cần Thơ Cần Thơ, ngày… Tháng … năm 2022 Sinh viện thực hiện Nguyễn Nhựt Thanh ii TRANG CAM KẾT Tôi xin cam kết báo cáo khóa luận tốt nghiệp này được hoàn thành dựa trên kết quả nghiên cứu của tôi và kết quả nghiên cứu này chưa từng được dùng cho bất cứ đồ án cùng cấp nào khác Cần Thơ, ngày… tháng … năm 2022 Sinh viện thực hiện Nguyễn Nhựt Thanh iii TÓM TẮT Với bất cập của việc mua thực phẩm mà không cần phải đến cửa hàng , em đã thực hiện nghiên cứu đề tài “Xây dựng Hệ Thống Quản Lý Siêu Thị Thực Phẩm Sạch” Với c ác chức năng quản lý khách hàng, Đơn hàng, Sản phẩm và các dứ liệu khác liên quan tới sản phẩm Hệ thống đáp ứng nhu cầu mua sắm trực tuyến ngày càng tăng của con người nằm ở nhà mà vẫn lựa chọn và mua được thực phẩm sạch cho gia đình Chính vì thế em đã “Xây dựng hệ thống quản lý siêu thị thực phẩm sạch” gồm 2 phần Client dành cho khách hàng và Admin dành cho người quản trị iv MỤC LỤC CHƯƠNG 1 GI Ớ I THI Ệ U 1 1 1 Đ ặ t v ấ n đ ề 1 1 2 Các nghiê n c ứ u liên quan 1 1 3 M ụ c tiêu đ ề tài 2 1 4 Đ ố i tư ợ ng và ph ạ m vi đ ề tài 2 1 4 1 Ph ạ m vi 2 1 4 2 Đ ố i tư ợ ng 2 1 5 N ộ i dung đ ề tài 3 1 6 Nh ữ ng đóng góp chính c ủ a đ ề tài 3 1 7 B ố c ụ c c ủ a lu ậ n văn 3 1 8 T ổ ng k ế t chương 4 CHƯƠNG 2 MÔ T Ả BÀI TOÁN 5 2 1 Mô t ả chi ti ế t bài toán 5 2 2 Hư ớ ng ti ế p c ậ n gi ả i quy ế t c ủ a đ ề tài 5 2 2 1 H ệ qu ả n tr ị cơ s ở d ữ li ệ u SQL Server 6 2 2 2 Ngôn ng ữ l ậ p trình C# 7 2 2 3 Net Framework 8 2 2 4 Json Web Token (J WT ) 9 2 2 5 JavaScript 10 2 2 6 Ajax 10 2 2 7 Thư vi ệ n React Js 12 2 2 8 Thư vi ệ n Material UI 12 2 2 9 Bootstrap 13 2 3 T ổ ng k ế t chương 13 CHƯƠNG 3 THI Ế T K Ế VÀ CÀI Đ Ặ T GI Ả I PHÁP 14 3 1 Ki ế n trúc t ổ ng quát h ệ th ố ng 14 3 1 1 Mô hình ki ế n trúc 14 3 1 2 Mô hình tri ể n khai ứ ng d ụ ng 15 3 1 3 Mô hình t ổ ng th ể ki ế n trúc 16 3 2 Xác đ ị nh th ự c th ể 16 3 3 Phát hi ệ n các ràng bu ộ c d ữ li ệ u 19 3 4 Xây d ự ng các mô hình 26 3 4 1 Mô hình d ữ li ệ u v ậ t lý PDM (Physical Data Model) 26 3 4 2 Mô hình ERD 27 v 3 4 3 Sơ đ ồ phân rã ch ứ c năng (FDD) 28 3 4 4 Mô hình DFD 29 3 5 Gi ả i pháp cài đ ặ t 30 3 5 1 H ệ qu ả n tr ị cơ s ở d ữ li ệ u 30 3 5 2 Môi trư ờ ng cài đ ặ t 30 3 5 3 Yêu c ầ u ph ầ n c ứ ng 30 3 5 4 Yêu c ầ u ph ầ n m ề m 31 3 6 T ổ ng k ế t chương 31 CHƯƠNG 4 K Ế T QU Ả NGHIÊN C Ứ U 32 4 1 Giao di ệ n phía ngư ờ i d ùng 32 4 1 1 Trang ch ủ 32 4 1 2 Ch ứ c năng Đăng ký tài kho ả n khách hàng 33 4 1 3 Ch ứ c năng Đ ăng nh ậ p 34 4 1 4 Ch ứ c năng T hêm hàng vào gi ỏ hàng 34 4 1 5 Ch ứ c năng Đ ặ t hàng 38 4 2 Giao di ệ n phía Admin 44 4 2 1 Ch ứ c năng Qu ả n lý tài kho ả n 44 4 2 2 Ch ứ c năng qu ả n lý s ả n ph ẩ m 47 4 2 3 Ch ứ c năng Qu ả n lý đơn hàng 50 4 2 4 Ch ứ c năng Qu ả n lý liên h ệ 53 4 2 5 Ch ứ c năng Qu ả n lý đánh giá 55 4 2 6 Ch ứ c năng Qu ả n lý danh m ụ c 58 4 3 K ế t qu ả nghiên c ứ u 62 4 3 1 Thi ế t k ế màn hình chính 62 4 3 2 Thi ế t k ế menu chính 63 4 3 3 Thi ế t k ế giao di ệ n Liên H ệ 63 4 3 4 Thi ế t k ế giao di ệ n Gi ớ i Thi ệ u 64 4 3 5 Thi ế t k ế giao di ệ n trưng bày s ả n ph ẩ m 65 4 3 6 Thi ế t k ế giao di ệ n Đăng ký 66 4 3 7 Thi ế t k ế giao di ệ n Đăng Nh ậ p 67 4 3 8 Thi ế t k ế giao di ệ n Popup Gi ỏ hàng 67 4 3 9 Thi ế t k ế giao di ệ n Gi ỏ hàng 68 4 3 10 Thi ế t k ế giao di ệ n Đ ặ t hàng 68 4 3 11 Thi ế t k ế giao di ệ n Đăng nh ậ p Admin 69 4 3 12 Thi ế t k ế giao di ệ n Qu ả n lý h ệ th ố ng 69 4 3 13 Thi ế t K ế giao di ệ n Qu ả n lý tài kho ả n Admin 70 4 3 14 Thi ế t k ế giao di ệ n Qu ả n lý tài kho ả n User 70 4 3 15 Thi ế t k ế giao di ệ n Thêm tài kho ả n Admin 71 4 3 16 Thi ế t k ế giao di ệ n Qu ả n lý s ả n ph ẩ m 71 4 3 17 Thi ế t k ế giao di ệ n Thêm s ả n ph ẩ m 72 4 3 18 Thi ế t k ế giao di ệ n Qu ả n lý đơn hàng 72 vi 4 3 19 Thi ế t k ế giao di ệ n Qu ả n lý các liên h ệ 73 4 3 20 Thi ế t k ế giao di ệ n Qu ả n lý các bình lu ậ n 73 4 3 21 Thi ế t k ế giao di ệ n Qu ả n lý th ể lo ạ i 74 4 3 22 Thi ế t k ế giao di ệ n Qu ả n lý nguyên li ệ u 74 4 3 23 Thi ế t k ế giao di ệ n Qu ả n lý nhà s ả n xu ấ t 75 4 3 24 Thi ế t k ế giao di ệ n Qu ả n lý khuy ế n mãi 75 4 3 25 Thi ế t k ế giao di ệ n Qu ả n lý danh m ụ c con 76 4 4 T ổ ng k ế t chương 76 CHƯƠNG 5 K Ế T LU Ậ N VÀ HƯ Ớ NG PHÁT TRI Ể N 77 5 1 K ế t lu ậ n 77 5 1 1 V ề lý t huy ế t 77 5 1 2 V ề chương trình 77 5 1 3 H ạ n ch ế 78 5 2 Đánh giá 78 5 2 1 K ế t qu ả đ ạ t đư ợ c 78 5 2 2 H ạ n ch ế 78 5 3 Hư ớ ng phá t tri ể n 78 TÀI LI Ệ U THAM KH Ả O 79 vii DANH MỤC HÌNH H ì nh 2 1 Quy trình biên dịch mã (CLR) 7 H ì nh 2 2 Luồng xác thực quyền truy cập sử dụng JWT 10 H ì nh 2 3 Các thức hoạt động của Ajax 11 H ì nh 3 1 Mô hình kiến trú c 14 H ì nh 3 2 Mô hình ứng dụng 15 H ì nh 3 3 Mô hình kiến trú c 15 H ì nh 3 4 Mô hình tổng thể kiến trú c 16 H ì nh 3 5 Danh sách các Component/Package 16 H ì nh 3 6 Mô hình PDM 2 6 H ì nh 3 7 Mô hình ERD 27 H ì nh 3 8 Mô hình FDD 28 H ì nh 3 9 Lược đồ ERD 27 H ì nh 3 9 Lược đồ DFD mức 0 29 H ì nh 3 10 Lược đồ DFD mức 1 30 H ì nh 4 1 Giao diện trang chủ 32 H ì nh 4 2 Form tạo tài khoản 33 H ì nh 4 3 Form đ ăng nhập 33 H ì nh 4 4 Thông báo tạo tài khoản thành công 34 H ì nh 4 5 Thông báo đăng nhập thành công 34 H ì nh 4 6 Button đăng xuất 34 H ì nh 4 7 Thêm sản phẩm vào giỏ hàng 35 H ì nh 4 8 Thông báo thêm vào giỏ thành công 35 H ì nh 4 9 Thông báo sản phẩm tăng thêm 1 35 H ì nh 4 10 Giao diện giỏ hàng 36 H ì nh 4 11 Po pup giỏ hàng 36 H ì nh 4 12 Thông báo xoá hàng khỏi giỏ thành công 37 H ì nh 4 13 Thông báo số lượng tồn kho còn lại 37 H ì nh 4 14 X oá giỏ hàng 37 viii H ì n h 4 15 Giỏ hàng rỗng 38 H ì nh 4 16 Popup đặt hàng 39 H ì nh 4 17 Form đăng nhập 40 H ì nh 4 18 Form đặt hàng khách vãng lai 40 H ì nh 4 19 Form thanh toán trực tuyến 41 H ì nh 4 20 Thông báo đặt hàng thành công 41 H ì nh 4 21 Form thanh toán online 42 H ì nh 4 22 Giao diện chờ thanh toán trực tuyến 43 H ì nh 4 23 Giao diện thanh toán thành công 44 H ì nh 4 24 Giao diện danh sách tài khoản 45 H ì nh 4 25 Thông báo lỗi khi nhập sai 45 H ì nh 4 26 F orm nhập thông tin tài khoản 46 H ì nh 4 27 Thông báo thêm thành công 46 H ì nh 4 28 Form xác nhận xoá tài khoản 46 H ì nh 4 29 Thông báo khoá tài khoản thành công 47 H ì nh 4 30 Form xác nhận xoá bản ghi 47 H ì nh 4 31 Thông báo xoá bản ghi thành công 47 H ì nh 4 32 Danh sách sản phẩm 48 H ì nh 4 33 Form thông tin thêm sản phẩm 48 H ì nh 4 34 Thông báo thêm sản phẩm thành công 49 H ì nh 4 35 Sản phẩm mới đã được thêm vào 49 H ì nh 4 36 Form chỉnh sửa thông tin sản phẩm 49 H ì nh 4 37 Thông báo sửa thành công 50 H ì nh 4 38 Form xác nhận xoá sản phẩm 50 H ì nh 4 39 Thông báo xoá thành công 50 H ì nh 4 40 Danh sách đơn hàng 51 H ì nh 4 41 Thông tin đơn hàng 51 H ì nh 4 42 Form xác nhận thanh toán đơn hàng 52 H ì nh 4 43 Thông báo thanh toán thành công 52 ix H ì nh 4 44 Thông báo giao hàng 52 H ì nh 4 45 Thông báo g iao hàng thành công 53 H ì nh 4 46 Xác nhận xoá đơn hàng 53 H ì nh 4 47 Thông báo xoá đơn hàng thành công 53 H ì nh 4 48 Danh sách liên hệ 54 H ì nh 4 49 Thông tin liên hệ 54 H ì nh 4 50 Xác nhận xoá liên hệ 54 H ì nh 4 51 Thông báo xoá thành công 55 H ì nh 4 52 Danh sách bình luận 56 H ì nh 4 53 Thông báo chặn bình luận thành công 56 H ì nh 4 54 Danh sách chặn 56 H ì nh 4 55 Xác nhận bỏ chặn bình luận 57 H ì nh 4 56 Thông báo bỏ chặn thành công 57 H ì nh 4 57 Thông tin chi tiết bình luận 57 H ì nh 4 58 Xác nhận xoá bình luận 58 H ì nh 4 59 Thông báo xoá bình luận thành công 58 H ì nh 4 60 Danh sách danh mục 59 H ì nh 4 61 Form nhập thông tin danh mục 59 H ì nh 4 62 Thông báo thêm danh mục thành công 59 H ì nh 4 63 Form sửa thông tin danh mục 60 H ì nh 4 64 Thông báo sửa danh mục thành công 60 H ì nh 4 65 Xác nhận xoá danh mục 60 H ì nh 4 66 Thông báo xoá danh mục thành công 61 H ì nh 4 67 Kết quả tìm kiếm danh mục 61 H ì nh 4 68 Kết quả tìm kiếm danh mục 61 H ì nh 4 69 Giao diện màn hình chính 62 H ì nh 4 70 Giao diện menu chính 63 H ì nh 4 71 Giao diện Liên h ệ 63 H ì nh 4 72 Giao diện Giới t hiệu 64 x H ì nh 4 73 Giao diện danh sách sản phẩm 65 H ì nh 4 74 Giao diện Đăng ký 66 H ì nh 4 75 Giao diện Đăng nhập 67 H ì nh 4 76 Giao diện Popup Giỏ hàng 67 H ì nh 4 77 Giao diện Giỏ hàng 68 H ì nh 4 78 Giao diện Đặt hàng 68 H ì nh 4 79 Giao diện Đăng nhập của Admin 69 H ì nh 4 80 Giao diện Quản lý hệ thống 69 H ì nh 4 81 Giao diện Quản lý tài khoản Admin 70 H ì nh 4 82 Giao diện Quản lý tài khoản User 70 H ì nh 4 83 Giao diện Thêm tài khoản Admin 71 H ì nh 4 84 Giao diện Quản lý sản phẩm 71 H ì nh 4 85 Giao diện Thêm sản phẩm 72 H ì nh 4 86 Giao diện Quản lý đơn hàng 72 H ì nh 4 87 Giao diện Quản lý các liên hệ 73 H ì nh 4 88 Giao diện Quản lý các bình luận 73 H ì nh 4 89 Giao diện Quản lý thể loại 74 H ì nh 4 90 Giao diện Quản lý nguyên liệu 74 H ì nh 4 91 Giao diện Quản lý nhà sản xuất 75 H ì nh 4 92 Giao diện Quản lý khuyến mãi 75 H ì nh 4 93 Giao diện Quản lý danh mục con 76 xi DANH MỤC BẢNG B ả ng 3 1 Bảng các thực thể 16 B ả ng 3 2 Bảng Admin 19 B ả ng 3 3 Bảng CheckoutProduct 20 B ả ng 3 4 Bảng Comment 20 B ả ng 3 5 Bảng Config 21 B ả ng 3 6 Bảng Contact 21 B ả ng 3 7 Bảng Customer 22 B ả ng 3 8 Bảng DetailCheckouts 22 B ả ng 3 9 Bảng DetailProduct 22 B ả ng 3 10 Bảng KhuyenMaiProduct 23 B ả ng 3 11 Bảng ForgotPasss 2 4 B ả ng 3 12 Bảng MaterialProducts 24 B ả ng 3 13 Bảng Producer 24 B ả ng 3 14 Bảng TypeProducts 25 B ả ng 3 15 Bảng DanhMucHinh 25 B ả ng 3 16 Bảng DanhMucRooms 25 xii DANH MỤC TỪ CHUYÊN NGÀNH STT Từ viết tắt Nguyên mẫu Diễn giải 1 CSDL Cơ sở dữ liệu 2 SQL Structured Query Language Ngôn ngữ truy vấn cấu trúc 3 CPU Central Processing Unit Bộ vi xử lý trung tâm 4 RAM R andom A ccess M emory Bộ nhớ khả biến truy cập dữ liệu ngẫu nhiên 5 HDD Hard Disk Drive Ổ đĩa cứng 6 ERD Entity Relationship Diagram Sơ đồ mối quan hệ thực thể 7 DFD Data Flow Diagram Sơ đồ luồng dữ liệu 8 FDD Functional Decomposition Diagram Sơ đồ chức năng phân hủy 9 JWT Json Web Token Một tiêu chuẩn của internet để tạo dữ liệu với chữ ký tùy chọn 10 IDE Integrated Development Environment là môi trường tích hợp dùng để viết code
TRƯỜNG ĐẠI HỌC NAM CẦN THƠ KHOA CÔNG NGHỆ THÔNG TIN NGUYỄN NHỰT THANH HỆ THỐNG QUẢN LÝ SIÊU THỊ THỰC PHẨM SẠCH KHÓA LUẬN TỐT NGHIỆP ĐẠI HỌC Ngành: Công Nghệ Thông Tin Mã số ngành: 7480201 Tháng 7, năm 2022 TRƯỜNG ĐẠI HỌC NAM CẦN THƠ KHOA CÔNG NGHỆ THÔNG TIN NGUYỄN NHỰT THANH MSSV: 188672 HỆ THỐNG QUẢN LÝ SIÊU THỊ THỰC PHẨM SẠCH KHÓA LUẬN TỐT NGHIỆP ĐẠI HỌC Ngành: Công Nghệ Thông Tin Mã số ngành: 7480201 GIẢNG VIÊN HƯỚNG DẪN THS BÙI THỊ DIỄM TRINH CHẤP THUẬN Tháng 7,CỦA năm HỘI 2022 ĐỒNG CHẤP THUẬN HỘI ĐỒNG Luận văn tốt nghiệp, sinh viên Nguyễn Nhựt Thanh thực hướng dẫn Giảng viên Bùi Thị Diễm Trinh Luận văn tốt nghiệp báo cáo Hội đồng chấm Luận văn tốt nghiệp thông qua ngày… tháng … năm 20… Ủy viên Thư ký (Ký tên) (Ký tên) GHI CHỨC DANH, HỌ TÊN GHI CHỨC DANH, HỌ TÊN Phản biện Phản biện (Ký tên) (Ký tên) GHI CHỨC DANH, HỌ TÊN GHI CHỨC DANH, HỌ TÊN Giảng viên hướng dẫn (Ký tên) Chủ tịch hội đồng (Ký tên) GHI CHỨC DANH, HỌ TÊN GHI CHỨC DANH, HỌ TÊN LỜI CẢM ƠN Với lòng biết ơn sâu sắc tình cảm chân thành cho phép chúng em gửi lời cảm ơn chân thành tới: Trường Đại học Nam Cần Thơ, khoa Công nghệ Thơng tin, giảng viên tận tình dạy tạo điều kiện giúp đỡ em trình học tập, nghiên cứu hồn thành đề tài Đặc biệt chúng em xin bày tỏ lòng biết ơn sâu sắc đến Giảng viên Bùi Thị Diễm Trinh người hướng dẫn người ln tận tình hướng dẫn, bảo, giúp đỡ động viên em suốt q trình nghiên cứu hồn thành đề tài nghiên cứu Mặc dù, cố gắng nhiều nhưng, thời gian có hạn, nhiều việc nhiều cơng nghệ nên khơng tránh khỏi thiếu sót em mong nhận thông cảm, dẫn, giúp đỡ đóng góp ý kiến quý thầy cơ, cán quản lí bạn học chúng em Trường Đại học Nam Cần Thơ Cần Thơ, ngày… Tháng … năm 2022 Sinh viện thực Nguyễn Nhựt Thanh i TRANG CAM KẾT Tơi xin cam kết báo cáo khóa luận tốt nghiệp hoàn thành dựa kết nghiên cứu kết nghiên cứu chưa dùng cho đồ án cấp khác Cần Thơ, ngày… tháng … năm 2022 Sinh viện thực Nguyễn Nhựt Thanh ii TÓM TẮT Với bất cập việc mua thực phẩm mà không cần phải đến cửa hàng, em thực nghiên cứu đề tài “Xây dựng Hệ Thống Quản Lý Siêu Thị Thực Phẩm Sạch” Với chức quản lý khách hàng, Đơn hàng, Sản phẩm dứ liệu khác liên quan tới sản phẩm Hệ thống đáp ứng nhu cầu mua sắm trực tuyến ngày tăng người nằm nhà mà lựa chọn mua thực phẩm cho gia đình Chính em “Xây dựng hệ thống quản lý siêu thị thực phẩm sạch” gồm phần Client dành cho khách hàng Admin dành cho người quản trị iii MỤC LỤC CHƯƠNG GIỚI THIỆU 1.1 Đặt vấn đề 1.2 Các nghiên cứu liên quan 1.3 Mục tiêu đề tài 1.4 Đối tượng phạm vi đề tài 1.4.1 Phạm vi 1.4.2 Đối tượng 1.5 Nội dung đề tài 1.6 Những đóng góp đề tài 1.7 Bố cục luận văn 1.8 Tổng kết chương CHƯƠNG MƠ TẢ BÀI TỐN 2.1 Mơ tả chi tiết tốn 2.2 Hướng tiếp cận giải đề tài 2.2.1 Hệ quản trị sở liệu SQL Server 2.2.2 Ngôn ngữ lập trình C# 2.2.3 .Net Framework 2.2.4 Json Web Token (JWT) 2.2.5 JavaScript 10 2.2.6 Ajax 10 2.2.7 Thư viện React Js 12 2.2.8 Thư viện Material UI 12 2.2.9 Bootstrap 13 2.3 Tổng kết chương 13 CHƯƠNG THIẾT KẾ VÀ CÀI ĐẶT GIẢI PHÁP .14 3.1 Kiến trúc tổng quát hệ thống 14 3.1.1 Mơ hình kiến trúc 14 3.1.2 Mơ hình triển khai ứng dụng 15 3.1.3 Mơ hình tổng thể kiến trúc 16 3.2 Xác định thực thể 16 3.3 Phát ràng buộc liệu 19 3.4 Xây dựng mơ hình 26 3.4.1 Mơ hình liệu vật lý PDM (Physical Data Model) 26 3.4.2 Mơ hình ERD 27 iv 3.4.3 Sơ đồ phân rã chức (FDD) 28 3.4.4 Mơ hình DFD 29 3.5 Giải pháp cài đặt 30 3.5.1 Hệ quản trị sở liệu 30 3.5.2 Môi trường cài đặt 30 3.5.3 Yêu cầu phần cứng 30 3.5.4 Yêu cầu phần mềm 31 3.6 Tổng kết chương 31 CHƯƠNG KẾT QUẢ NGHIÊN CỨU 32 4.1 Giao diện phía người dùng 32 4.1.1 Trang chủ 32 4.1.2 Chức Đăng ký tài khoản khách hàng 33 4.1.3 Chức Đăng nhập 34 4.1.4 Chức Thêm hàng vào giỏ hàng 34 4.1.5 Chức Đặt hàng 38 4.2 Giao diện phía Admin 44 4.2.1 Chức Quản lý tài khoản 44 4.2.2 Chức quản lý sản phẩm 47 4.2.3 Chức Quản lý đơn hàng 50 4.2.4 Chức Quản lý liên hệ 53 4.2.5 Chức Quản lý đánh giá 55 4.2.6 Chức Quản lý danh mục 58 4.3 Kết nghiên cứu 62 4.3.1 Thiết kế hình 62 4.3.2 Thiết kế menu 63 4.3.3 Thiết kế giao diện Liên Hệ 63 4.3.4 Thiết kế giao diện Giới Thiệu 64 4.3.5 Thiết kế giao diện trưng bày sản phẩm 65 4.3.6 Thiết kế giao diện Đăng ký 66 4.3.7 Thiết kế giao diện Đăng Nhập 67 4.3.8 Thiết kế giao diện Popup Giỏ hàng 67 4.3.9 Thiết kế giao diện Giỏ hàng 68 4.3.10 Thiết kế giao diện Đặt hàng 68 4.3.11 Thiết kế giao diện Đăng nhập Admin 69 4.3.12 Thiết kế giao diện Quản lý hệ thống 69 4.3.13 Thiết Kế giao diện Quản lý tài khoản Admin 70 4.3.14 Thiết kế giao diện Quản lý tài khoản User 70 4.3.15 Thiết kế giao diện Thêm tài khoản Admin 71 4.3.16 Thiết kế giao diện Quản lý sản phẩm 71 4.3.17 Thiết kế giao diện Thêm sản phẩm 72 4.3.18 Thiết kế giao diện Quản lý đơn hàng 72 v 4.3.19 Thiết kế giao diện Quản lý liên hệ 73 4.3.20 Thiết kế giao diện Quản lý bình luận 73 4.3.21 Thiết kế giao diện Quản lý thể loại 74 4.3.22 Thiết kế giao diện Quản lý nguyên liệu 74 4.3.23 Thiết kế giao diện Quản lý nhà sản xuất 75 4.3.24 Thiết kế giao diện Quản lý khuyến 75 4.3.25 Thiết kế giao diện Quản lý danh mục 76 4.4 Tổng kết chương 76 CHƯƠNG KẾT LUẬN VÀ HƯỚNG PHÁT TRIỂN 77 5.1 Kết luận 77 5.1.1 Về lý thuyết 77 5.1.2 Về chương trình 77 5.1.3 Hạn chế 78 5.2 Đánh giá 78 5.2.1 Kết đạt 78 5.2.2 Hạn chế 78 5.3 Hướng phát triển 78 TÀI LIỆU THAM KHẢO 79 vi DANH MỤC HÌNH Hình 2.1 Quy trình biên dịch mã (CLR) Hình 2.2 Luồng xác thực quyền truy cập sử dụng JWT 10 Hình 2.3 Các thức hoạt động Ajax 11 Hình 3.1 Mơ hình kiến trúc .14 Hình 3.2 Mơ hình ứng dụng 15 Hình 3.3 Mơ hình kiến trúc .15 Hình 3.4 Mơ hình tổng thể kiến trúc 16 Hình 3.5 Danh sách Component/Package 16 Hình 3.6 Mơ hình PDM 26 Hình 3.7 Mơ hình ERD 27 Hình 3.8 Mơ hình FDD 28 Hình 3.9 Lược đồ ERD 27 Hình 3.9 Lược đồ DFD mức 29 Hình 3.10 Lược đồ DFD mức 30 Hình 4.1 Giao diện trang chủ 32 Hình 4.2 Form tạo tài khoản .33 Hình 4.3 Form đăng nhập 33 Hình 4.4 Thông báo tạo tài khoản thành công 34 Hình 4.5 Thơng báo đăng nhập thành công 34 Hình 4.6 Button đăng xuất 34 Hình 4.7 Thêm sản phẩm vào giỏ hàng 35 Hình 4.8 Thơng báo thêm vào giỏ thành công 35 Hình 4.9 Thơng báo sản phẩm tăng thêm 35 Hình 4.10 Giao diện giỏ hàng 36 Hình 4.11 Popup giỏ hàng 36 Hình 4.12 Thơng báo xố hàng khỏi giỏ thành công 37 Hình 4.13 Thơng báo số lượng tồn kho lại 37 Hình 4.14 Xố giỏ hàng 37 vii Hình 4.15 Giỏ hàng rỗng 38 Hình 4.16 Popup đặt hàng 39 Hình 4.17 Form đăng nhập .40 Hình 4.18 Form đặt hàng khách vãng lai 40 Hình 4.19 Form toán trực tuyến 41 Hình 4.20 Thơng báo đặt hàng thành cơng 41 Hình 4.21 Form toán online 42 Hình 4.22 Giao diện chờ toán trực tuyến 43 Hình 4.23 Giao diện tốn thành cơng 44 Hình 4.24 Giao diện danh sách tài khoản 45 Hình 4.25 Thơng báo lỗi nhập sai .45 Hình 4.26 Form nhập thơng tin tài khoản 46 Hình 4.27 Thông báo thêm thành công .46 Hình 4.28 Form xác nhận xoá tài khoản 46 Hình 4.29 Thơng báo khố tài khoản thành cơng .47 Hình 4.30 Form xác nhận xoá ghi 47 Hình 4.31 Thơng báo xố ghi thành công 47 Hình 4.32 Danh sách sản phẩm 48 Hình 4.33 Form thông tin thêm sản phẩm 48 Hình 4.34 Thơng báo thêm sản phẩm thành công 49 Hình 4.35 Sản phẩm thêm vào 49 Hình 4.36 Form chỉnh sửa thơng tin sản phẩm 49 Hình 4.37 Thơng báo sửa thành công .50 Hình 4.38 Form xác nhận xố sản phẩm 50 Hình 4.39 Thơng báo xố thành cơng .50 Hình 4.40 Danh sách đơn hàng 51 Hình 4.41 Thơng tin đơn hàng 51 Hình 4.42 Form xác nhận tốn đơn hàng 52 Hình 4.43 Thơng báo tốn thành cơng 52 viii Hình 4.44 Thơng báo giao hàng 52 Hình 4.45 Thơng báo giao hàng thành cơng 53 Hình 4.46 Xác nhận xoá đơn hàng 53 Hình 4.47 Thơng báo xố đơn hàng thành công .53 Hình 4.48 Danh sách liên hệ .54 Hình 4.49 Thông tin liên hệ 54 Hình 4.50 Xác nhận xố liên hệ 54 Hình 4.51 Thơng báo xố thành cơng .55 Hình 4.52 Danh sách bình luận 56 Hình 4.53 Thơng báo chặn bình luận thành cơng .56 Hình 4.54 Danh sách chặn 56 Hình 4.55 Xác nhận bỏ chặn bình luận .57 Hình 4.56 Thơng báo bỏ chặn thành công 57 Hình 4.57 Thơng tin chi tiết bình luận 57 Hình 4.58 Xác nhận xố bình luận 58 Hình 4.59 Thơng báo xố bình luận thành cơng .58 Hình 4.60 Danh sách danh mục 59 Hình 4.61 Form nhập thơng tin danh mục 59 Hình 4.62 Thơng báo thêm danh mục thành công 59 Hình 4.63 Form sửa thơng tin danh mục 60 Hình 4.64 Thơng báo sửa danh mục thành cơng .60 Hình 4.65 Xác nhận xoá danh mục 60 Hình 4.66 Thơng báo xố danh mục thành cơng 61 Hình 4.67 Kết tìm kiếm danh mục .61 Hình 4.68 Kết tìm kiếm danh mục .61 Hình 4.69 Giao diện hình 62 Hình 4.70 Giao diện menu 63 Hình 4.71 Giao diện Liên hệ .63 Hình 4.72 Giao diện Giới thiệu 64 ix Hình 4.73 Giao diện danh sách sản phẩm 65 Hình 4.74 Giao diện Đăng ký 66 Hình 4.75 Giao diện Đăng nhập 67 Hình 4.76 Giao diện Popup Giỏ hàng .67 Hình 4.77 Giao diện Giỏ hàng 68 Hình 4.78 Giao diện Đặt hàng 68 Hình 4.79 Giao diện Đăng nhập Admin 69 Hình 4.80 Giao diện Quản lý hệ thống .69 Hình 4.81 Giao diện Quản lý tài khoản Admin 70 Hình 4.82 Giao diện Quản lý tài khoản User 70 Hình 4.83 Giao diện Thêm tài khoản Admin 71 Hình 4.84 Giao diện Quản lý sản phẩm 71 Hình 4.85 Giao diện Thêm sản phẩm .72 Hình 4.86 Giao diện Quản lý đơn hàng 72 Hình 4.87 Giao diện Quản lý liên hệ 73 Hình 4.88 Giao diện Quản lý bình luận 73 Hình 4.89 Giao diện Quản lý thể loại .74 Hình 4.90 Giao diện Quản lý nguyên liệu 74 Hình 4.91 Giao diện Quản lý nhà sản xuất 75 Hình 4.92 Giao diện Quản lý khuyến 75 Hình 4.93 Giao diện Quản lý danh mục 76 x DANH MỤC BẢNG Bảng 3.1 Bảng thực thể .16 Bảng 3.2 Bảng Admin 19 Bảng 3.3 Bảng CheckoutProduct 20 Bảng 3.4 Bảng Comment 20 Bảng 3.5 Bảng Config 21 Bảng 3.6 Bảng Contact 21 Bảng 3.7 Bảng Customer 22 Bảng 3.8 Bảng DetailCheckouts .22 Bảng 3.9 Bảng DetailProduct 22 Bảng 3.10 Bảng KhuyenMaiProduct 23 Bảng 3.11 Bảng ForgotPasss 24 Bảng 3.12 Bảng MaterialProducts 24 Bảng 3.13 Bảng Producer 24 Bảng 3.14 Bảng TypeProducts 25 Bảng 3.15 Bảng DanhMucHinh 25 Bảng 3.16 Bảng DanhMucRooms 25 xi DANH MỤC TỪ CHUYÊN NGÀNH STT Từ viết tắt Nguyên mẫu Diễn giải CSDL SQL Structured Query Language Ngôn ngữ truy vấn cấu trúc CPU Central Processing Unit Bộ vi xử lý trung tâm RAM Random Access Memory Bộ nhớ khả biến truy cập liệu ngẫu nhiên HDD Hard Disk Drive Ổ đĩa cứng ERD Entity Relationship Diagram Sơ đồ mối quan hệ thực thể DFD Data Flow Diagram Sơ đồ luồng liệu FDD Functional Decomposition Diagram Sơ đồ chức phân hủy JWT Json Web Token Một tiêu chuẩn internet để tạo liệu với chữ ký tùy chọn 10 IDE Integrated Development Environment môi trường tích hợp dùng để viết code Cơ sở liệu xii