Xây dựng website bán sách online 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 SÁCH ONLINE SỬ DỤNG MERN STACK GVHD: TS LÊ VĂN VINH SVTH : NGUYỄN DUY DƯƠNG NGUYỄN MINH NHẬT SKL011418 Tp Hồ Chí Minh, tháng 07/2023 TRƯỜNG ĐẠI HỌC SƯ PHẠM KỸ THUẬT TP HỒ CHÍ MINH KHOA CƠNG NGHỆ THƠNG TIN -  - KHĨA LUẬN TỐT NGHIỆP ĐỀ TÀI XÂY DỰNG WEBSITE BÁN SÁCH ONLINE SỬ DỤNG MERN STACK GIẢNG VIÊN HƯỚNG DẪN: TS LÊ VĂN VINH SINH VIÊN THỰC HIỆN NGUYỄN DUY DƯƠNG – 19110342 NGUYỄN MINH NHẬT – 19110417 KHÓA 2019 - 2023 Thành phố Hồ Chí Minh, tháng 07 năm 2023 ĐH SƯ PHẠM KỸ THUẬT TP HCM CỘNG HÒA XÃ HỘI CHỦ NGHĨA VIỆT NAM KHOA CÔNG NGHỆ THÔNG TIN Độ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ọ tên sinh viên 1: Nguyễn Duy Dương MSSV 1: 19110342 Họ tên sinh viên 2: Nguyễn Minh Nhật MSSV 2: 19110417 Ngành: Công nghệ thông tin Tên đề tài: Xây dựng website bán sách online sử dụng MERN Stack Họ tên Giáo viên hướng dẫn: TS Lê Văn Vinh NHẬN XÉT Về nội dung đề tài 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 2023 ĐH SƯ PHẠM KỸ THUẬT TP HCM CỘNG HỊA XÃ HỘI CHỦ NGHĨA VIỆT NAM KHOA CƠNG NGHỆ THÔNG TIN Độ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ọ tên sinh viên 1: Nguyễn Duy Dương MSSV 1: 19110342 Họ tên sinh viên 2: Nguyễn Minh Nhật MSSV 2: 19110417 Ngành: Công nghệ thông tin Tên đề tài: Xây dựng website bán sách online sử dụng MERN Stack Họ tên Giáo viên phản biện: ThS Mai Anh Thơ NHẬN XÉT Về nội dung đề tài 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 phản biện (Ký ghi rõ họ tên) năm 2023 LỜI CẢM ƠN Lời đầu tiên, nhóm xin phép gửi lời cảm ơn chân thành đến với Khoa Công Nghệ Thông Tin – Trường Đại Học Sư Phạm Kỹ Thuật Thành Phố Hồ Chí Minh tạo điều kiện cho nhóm chúng em trau dồi, học tập phát triển tảng kiến thức vững để thực đề tài Bên cạnh đó, nhóm chúng em xin gửi đến thầy Lê Văn Vinh lời cảm ơn chân thành sâu sắc Thầy tận tâm hướng dẫn nhiệt tình đưa góp ý q báu cho nhóm chúng em suốt q trình từ lúc bắt đầu kết thúc đề tài Nhờ có tảng kiến thức chuyên ngành vững cộng thêm với kinh nhiệm yêu cầu thực tế ngồi xã hội thơng qua việc học trường thực tập công ty Tập thể thầy cô Khoa Công Nghệ Thông Tin đặc biệt thầy Lê Văn Vinh đem đến cho chúng em khối lượng kiến thức kinh nghiệm khổng lồ chuyên ngành công việc tương lai Đặc biệt điều giúp thơi thúc chúng em hồn thành đề tài Tuy nhiên lượng kiến thức vô tận với khả hạn hẹp chúng em cố gắng để hoàn thành cách tốt Chính việc xảy thiếu sót điều khó tránh khỏi Chúng em hi vọng nhận góp ý tận tình q thầy (cơ) qua chúng em rút học kinh nghiệm hoàn thiện cải thiện nâng cấp lại sản phẩm cách tốt Chúng em xin chân thành cảm ơn! Nhóm thực Nguyễn Duy Dương – 19110342 Nguyễn Minh Nhật – 19110417 Trường Đại học 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ọ tên sinh viên 1: Nguyễn Duy Dương MSSV 1: 19110342 Họ tên sinh viên 2: Nguyễn Minh Nhật MSSV 2: 19110417 Thời gian làm tiểu luận: từ 13/02 Đến: 09/07 Chuyên ngành: Công nghệ phần mềm Tên luận văn: Xây dựng website bán sách online sử dụng NodeJS ReactJS Giáo viên hướng dẫn: TS Lê Văn Vinh Nhiệm vụ khóa luận: Lý thuyết - Tìm hiểu cơng nghệ: ReactJS, NodeJS, Redux, ExpressJS, JSON Web Token, MongoDB Thực hành - Sử dụng NodeJS ExpressJS để xây dựng Backend, viết API cho module hệ thống - Sử dụng MongoDB để lưu trữ liệu người dùng hệ thống - Ứng dụng JSON Web Token để xác thực phân quyền cho hệ thống API cho người dùng - Ứng dụng thư viện ReactJS, Redux thư viện React component Material UI để xây dựng xử lý giao diện Website cho người dùng Đề cương viết luận văn : MỤC LỤC LỜI CẢM ƠN MỤC LỤC DANH MỤC BẢNG DANH MỤC HÌNH ẢNH PHẦN MỞ ĐẦU TÍNH CẤP THIẾT CỦA ĐỀ TÀI ĐỐI TƯỢNG NGHIÊN CỨU PHẠM VI NGHIÊN CỨU MỤC TIÊU CỦA ĐỀ TÀI Ý NGHĨA KHOA HỌC VÀ THỰC TIỄN CHƯƠNG KHẢO SÁT HIỆN TRẠNG VÀ MƠ HÌNH HĨA U CẦU 1.1 KHẢO SÁT HIỆN TRẠNG 1.2 XÁC ĐỊNH U CẦU 1.3 MƠ HÌNH HĨA U CẦU CHƯƠNG CƠ SỞ LÝ THUYẾT 2.1 CÁC CÔNG NGHỆ SỬ DỤNG Ở FRONT–END 2.2 CÁC CÔNG NGHỆ SỬ DỤNG Ở BACK–END CHƯƠNG THIẾT KẾ PHẦN MỀM 3.1 KIẾN TRÚC CHUNG CỦA HỆ THỐNG 3.2 LƯỢC ĐỒ TUẦN TỰ 3.3 THIẾT KẾ CƠ SỞ DỮ LIỆU 3.4 THIẾT KẾ GIAO DIỆN CHƯƠNG CÀI ĐẶT VÀ KIỂM THỬ 4.1 CÀI ĐẶT 4.2 KIỂM THỬ PHẦN KẾT LUẬN KẾT QUẢ ĐẠT ĐƯỢC ƯU ĐIỂM NHƯỢC ĐIỂM HƯỚNG PHÁT TRIỂN TÀI LIỆU THAM KHẢO KẾ HOẠCH THỰC HIỆN STT Thời gian Công việc 13/02/2023 – 12/03/2023 Khảo sát trạng Ghi Thiết kế usecase mơ hình hóa u cầu Thiết kế sở liệu 13/03/2023 – 02/04/2023 Tìm hiểu thư viện ReactJS, Material UI Tìm hiểu NodeJS, Express Tổ chức cấu trúc hệ thống Tìm hiểu JSON Web Token để ứng dụng 03/04/2023 – 14/04/2023 vào phân quyền Tìm hiểu Mongodb để xây dựng sở liệu Tiến hành phát triển API dựa kiến 15/04/2023 – 08/05/2023 thức tìm hiểu Tiến hành xây dựng giao diện cho hệ thống Kết hợp phần xây dựng lại với nhau, 09/05/2023 – 06/06/2023 07/06/2023 – 18/06/2023 Kiểm thử chương trình tiến hành sửa lỗi 19/06/2023 – 09/07/2023 Viết hoàn thiện báo cáo (giao diện, API, sở liệu) Tp Hồ Chí Minh, ngày tháng Người viết đề cương (Ký ghi rõ họ tên) Ý kiến giáo viên hướng dẫn (ký ghi rõ họ tên) năm 2023 MỤC LỤC LỜI CẢM ƠN MỤC LỤC DANH MỤC BẢNG DANH MỤC HÌNH ẢNH 10 PHẦN MỞ ĐẦU 13 TÍNH CẤP THIẾT CỦA ĐỀ TÀI 13 ĐỐI TƯỢNG NGHIÊN CỨU 13 PHẠM VI NGHIÊN CỨU 13 MỤC TIÊU CỦA ĐỀ TÀI 14 Ý NGHĨA KHOA HỌC VÀ THỰC TIỄN 14 CHƯƠNG KHẢO SÁT HIỆN TRẠNG VÀ MƠ HÌNH HÓA YÊU CẦU 15 1.1 KHẢO SÁT HIỆN TRẠNG 15 1.2 XÁC ĐỊNH YÊU CẦU 18 1.3 MƠ HÌNH HĨA U CẦU 21 CHƯƠNG CƠ SỞ LÝ THUYẾT 40 2.1 CÁC CÔNG NGHỆ SỬ DỤNG Ở FRONT–END 40 2.2 CÁC CÔNG NGHỆ SỬ DỤNG Ở BACK–END 42 CHƯƠNG THIẾT KẾ PHẦN MỀM .46 3.1 KIẾN TRÚC CHUNG CỦA HỆ THỐNG 46 3.2 LƯỢC ĐỒ TUẦN TỰ 47 3.3 THIẾT KẾ CƠ SỞ DỮ LIỆU 69 3.4 THIẾT KẾ GIAO DIỆN 76 CHƯƠNG CÀI ĐẶT VÀ KIỂM THỬ 99 4.1 CÀI ĐẶT 99 4.2 KIỂM THỬ 99 PHẦN KẾT LUẬN .108 KẾT QUẢ ĐẠT ĐƯỢC 108 ƯU ĐIỂM 108 NHƯỢC ĐIỂM 108 HƯỚNG PHÁT TRIỂN 108 TÀI LIỆU THAM KHẢO 109