Xây dựng Website bán giày dép sử dụng Mern Stack

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 ĐỒ ÁN TỐT NGHIỆP NGÀNH CÔNG NGHỆ THÔNG TIN XÂY DỰNG WEBSITE BÁN GIÀY DÉP SỬ DỤNG MERN STACK GVHD: TS LÊ VĂN VINH SVTH : NGUYỄN XUÂN KHOA VÕ THẬP NGHĨA SKL011403 Tp Hồ Chí Minh, tháng 07/2023 TRƯỜNG ĐẠI HỌC SƯ PHẠM KỸ THUẬT TPHCM KHOA CÔNG NGHỆ THÔNG TIN - - NGUYỄN XUÂN KHOA – 19110380 VÕ THẬP NGHĨA – 19110404 Đề tài: XÂY DỰNG WEBSITE BÁN GIÀY DÉP SỬ DỤNG MERN STACK KHÓA LUẬN TỐT NGHIỆP GIẢNG VIÊN HƯỚNG DẪN TS LÊ VĂN VINH KHÓA 2019 - 2023 Thành phố Thủ Đức , tháng năm 2023 ĐH SƯ PHẠMCỘNG KỸ THUẬT HOÀ TP.HCM KHOA CNTT Độc ******* XÃ HỘI CHỦ NGHĨA VIỆT NAM Độc lập – Tự – 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 1: Nguyễn Xuân Khoa MSSV 1: 19110380 Họ và tên Sinh viên 2: Võ Thập Nghĩa MSSV 2: 19110404 Ngành: Công nghệ Thông tin Tên đề tài: Xây dựng website bán giày dép sử dụng MERN stack Họ và tên Giáo viên hướng dẫn: TS Lê Văn Vinh NHẬN XÉT Về nội dung khối lượng thực …………………………………………………………………………………………………… …………………………………………………………………………………………………… …………………………………………………………………………………………………… Ưu điểm …………………………………………………………………………………………………… …………………………………………………………………………………………………… …………………………………………………………………………………………………… Khuyết điểm …………………………………………………………………………………………………… …………………………………………………………………………………………………… …………………………………………………………………………………………………… Đề nghị cho bảo vệ hay không? …………………………………………………………………………………………………… Đánh giá loại: …………………………………………………………………………………………………… Điểm: …………………………………………………………………………………………………… Tp Hồ Chí Minh, ngày tháng Giáo viên hướng dẫn (Ký & ghi rõ họ tên) năm ĐH SƯ PHẠMCỘNG KỸ THUẬT HOÀ TP.HCM KHOA CNTT Độc ******* XÃ HỘI CHỦ NGHĨA VIỆT NAM Độc lập – Tự – 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 1: Nguyễn Xuân Khoa MSSV 1: 19110380 Họ và tên Sinh viên 2: Võ Thập Nghĩa MSSV 2: 19110404 Ngành: Công nghệ Thông tin Tên đề tài: Xây dựng website bán giày dép sử dụng MERN stack Họ và tên Giáo viên phản biện: ThS Trương Thị Ngọc Phượng NHẬN XÉT Về nội dung đề tài & khối lượng thực hiện: ………………………………………………………………………………………………… ………………………………………………………………………………………………… ………………………………………………………………………………………………… Ưu điểm: ………………………………………………………………………………………………… ………………………………………………………………………………………………… ………………………………………………………………………………………………… Khuyết điểm ………………………………………………………………………………………………… ………………………………………………………………………………………………… ………………………………………………………………………………………………… Đề nghị cho bảo vệ hay không? ………………………………………………………………………………………………… Đánh giá loại: ………………………………………………………………………………………………… Điểm: ………………………………………………………………………………………………… Tp Hồ Chí Minh, ngày tháng năm Giáo viên phản biện (Ký & ghi rõ họ tên) LỜI CẢM ƠN Nhóm chúng em xin gửi lời cảm ơn tới trước hết Khoa Công Nghệ Thông Tin – Trường Đại Học Sư Phạm Kỹ Thuật Thành Phố Hồ Chí Minh xây dựng chương trình học tập bổ ích, đầy đủ tố chất yếu tố để chúng em trở thành lập trình viên tương lai Và đặc biệt hơn, với việc thực đề tài này giúp chúng em tổng quát hóa, trau dồi bổ sung kiến thức học suốt quãng thời gian đại học Đây nói kiến thức thật quan trọng đời chúng em Là tảng vững để chúng em vững bước bước đường tương lai Tiếp đến chúng em xin gửi lời cảm ơn đến thầy Lê Văn Vinh, giảng viên hướng dẫn chúng em thực đề tài Nhờ tận tụy thầy, đóng góp, sửa dạy, ý kiến hướng dẫn thật chi tiết thầy mà chúng em thực đề tài cách tốt nhiều Cảm ơn thầy dành thời gian hỗ trợ chúng em thực đề tài cách tốt Và cuối chúng em xin gửi lời cảm ơn đến tất người tạo điều kiện cho chúng em có hội tiếp cận đến với ngành Công Nghệ Thông Tin này toàn thể thầy cô Khoa Công Nghệ Thông Tin – Trường Đại Học Sư Phạm Kỹ Thuật Thành Phố Hồ Chí Minh Các thầy người thật định hướng cho tương lai chúng em hướng tốt sau dù có làm việc đâu chúng em nhớ đến cơng ơn giảng dạy thầy Nhóm thực báo cáo xin chân thành cảm ơn! Nhóm thực Nguyễn Xuân Khoa – 19110380 Võ Thập Nghĩa – 10110404 Trường ĐH Sư Phạm Kỹ Thuật TP.HCM Khoa: CNTT ĐỀ CƯƠNG KHÓA LUẬN TỐT NGHIỆP Họ và Tên SV thực 1: Nguyễn Xuân Khoa Mã Số SV: 19110380 Họ và Tên SV thực 2: Võ Thập Nghĩa Mã Số SV: 19110404 Thời gian làm luận văn: Từ 09/09/2022 đến 11/07/2023 Chuyên ngành: Công nghệ phần mền Tên luận văn: Xây dựng website bán giày dép sử dụng MERN stack GV hướng dẫn: TS Lê Văn Vinh Nhiệm Vụ Của Luận Văn: Lý thuyết: Tìm hiểu MERN stack và thư viện sử dụng đề tài Thực hành Sử dụng Nodejs và Expressjs để xây dựng backend, viết APIs Sử dụng MongoDB làm hệ quản trị sở liệu để lưu trữ liệu Sử dụng Reactjs để xây dựng giao diện MỤC LỤC Phần MỞ ĐẦU 1.1 Tính cấp thiết đề tài 1.2 Đối tượng nghiên cứu 1.3 Phạm vi nghiên cứu 1.4 Mục tiêu đề tài 1.5 Ý nghĩa khoa học và thực tiễn 1.6 Phân công Phần NỘI DUNG Chương 1: CƠ SỞ LÝ THUYẾT 1.1 Giới thiệu MERN stack 1.2 Cách MERN stack hoạt động 1.2.1 React.JS 1.2.2 Epressjs Nodejs 1.2.3 MongoDB 1.3 Lợi ích MERN stack 1.4 Một số thư viện hổ chợ khác 1.4.1 Socket.IO 1.4.2 Phía back-end 1.4.3 Phía client Chương 2: KHẢO SÁT HIỆN TRẠNG VÀ YÊU CẦU 2.1 Khảo sát trạng 2.1.1 Website Sneaker Zone 2.1.2 Website XShop 2.1.3 Website VuaGiay 2.1.4 Website BE CLASSY 2.2 Xác định yêu cầu 2.2.1 Yêu cầu chức 2.2.2 u cầu phi chức 2.3 Mơ hình hóa yêu cầu 2.3.1 Bảng chức 2.3.2 Lược đồ Usecase 2.3.3 Đặc tả Usecase Chương 3: THIẾT KẾ HỆ THỐNG 3.1 Lược đồ 3.2 Lược đồ lớp 3.3 Thiết kế sở liệu 3.4 Thiết kế giao diện 3.4.1 Phía khách hàng 3.4.2 Phía quản trị viên Chương 4: CÀI ĐẶT VÀ KIỂM THỬ 4.1 Cài đặt 4.1.1 Yêu cầu hệ thống 4.1.2 Các bước cài đặt 4.2 Kiểm thử 4.2.1 Kế hoạch kiểm thử 4.2.2 Quy trình kiểm thử 4.2.3 Kết kiểm thử Phần KẾT LUẬN Tài liệu tham khảo MỤC LỤC LỜI CẢM ƠN ĐỀ CƯƠNG KHÓA LUẬN TỐT NGHIỆP DANH MỤC HÌNH ẢNH 11 DANH MỤC BẢNG BIỂU 14 PHẦN MỞ ĐẦU 17 TÍNH CẤP THIẾT CỦA ĐỀ TÀI 17 ĐỐI TƯỢNG NGHIÊN CỨU 17 PHẠM VI NGHIÊN CỨU 18 MỤC TIÊU CỦA ĐỀ TÀI 18 4.1 Phía khách hàng 18 4.2 Phía quản trị viên 18 Ý NGHĨA KHOA HỌC VÀ THỰC TIỄN 19 PHÂN CÔNG 19 PHẦN NỘI DUNG 20 CHƯƠNG 1: CƠ SỞ LÝ THUYẾT 20 1.1 GIỚI THIỆU MERN STACK 20 1.2 CÁCH MERN STACK HOẠT ĐỘNG 20 1.2.1 React.JS 21 1.2.2 Express.js Node.js 23 1.2.3 MongoDB 24 1.3 LỢI ÍCH CỦA MERN STACK 25 1.4 MỘT SỐ THƯ VIỆN HỖ TRỢ KHÁC 26 1.4.1 Socket.IO 26 1.4.2 Phía back-end 26 1.4.3 Phía front-end 26 1.5 Triển khai trang web môi trường product 27 CHƯƠNG 2: KHẢO SÁT HIỆN TRẠNG VÀ MƠ HÌNH HĨA U CẦU 29 2.1 KHẢO SÁT HIỆN TRẠNG 29 2.1.1 Website Sneaker Zone 29 2.1.2 Website Xshop 30 2.1.3 Website VuaGiay 31 2.1.4 Website BE CLASSY 32 2.2 XÁC ĐỊNH YÊU CẦU 33 2.2.1 Yêu cầu chức 33 2.2.2 Yêu cầu phi chức 35 2.3 MƠ HÌNH HĨA YÊU CẦU 36 2.3.1 Bảng chức 36 2.3.2 Lược đồ Usecase 41 2.3.3 Đặc tả Usecase 45 CHƯƠNG 3: THIẾT KẾ HỆ THỐNG 68 3.1 LƯỢC ĐỒ TUẦN TỰ 68 3.2 LƯỢC ĐỒ LỚP 78 3.3 THIẾT KẾ CƠ SỞ DỮ LIỆU 79 3.4 THIẾT KẾ GIAO DIỆN 80 3.4.1 Phía khách hàng 80 3.4.2 Phía quản trị viên 100 CHƯƠNG 4: CÀI ĐẶT VÀ KIỂM THỬ 113 4.1 CÀI ĐẶT 113 4.1.1 Yêu cầu hệ thống 113 4.1.2 Các bước cài đặt 113 4.2 KIỂM THỬ 114 4.2.1 Kế hoạch kiểm thử 114 4.2.2 Quy trình kiểm thử 116 4.2.3 Kết kiểm thử 117 PHẦN KẾT LUẬN 124 KẾT QUẢ ĐẠT ĐƯỢC 124 1.1 Về lý thuyết 124 1.2 Về ứng dụng 124 1.3 Các thành viên nhóm 124