Xây dựng website bán giày với reactjs và spring book

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 VỚI REACTJS VÀ SPRING BOOT GVHD: ThS LÊ THỊ MINH CHÂU SVTH : HOÀNG QUỐC VIỆT NGUYỄN ĐẶNG KHÁNH VĂN SKL010273 Tp Hồ Chí Minh, tháng 6/2023 TRƯỜNG ĐẠI HỌC SƯ PHẠM KỸ THUẬT THÀNH PHỐ HỒ CHÍ MINH KHOA ĐÀO TẠO CHẤT LƯỢNG CAO KHÓA LUẬN TỐT NGHIỆP TÊN ĐỀ TÀI XÂY DỰNG WEBSITE BÁN GIÀY VỚI REACTJS VÀ SPRING BOOT GVHD: THS LÊ THỊ MINH CHÂU THÀNH VIÊN HOÀNG QUỐC VIỆT 19110315 NGUYỄN ĐẶNG KHÁNH VĂN 19110312 TP Hồ Chí Minh, tháng 06 năm 2023 CỘNG HÒA XÃ HỘI CHỦ NGHĨA VIỆT NAM Độc lập – Tự – Hạnh phúc -Tp Hồ Chí Minh, ngày 29 tháng 05 năm 2023 NHIỆM VỤ KHĨA LUẬN TỐT NGHIỆP Họ tên sinh viên: Hồng Quốc Việt MSSV: 19110315 Họ tên sinh viên: Nguyễn Đặng Khánh Văn MSSV: 19110312 Ngành: Công nghệ thông tin Giảng viên hướng dẫn: ThS Lê Thị Minh Châu Ngày bắt đầu: 20/02/2023 Ngày nộp: 29/05/2023 Tên đề tài: Xây dựng website bán giày với ReactJS Spring Boot Nội dung thực đề tài: Xây dựng hệ thống có hai phần: − Dành cho khách hàng: Là người dùng (User) có nhu cầu mua giày − Dành cho người quản trị: Bao gồm hai đối tượng Admin Moderator Đề tài phát triển từ Tiểu luận chuyên ngành − Nội dung thực Tiểu luận chuyên ngành: o Phần giao diện: ▪ Trang đăng nhập, trang đăng ký ▪ Giao diện user: Trang chủ, trang sản phẩm, trang chi tiết sản phẩm, trang giỏ hàng, trang quản lý thông tin cá nhân, trang xem đơn hàng đặt ▪ Giao diện quản trị: Trang quản lý khách hàng, trang quản lý tài khoản, trang quản lý sản phẩm, trang quản lý danh mục, trang quản lý đơn hàng o Phần chức năng: Mô tả Actor Quản lý thông tin cá nhân Thay đổi mật Đăng ký tài khoản Đăng nhập Đăng xuất Xem sản phẩm Xem chi tiết sản phẩm Xem sản phẩm giỏ hàng User Thêm sản phẩm giỏ hàng Chỉnh sửa sản phẩm giỏ hàng Xóa sản phẩm giỏ hàng Đặt hàng Xem đơn hàng đặt Hủy đơn hàng Thêm bình luận Sửa bình luận Xóa bình luận Đăng nhập Đăng xuất Quản lý tài khoản Quản lý thông tin khách hàng Admin Quản lý doanh mục Quản lý đơn hàng Quản lý size sản phẩm Quản lý hình ảnh sản phẩm Thêm bình luận Sửa bình luận Xóa bình luận Đăng nhập Đăng xuất Quản lý thơng tin khách hàng Quản lý doanh mục Quản lý đơn hàng Moderator Quản lý size sản phẩm Quản lý hình ảnh sản phẩm Thêm bình luận Sửa bình luận Xóa bình luận − Nội dung thêm mới: o Phần giao diện: ▪ Trang quên mật ▪ Giao diện user: trang đặt hàng, trang cảm ơn, trang xem hóa đơn ▪ Giao diện quản trị: trang quản lý voucher, trang quản lý dịng tiền tốn online Paypal, trang xem doanh thu theo ngày, trang xem doanh thu theo tháng, trang xem doanh thu theo năm o Phần chức năng: ▪ Tích hợp AI gợi ý sản phẩm ChatBot ▪ Thêm chức toán online PayPal ▪ Quên mật ▪ Quản lý voucher ▪ Quản lý dịng tiền tốn online Paypal ▪ Xem doanh thu theo ngày, theo tháng, theo năm (thống kê bảng đồ thị) − Nội dung phát triển/chỉnh sửa: o Phần giao diện: ▪ Giao diện user: trang chủ, trang sản phẩm, trang chi tiết sản phẩm, trang giỏ hàng, trang đơn hàng đặt (chỉnh sửa bố cục cho hài hòa hơn) ▪ Giao diện quản trị: chỉnh sửa bố cục cho hài hòa o Phần chức năng: o User: ▪ Xem sản phẩm: Thêm tìm kiếm theo tên sản phẩm; lọc theo giá size; phân trang ▪ Thêm sản phẩm vào giỏ hàng: thêm nhiều sản phẩm khác size ▪ Đặt hàng: kiểm tra phần địa giao hàng, tính phí giao hàng, tính thời gian giao hàng dự kiến; thêm voucher; gửi mail thông tin đơn hàng đường link xem hóa đơn đặt hàng cơng o Quản trị: ▪ Quản lý đơn hàng: thêm chỉnh sửa trạng thái đơn hàng Sản phẩm: − Website bán giày có đầy đủ chức bản, giao diện hợp lý đáp ứng nhu cầu cho khách hàng người quản trị TRƯỞNG NGÀNH GIẢNG VIÊN HƯỚNG DẪN (Ký với đầy đủ họ tên) (Ký với đầy đủ họ tên) CỘNG HÒA XÃ HỘI CHỦ NGHĨA VIỆT NAM Độc lập – Tự – Hạnh phúc -Tp Hồ Chí Minh, ngày 29 tháng 05 năm 2023 PHIẾU ĐÁNH GIÁ CỦA GIẢNG VIÊN HƯỚNG DẪN Họ tên sinh viên: Hoàng Quốc Việt MSSV: 19110315 Họ tên sinh viên: Nguyễn Đặng Khánh Văn MSSV: 19110312 Ngành: Công nghệ thông tin Tên đề tài: Xây dựng website bán giày với ReactJS Spring Boot Giảng viên hướng dẫn: ThS Lê Thị Minh Châu ĐÁNH GIÁ Nội dung sản phẩm: Ưu điểm: Nhược điểm: Chấp thuận đề tài? (Chấp thuận từ chối) Đánh giá tổng quan: (Xuất sắc, Tốt, Khá, Trung bình) Điểm:……….(bằng chữ: ) Tp Hồ Chí Minh, tháng 05 năm 2023 GIẢNG VIÊN HƯỚNG DẪN (Ký với đầy đủ họ tên) CỘNG HÒA XÃ HỘI CHỦ NGHĨA VIỆT NAM Độc lập – Tự – Hạnh phúc -Tp Hồ Chí Minh, ngày … tháng 06 năm 2023 PHIẾU ĐÁNH GIÁ CỦA GIẢNG VIÊN PHẢN BIỆN Họ tên sinh viên: Hoàng Quốc Việt MSSV: 19110315 Họ tên sinh viên: Nguyễn Đặng Khánh Văn MSSV: 19110312 Ngành: Công nghệ thông tin Tên đề tài: Xây dựng website bán giày với ReactJS Spring Boot Giảng viên phản biện: TS Huỳnh Xuân Phụng ĐÁNH GIÁ Nội dung sản phẩm: Ưu điểm: Nhược điểm: Chấp thuận đề tài? (Chấp thuận từ chối) Đánh giá tổng quan: (Xuất sắc, Tốt, Khá, Trung bình) Điểm:……………….(bằng chữ: ) Tp Hồ Chí Minh, tháng 06 năm 2023 GIẢNG VIÊN PHẢN BIỆN (Ký với đầy đủ họ tên) Lời cảm ơn LỜI CẢM ƠN Lời nói đầu, nhóm báo cáo muốn gửi lời cảm ơn chân thành tri ân sâu sắc thầy cô trường Đại học Sư Phạm Kỹ Thuật, đặc biệt thầy cô khoa Công nghệ thông tin trường tạo điều kiện cho nhóm em thực khóa luận tốt nghiệp Hơn hết, nhóm muốn gửi lời cảm ơn đặc biệt đến giảng viên hướng dẫn ThS.Lê Thị Minh Châu, giảng viên khoa Công nghệ thông tin Trường đại học Sư phạm kỹ thuật thành phố Hồ Chí Minh giúp đỡ, góp ý cho đề tài nhóm để hồn thành khoảng thời gian quy định Do kinh nghiệm hạn chế nên báo cáo nhóm khơng tránh khỏi sơ suất thiếu sót, nhóm báo cáo mong nhận ý kiến đóng góp từ thầy, để nhóm em học thêm nhiều kinh nghiệm hoàn thành tốt Nhóm báo cáo xin chân thành cảm ơn! i Lời nói đầu LỜI NĨI ĐẦU Với mong muốn xây dựng hệ thống bán giày trực tuyến Chúng em thực đề tài “Xây dựng website bán giày với ReactJS Spring Boot” Đề tài sử dụng nhiều công nghệ sử dụng ReactJS để phát triển Front end, thư viện nhiều công ty lớn giới sử dụng có cộng đồng đơng Cịn back end, sử dụng Spring Boot, extension từ Spring Framework giúp cải thiện nhược điểm mà Spring Framework tồn động, giúp triển khai dự án nhanh hơn, mạnh mẽ dễ quản lý Kết hợp hai công nghệ với nhau, tạo dự án cho website kinh doanh Bài báo cáo bao gồm bảy chương, mô tả trình phát triển dự án, từ ý tưởng làm thành sản phẩm Các chương dự án bao gồm: Chương 1: Tổng quan đề tài Chương 2: Cơ sở lý thuyết Chương 3: Yêu cầu người dùng Chương 4: Phân tích hệ thống Chương 5: Thiết kế hệ thống Chương 6: Cài đặt kiểm thử Chương 7: Tổng kết ii