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ự do – 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 Duy Dương

MSSV 1: 19110342

Họ và 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ọ và tên Giáo viên hướng dẫn: TS. Lê Văn Vinh
NHẬN XÉT

1. Về nội dung đề tài và khối lượng thực hiện
………………………………………………………………………………………………………………………
………………………………………………………………………………………………………………………
………………………………………………………………………………………………………………………

2. Ưu điểm
………………………………………………………………………………………………………………………
………………………………………………………………………………………………………………………
………………………………………………………………………………………………………………………

3. Khuyết điểm
………………………………………………………………………………………………………………………
………………………………………………………………………………………………………………………
………………………………………………………………………………………………………………………

4. Đề nghị cho bảo vệ hay không?
………………………………………………………………………………………………………………………

5. Đánh giá loại
………………………………………………………………………………………………………………………

6. Điểm
………………………………………………………………………………………………………………………

TP. Hồ Chí Minh, ngày tháng
Giáo viên hướng dẫn
(Ký và 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ự do – 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 Duy Dương

MSSV 1: 19110342

Họ và 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ọ và tên Giáo viên phản biện: ThS. Mai Anh Thơ
NHẬN XÉT

1. Về nội dung đề tài và khối lượng thực hiện
………………………………………………………………………………………………………………………
………………………………………………………………………………………………………………………
………………………………………………………………………………………………………………………

2. Ưu điểm
………………………………………………………………………………………………………………………
………………………………………………………………………………………………………………………
………………………………………………………………………………………………………………………

3. Khuyết điểm
………………………………………………………………………………………………………………………
………………………………………………………………………………………………………………………
………………………………………………………………………………………………………………………

4. Đề nghị cho bảo vệ hay không?
………………………………………………………………………………………………………………………

5. Đánh giá loại
………………………………………………………………………………………………………………………

6. Điểm
………………………………………………………………………………………………………………………

TP. Hồ Chí Minh, ngày tháng
Giáo viên phản biện
(Ký và ghi rõ họ tên)

năm 2023


LỜI CẢM ƠN
Lời đầu tiên, nhóm xin phép được 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 được trau dồi, học tập và phát triển nền tảng kiến thức
vững chắc để thực hiện đề tài này.
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
và sâu sắc nhất. Thầy đã tận tâm hướng dẫn nhiệt tình và đưa ra những góp ý quý báu
cho nhóm chúng em trong suốt quá trình từ lúc bắt đầu cũng như kết thúc đề tài này.
Nhờ có những nền tảng kiến thức chuyên ngành vững chắc cộng thêm với những
kinh nhiệm và u cầu thực tế ngồi xã hội thơng qua việc học ở trường và thực tập ở
công ty. Tập thể các thầy cô Khoa Công Nghệ Thông Tin và đặc biệt thầy Lê Văn Vinh
đã đem đến cho chúng em một khối lượng kiến thức và kinh nghiệm khổng lồ về chuyên
ngành và công việc trong tương lai. Đặc biệt điều này đã giúp và thơi thúc chúng em
hồn thành được đề tài.
Tuy nhiên lượng kiến thức là vô tận và với khả năng hạn hẹp chúng em đã rất cố
gắng để hồn thành một cách tốt nhất. Chính vì vậy việc xảy ra những thiếu sót là điều
khó có thể tránh khỏi. Chúng em hi vọng nhận được sự góp ý tận tình của q thầy (cơ)
qua đó chúng em có thể rút ra được bài học kinh nghiệm và hoàn thiện và cải thiện nâng
cấp lại sản phẩm của mình một cách tốt nhất có thể.
Chúng em xin chân thành cảm ơn!
Nhóm thực hiện
Nguyễn Duy Dương – 19110342
Nguyễn Minh Nhật – 19110417

1

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ọ và tên sinh viên 1: Nguyễn Duy Dương

MSSV 1: 19110342

Họ và 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 và ReactJS
Giáo viên hướng dẫn: TS. Lê Văn Vinh
Nhiệm vụ của khóa luận:
1. Lý thuyết
-

Tìm hiểu về các cơng nghệ: ReactJS, NodeJS, Redux, ExpressJS, JSON Web
Token, MongoDB.

2. Thực hành
-

Sử dụng NodeJS và ExpressJS để xây dựng Backend, viết API cho các module
trong hệ thống

-

Sử dụng MongoDB để lưu trữ dữ liệu người dùng của hệ thống.

-

Ứng dụng JSON Web Token để xác thực và phân quyền cho hệ thống API cho
từng người dùng.

-

Ứng dụng thư viện ReactJS, Redux và thư viện React component Material UI
để xây dựng và 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
2


PHẦN MỞ ĐẦU
1. TÍNH CẤP THIẾT CỦA ĐỀ TÀI
2. ĐỐI TƯỢNG NGHIÊN CỨU
3. PHẠM VI NGHIÊN CỨU

4. MỤC TIÊU CỦA ĐỀ TÀI
5. Ý NGHĨA KHOA HỌC VÀ THỰC TIỄN
CHƯƠNG 1. 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 2. 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 3. 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 4. CÀI ĐẶT VÀ KIỂM THỬ
4.1. CÀI ĐẶT
4.2. KIỂM THỬ
PHẦN KẾT LUẬN
1. KẾT QUẢ ĐẠT ĐƯỢC
2. ƯU ĐIỂM
3. NHƯỢC ĐIỂM
4. HƯỚNG PHÁT TRIỂN
TÀI LIỆU THAM KHẢO
KẾ HOẠCH THỰC HIỆN
STT
1

Thời gian

Công việc

13/02/2023 – 12/03/2023 Khảo sát hiện trạng.

3

Ghi chú


Thiết kế usecase và mơ hình hóa u cầu.
Thiết kế cơ sở dữ liệu.
2

13/03/2023 – 02/04/2023

Tìm hiểu về thư viện ReactJS, Material UI.
Tìm hiểu về NodeJS, Express.
Tổ chức cấu trúc hệ thống.
Tìm hiểu về JSON Web Token để ứng dụng

3

03/04/2023 – 14/04/2023

vào phân quyền.
Tìm hiểu về Mongodb để xây dựng cơ sở
dữ liệu.
Tiến hành phát triển API dựa trên các kiến

15/04/2023 – 08/05/2023

4

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 các phần đã xây dựng lại với nhau,

5

09/05/2023 – 06/06/2023

6

07/06/2023 – 18/06/2023 Kiểm thử chương trình và tiến hành sửa lỗi.

7

19/06/2023 – 09/07/2023 Viết và hoàn thiện báo cáo.

(giao diện, API, cơ sở dữ liệu).

Tp. Hồ Chí Minh, ngày

tháng

Người viết đề cương
(Ký và ghi rõ họ tên)
Ý kiến của giáo viên hướng dẫn

(ký và ghi rõ họ tên)

4

năm 2023


MỤC LỤC
LỜI CẢM ƠN .........................................................................................................1
MỤC LỤC ..............................................................................................................4
DANH MỤC BẢNG ..............................................................................................7
DANH MỤC HÌNH ẢNH ....................................................................................10
PHẦN MỞ ĐẦU ..................................................................................................13
1.

TÍNH CẤP THIẾT CỦA ĐỀ TÀI ............................................................ 13

2.

ĐỐI TƯỢNG NGHIÊN CỨU .................................................................. 13

3.

PHẠM VI NGHIÊN CỨU ........................................................................ 13

4.

MỤC TIÊU CỦA ĐỀ TÀI ........................................................................ 14

5.

Ý NGHĨA KHOA HỌC VÀ THỰC TIỄN ............................................... 14

CHƯƠNG 1. KHẢO SÁT HIỆN TRẠNG VÀ MƠ HÌNH HĨA 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 2. 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 3. 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 4. CÀI ĐẶT VÀ KIỂM THỬ ..........................................................99
4.1. CÀI ĐẶT ................................................................................................... 99
5


4.2. KIỂM THỬ ............................................................................................... 99
PHẦN KẾT LUẬN .............................................................................................108
1.

KẾT QUẢ ĐẠT ĐƯỢC ........................................................................ 108

2.

ƯU ĐIỂM ............................................................................................... 108

3.

NHƯỢC ĐIỂM ...................................................................................... 108

4.

HƯỚNG PHÁT TRIỂN........................................................................ 108

TÀI LIỆU THAM KHẢO ..................................................................................109

6


DANH MỤC BẢNG
Bảng 1.1. Bảng yêu cầu chức năng ....................................................................18
Bảng 1.2. Bảng yêu cầu phi chức năng .............................................................20
Bảng 1.3. Mô tả Use case “Đăng ký” .................................................................23
Bảng 1.4. Mô tả Use case “Đặt lại mật khẩu” ..................................................23
Bảng 1.5. Mô tả Use case “Đăng nhập” ............................................................24
Bảng 1.6. Mô tả Use case “Cập nhật thông tin tài khoản” .............................25
Bảng 1.7. Mô tả Use case “Đổi mật khẩu” ........................................................26
Bảng 1.8. Mô tả Use case “Xem chi tiết thông tin của một sách”...................26
Bảng 1.9. Mô tả Use case “Thêm sách vào giỏ hàng” ......................................27
Bảng 1.10. Mơ tả Use case “Xóa sách khỏi giỏ hàng” .....................................28
Bảng 1.11. Mô tả Use case “Thêm sổ địa chỉ” ..................................................28
Bảng 1.12. Mô tả Use case “Chỉnh sửa sổ địa chỉ” ..........................................29
Bảng 1.13. Mơ tả Use case “Xóa địa chỉ” ..........................................................30
Bảng 1.14. Mô tả Usecase “Xem lịch sử mua hàng” ........................................31
Bảng 1.15. Mơ tả Use case “Thanh tốn” .........................................................31
Bảng 1.16. Mơ tả Use case “Tìm kiếm sách” ....................................................32
Bảng 1.17. Mơ tả Use case “Thêm danh mục” .................................................33
Bảng 1.18. Mô tả Use case “Sửa danh mục” ....................................................33

Bảng 1.19. Mô tả Use case “Xóa danh mục” ....................................................34
Bảng 1.20. Mơ tả Use case “Quản lý đơn hàng” ..............................................35
Bảng 1.21. Mô tả Use case “Thêm sách” ..........................................................35
Bảng 1.22. Mô tả Use case “Chỉnh sửa sách” ...................................................36
Bảng 1.23. Mơ tả Use case “Xóa sách”..............................................................37
Bảng 1.24. Mơ tả Use case “Thêm sách yêu thích” ..........................................37
7


Bảng 1.25. Mơ tả Use case “Xóa sách u thích” .............................................38
Bảng 1.26. Mô tả Use case “Đánh giá”..............................................................39
Bảng 3.1. Address................................................................................................69
Bảng 3.2. Order ...................................................................................................71
Bảng 3.3. Book .....................................................................................................71
Bảng 3.4. Category ..............................................................................................73
Bảng 3.5. User......................................................................................................73
Bảng 3.6. Feedback .............................................................................................75
Bảng 3.7. Mô tả thanh điều hướng ....................................................................78
Bảng 3.8. Mô tả giao diện trang chủ .................................................................79
Bảng 3.9. Mô tả giao diện đăng nhập ................................................................79
Bảng 3.10. Mô tả giao diện đăng ký ..................................................................80
Bảng 3.11. Mô tả giao diện chi tiết sách ............................................................82
Bảng 3.12. Mô tả giao diện chi tiết sách ............................................................83
Bảng 3.13. Mô tả giao diện thông tin cá nhân người dùng .............................84
Bảng 3.14. Mô tả giao diện đơn hàng ................................................................85
Bảng 3.15. Mô tả giao diện thông tin đơn hàng ...............................................86
Bảng 3.16. Mô tả giao diện danh sách địa chỉ và tạo địa chỉ ..........................87
Bảng 3.17. Mô tả giao diện sản phẩm u thích...............................................87
Bảng 3.18. Mơ tả giao diện giỏ hàng .................................................................88
Bảng 3.19. Mô tả giao diện thanh tốn .............................................................89

Bảng 3.20. Mơ tả giao diện thêm đánh giá .......................................................91
Bảng 3.21. Mô tả giao diện đăng nhập cho admin ...........................................93
Bảng 3.22. Mô tả giao diện bảng điều khiển ....................................................94
Bảng 3.23. Mô tả giao diện quản lý sản phẩm .................................................95
8


Bảng 3.24. Mô tả giao diện quản lý danh mục .................................................96
Bảng 3.25. Mô tả giao diện quản lý đơn hàng ..................................................97
Bảng 3.26. Mô tả giao diện quản lý người dùng ..............................................98
Bảng 4.1. Phạm vi kiểm thử .............................................................................100
Bảng 4.2. Chiến lược kiểm thử ........................................................................101
Bảng 4.3. Kết quả kiểm thử người dùng .........................................................103
Bảng 4.4. Kết quả kiểm thử quản trị viên ......................................................106

9


DANH MỤC HÌNH ẢNH
Hình 1.1. Hình ảnh nhà sách tiki .......................................................................15
Hình 1.2. Hình ảnh trang chủ của nhà sách Fahasa ........................................16
Hình 1.3. Hình ảnh trang chủ của nhà sách Vinabook ...................................17
Hình 1.4. Lược đồ thực thể - quan hệ ...............................................................21
Hình 1.5. Sơ đồ usecase tổng quát .....................................................................22
Hình 2.1. Cơ chế hoạt động của redux ..............................................................42
Hình 2.2. JWT của một user sau khi đã đăng nhập ........................................44
Hình 3.1. Kiến trúc hệ thống..............................................................................46
Hình 3.2. Sequence đăng nhập...........................................................................47
Hình 3.3. Sequence “Đăng ký” ..........................................................................48
Hình 3.4. Sequence “Đổi lại mật khẩu” ............................................................49

Hình 3.5. Sequence Chức năng “đổi mật khẩu” ..............................................50
Hình 3.6. Sequence “Thêm địa chỉ nhận hàng” ...............................................51
Hình 3.7. Sequence “Cập nhật địa chỉ nhận hàng” .........................................52
Hình 3.8. Sequence “Xóa địa chỉ nhận hàng” ..................................................53
Hình 3.9. Sequence “Xem thơng tin sản phẩm”...............................................54
Hình 3.10. Sequence “Thêm sách vào giỏ hàng” .............................................55
Hình 3.11. Sequence “Xóa sách khỏi giỏ hàng” ...............................................56
Hình 3.12. Sequence “Chỉnh sửa thơng tin tài khoản” ...................................57
Hình 3.13. Sequence “Thanh tốn” ...................................................................58
Hình 3.14. Sequence “Thêm sản phẩm u thích” ..........................................59
Hình 3.15. Sequence “Xóa sản phẩm u thích” .............................................60
Hình 3.16. Sequence “Đánh giá” .......................................................................61
Hình 3.17. Sequence “Thêm danh mục” ...........................................................62
10


Hình 3.18. Sequence “Cập nhật danh mục” .....................................................63
Hình 3.19. Sequence “Xóa danh mục” ..............................................................64
Hình 3.20. Sequence “Thêm sách” ....................................................................65
Hình 3.21. Sequence “Xóa sách” .......................................................................66
Hình 3.22. Sequence “Chỉnh sửa sách” ............................................................67
Hình 3.23. Sequence “Xem thơng tin người dùng”..........................................68
Hình 3.24. Database Design ...............................................................................69
Hình 3.25. Sơ đồ luồng cho người dùng khách (Guest) ...................................76
Hình 3.26. Sơ đồ luồng cho người dùng (User) ................................................76
Hình 3.27. Thanh điều hướng khi chưa đăng nhập .........................................78
Hình 3.28. Thanh điều hướng sau khi người dùng đăng nhập .......................78
Hình 3.29. Giao diện trang chủ..........................................................................78
Hình 3.30. Giao diện đăng nhập ........................................................................79
Hình 3.31. Giao diện đăng ký ............................................................................80

Hình 3.32. Giao diện chatbox.............................................................................81
Hình 3.33. Giao diện chi tiết sách ......................................................................82
Hình 3.34. Giao diện chi tiết sách ......................................................................83
Hình 3.35. Giao diện thơng tin cá nhân người dùng........................................84
Hình 3.36. Giao diện danh sách lịch sử mua hàng ...........................................85
Hình 3.37. Giao diện danh sách lịch sử mua hàng ...........................................85
Hình 3.38. Giao diện danh sách địa chỉ và tạo địa chỉ.....................................86
Hình 3.39. Giao diện sản phẩm u thích .........................................................87
Hình 3.40. Giao diện giỏ hàng............................................................................88
Hình 3.41. Giao diện thanh tốn........................................................................89
Hình 3.42. Giao diện thanh tốn online thành công ........................................90
11


Hình 3.43. Giao diện thanh tốn online thất bại ..............................................90
Hình 3.44. Giao diện thêm đánh giá ..................................................................91
Hình 3.45. Sơ đồ luồng cho bên quản trị viên ..................................................92
Hình 3.46. Giao diện đăng nhập cho admin .....................................................93
Hình 3.47. Giao diện bảng điều khiển ...............................................................94
Hình 3.48. Giao diện quản lý sản phẩm ............................................................95
Hình 3.49. Giao diện quản lý danh mục ...........................................................96
Hình 3.50. Giao diện quản lý đơn hàng ............................................................97
Hình 3.51. Giao diện quản lý chi tiết đơn hàng ...............................................97
Hình 3.52. Giao diện quản lý người dùng .........................................................98

12


PHẦN MỞ ĐẦU
1. TÍNH CẤP THIẾT CỦA ĐỀ TÀI

Đứng trước sự phát triển như vũ bão của công nghệ tin học thì việc ứng dụng
những thành tựu của nó vào cuộc sống, sinh hoạt, học tập đã trở thành một việc làm
quen thuộc đối với chúng ta. Nhu cầu mua sắm online cũng trở lên phổ biến hơn hiện
nay.
Đề tài được xây dựng theo mơ hình website bán hàng trực tuyến. Website được
thiết kế như 1 siêu thị sách mini luôn cập nhật thông tin về sách mới, sách mới xuất bản,
những cuốn sách bán chạy và hơn thế nữa.
2. ĐỐI TƯỢNG NGHIÊN CỨU
Để thực hiện đề tài này, đối tượng nghiên cứu dựa trên nhu cầu mua sách online,
giúp người mua tiếp cận tới các sản phẩm khuyến mãi tốt mà không cần phải ra cửa
hàng. Đồng thời giúp cho bên bán hàng quản lý các sản phẩm, thu nhập, khuyến mãi.
Bên cạnh đó là các cơng nghệ mà chúng em sử dụng trong đề tài, cụ thể như sau:
-

Nghiên cứu ReactJS cùng với sử dụng Material UI để xây dựng một giao diện
tiện dụng, dễ tương tác và hợp mắt người dùng. để hỗ trợ xây dựng giao diện.

-

Nghiên cứu Restful API, NodeJS và ExpressJS để xây dựng hệ thống, hỗ trợ
thao tác và truy xuất thông tin.

-

Sử dụng cơ sở dữ liệu NoSQL là MongoDB để làm cơ sở dữ liệu lưu trữ cho
hệ thống.

-

Áp dụng Json Web Token để ứng dụng vào việc phân quyền người dùng.

3. PHẠM VI NGHIÊN CỨU
Trang web được xây dựng vào các chức năng theo nghiệp vụ định hướng người
dùng xem và mua các sản phẩm sách, truyện trở nên nhanh chóng, tiện lợi. Như là xem
danh sách các sản phẩm, đặt hàng, chọn các mặt hàng để thêm vào giỏ hàng, chọn nơi
cần giao hàng.
Ngồi ra về phía bộ phận quản trị của cửa hàng thì có các chức năng để quản lý
các sản phẩm sách như chỉnh sửa các thuộc tính của sách, quản lý các tài khoản của
người dùng.
13


4. MỤC TIÊU CỦA ĐỀ TÀI
Đề tài “Xây ứng dụng bán sách online sử dụng NodeJS và ReactJS” có mục tiêu
cần đạt được là:
-

Áp dụng được kiến thức về MongoDb, Express, NodeJS và ReactJS vào trong
đồ án.

-

Xây diện một website có giao diện, màu sắc thân thiện, dễ nhìn để người dùng
có thiện cảm với cửa hàng.

-

Hệ thống quản lý và thống kê doanh thu của việc bán hàng online.

-

Sử dụng JWT để phân quyền cho khách hàng và quản trị viên.

5. Ý NGHĨA KHOA HỌC VÀ THỰC TIỄN
Sau khi hồn thành đề tài, nhóm chúng em đã học hỏi được nhiều kiến thức và kỹ
năng bổ ích. Đồng thời cũng hỗ trợ đóng góp về đơn giản hóa việc mua hàng cho khách
hàng và việc quản lý online cho người quản trị.

14


PHẦN NỘI DUNG
CHƯƠNG 1. 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.1.1. Website “Nhà sách TiKi”
Link: />
Hình 1.1. Hình ảnh nhà sách tiki

1.1.1.1 Các chức năng chính
- Giao diện hiển thị các sách theo từng danh mục.
- Tìm sách theo tên.
- Lọc sách.
- Đăng nhập, đăng ký.
- Chức năng đặt hàng, giỏ hàng, thanh toán sách.
- Có Chatbox.
- Lịch sử đơn hàng.
- Xem thơng tin tài khoản.

15

1.1.1.2 Ưu điểm
- Giao diện bắt mắt, màu sắc hài hòa
- Chức năng lọc sách chi tiết.
- Đăng nhập, đăng ký có thể bằng tài khoản Google và Facebook
- Có áp dụng Chatbox
- Đa dạng phương thức thanh toán.
1.1.1.3 Nhược điểm
- Phần tìm kiếm bị gộp chung vào các sách khác không liên quan đến sách của Tiki.
1.1.2. Website “Nhà sách Fahasa””
Link: />
Hình 1.2. Hình ảnh trang chủ của nhà sách Fahasa

1.1.2.1 Các chức năng chính
- Quản lý các mặt hàng và các danh mục sách.
- Đăng nhập, đăng ký tài khoản.
- Có chức năng tìm kiếm.
- Đánh giá của người dùng
- Giao diện hiển thị các sản phẩm sách.
- Đặt hàng và giao hàng tận nơi, thanh toán online
- Chức năng đặt hàng, giỏ hàng, thanh toán sách.
- Lọc sách.
16