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ự do – 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ọ và tên sinh viên: Hoàng Quốc Việt

MSSV: 19110315

Họ và 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

1. Tên đề tài: Xây dựng website bán giày với ReactJS và Spring Boot
2. Nội dung thực hiện đề tài:
Xây dựng hệ thống có hai phần:
− Dành cho khách hàng: Là những 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 là Admin và Moderator.
Đề tài được phát triển từ Tiểu luận chuyên ngành.
− Nội dung đã được thực hiện ở 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 khẩu
Đă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 trong giỏ hàng
User

Thêm sản phẩm trong giỏ hàng
Chỉnh sửa sản phẩm trong giỏ hàng
Xóa sản phẩm trong 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 của mỗi sản phẩm
Quản lý hình ảnh của mỗi 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 của mỗi sản phẩm
Quản lý hình ảnh của mỗi 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 khẩu.

▪

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 thanh toán online Paypal, trang xem doanh thu theo ngày,
trang xem doanh thu th
...

...
hưa xác nhận)
▪ Chatbot
o Đối với người quản trị (Admin, mod):
▪ Quản lý tài khoản (Chỉ admin)
▪ Quản lý giao dịch thanh toán qua Paypal
▪ Quản lý thông tin khách hàng
▪ Quản lý danh mục
▪ Quản lý sản phẩm
▪ Quản lý size của sản phẩm
▪ Quản lý hình ảnh của sản phẩm
▪ Quản lý bình luận của sản phẩm
▪ Quản lý voucher
▪ Quản lý đơn hàng
▪ Xem thống kê theo ngày, theo tháng, theo năm (bảng và đồ thị)

7.2 Ưu điểm
− Xây dựng thành công một website với giao diện hợp lý, với đầy đủ chức
năng của một website bán hàng.
− Website dễ sử dụng, mang đến cho người dùng những trải nghiệm tốt.
− Thanh toán online bằng Paypal.
− Có thể xác thực địa chỉ giao hàng, tính phí giao hàng và thời gian giao hàng
dự kiến. (Áp dụng API của giao hàng nhanh)
− Có chatbot (Amazon Lex) hỗ trợ người dùng.
− Áp dụng thuật toán Content-based theo mô tả của sản phẩm để gợi ý sản
phẩm cho người dùng.

7.3 Nhược điểm
− Chức năng của Chatbot còn giới hạn ở một số điểm:
o Mỗi tháng được sử dụng 10000 yêu cầu văn bản trong năm đầu tiên,
nếu dùng vượt quá sẽ tính phí theo hình thức “Pay as you go”
o Hạn chế về chức năng phản hồi những tình huống chưa có kịch bản.
− Tính năng gợi ý sản phẩm mới dựa trên gợi ý theo mô tả sản phẩm.
123

Chương 7: Tổng kết

− Chức năng voucher chưa có xét ngày hết hạn.
− Chưa có tính năng so sánh sản phẩm.

7.4 Hướng phát triển
− Phát triển về Chatbot:
o Tự phát triển và xây dựng Chatbot riêng để huấn luyện theo tình
huống thực tế của website.
− Phát triển tính năng gợi ý sản phẩm:
o Thêm phần gợi ý theo size và giá của sản phẩm.
− Phát triển tính năng tự động xét ngày hết hạn cho voucher.
− Bổ sung tính năng so sánh sản phẩm.
− Nghiên cứu thêm về UI/UX tăng tính trải nghiệm cho người dùng.

124

Tài liệu tham khảo

TÀI LIỆU THAM KHẢO
[1] “Spring Boot Reference Documentation”, năm 2022,
https://docs.spring.io/spring-boot/docs/current/reference/htmlsingle/
[2] “Redux là gì? Hiểu rõ cơ bản cách dùng Redux”, https://topdev.vn/blog/reduxla-gi/
[3] “Clue Mediator, How to implement a line chart in react”, năm 2022,
https://www.cluemediator.com/
[4] https://www.w3schools.com/bootstrap4/
[5] “Chatbot đa ngôn ngữ sử dụng Amazon Lex”, năm 2023,
https://tcnducpho.edu.vn/chatbot-da-ngon-ngu-su-dung-amazon-lex/
[6] Ramya Vidiyala, “How to Build a Movie Recommendation System”, năm 2020,
https://towardsdatascience.com/how-to-build-a-movie-recommendation-system67e321339109
[7] “What is Amazon Lex?”, https://docs.aws.amazon.com/lex/latest/dg/whatis.html

125