ĐẠI HỌC CẦN THƠ

TRƯỜNG CÔNG NGHỆ THÔNG TIN VÀ TRUYỀN THÔNG

__🙡🙣🕮🙡🙣__

PHÁT TRIÊN ỨNG DỤNG WEB

SHOP GAME ONLINE

Giảng viên hướng dẫn: Nguyễn Minh Trung

Mã học phần: CT449
Mã lớp học phần: CT449-01

Người thực hiện

Đỗ Kỳ Duyên B2012188 DI2096A4
Email: duyenb2012188.ctu.edu.vn

CẦN THƠ, THÁNG 12 NĂM 2022

 MỤC TIÊU
Xây dựng một trang web thương mại điện tử, phục vụ nhu cầu mua sắm trực tuyến cụ thể
là các phần mềm game trên máy tính. Trang web gồm đầy đủ các phần như fontend,
backend, database, sử dụng các framework đã được học ở học phần CT449 như vuejs,
nodejs, moongodb. Giao diện thân thiện, đơn giản phù hợp với nhu cầu học tập.

CHỨC NĂNG
Trang web gồm các chức năng cụ thể như sau:
1. Đăng nhập
2. Đăng ký
3. Đăng xuất
4. Cập nhật tài khoản
5. Filter sản phẩm
6. Thêm sản phẩm vào giỏ hàng
7. Xoá sản phẩm khỏi giỏ hàng

MÔ HÌNH DỮ LIỆU
Trang web gồm hai thành phần dữ liệu chính là người dùng và sản phẩm được lưu trữ
trong database moongodb:
Khởi tạo sever Nodejs:

Kết nối với server thông qua moongose:

Dữ liệu moongose gồm hai Schema:

- App: name, required_age, is_free, detailed_description, supported_languages,
header_image, website, pc_requirements, mac_requirements, linux_requirements,
developers, publishers, price_overview, platforms, metacritic, categories, genres,
screenshots, recommendations, movies, release_date, background.
- User: username, password, createdAt, refreshToken, cart.

Các Routers chính:

- user:

- Các user router cho phép gọi api cho người dùng như là thêm sản phẩm vào giỏ
hàng “/addCart”, xóa sản phẩm khỏi giỏ hàng “/removeCart”, hiển thị giỏi hàng
 “/cart”, và thay đổi tài khoản “/”. isAuth như một cách để xác thực tài khoản
thông qua việc tạo các token khi người dùng đăng nhập vào hệ thống.

- isAuth được sử dụng như một middleware.

- Các controller của user rotuter

- store: Các chức năng chính của router này là dùng để lấy các thông tin sản phẩm
cũng như lọc sản phẩm theo điều kiện

- Controllrt store:
- auth: Cho phép gọi các api liên quan đên việc xác thực người dùng như đăng ký,
đăng nhập,…

- Các controller
 Ngoài ra còn có có dữ liệu liên quan:
- Biến môi trường:

- Các function khởi tạo token:

- Các thư viện sử dụng:

- Mô hình thư mục:

 GIAO DIỆN

Giao diện chính của trang web.

Thực hiện chức năng filter:

Đăng nhập:

Thông báo đăng nhập thành công

Hiển thị giỏ hàng và thông tin

Thêm sản phẩm vào giỏ hàng

Hiển thị sản phẩm trong giỏ hàng

Xoá sản phẩm khỏi giỏi hàng

Giỏ hàng cập nhật

Logout tài khoản

Cập nhật thanh trạng thái

Đăng ký tài khoản

Cập nhật tài khoản
Cây thư mục: