Ảnh demo (9)

Xem LIVE DEMO

[Mã code 96086]

Hệ thống Website Bán hàng Thời trang tích hợp Chat trực tuyến và Báo cáo Thống kê chi tiết FULL WORD + PPTX

(1 Đánh giá)

0 5

Danh mục

Thể loại

Ngày đăng

09-6-2026

Loại file

Full code

File download

shopping-baocao.zip [ MB]

Gửi thông báo lỗi Báo vi phạm bản quyền

Gửi ngay

CAM KẾT TỪ NGƯỜI BÁN

Giống DEMO

Có báo cáo

(Hạng vàng)
Xem trang

Source code
107

Đánh giá (205)
4/5

Ngày tham gia
23/4/2024

🛠️ Cấu Trúc Công Nghệ Sử Dụng

Framework chính: Spring Boot (phiên bản 3.x) kết hợp Spring Data JPA/Hibernate để quản lý cơ sở dữ liệu.
Bảo mật & Xác thực: Spring Security kết hợp JWT (JSON Web Token) để cấp phát quyền truy cập và Refresh Token giúp bảo mật tối ưu. Tích hợp gửi mã OTP qua Email để xác thực tài khoản và đổi mật khẩu.
Giao tiếp thời gian thực (Real-time): Sử dụng WebSockets (SockJS & STOMP) hỗ trợ kênh nhắn tin trực tiếp giữa Khách hàng và Admin.
Database: MySQL (lưu trữ quan hệ như Đơn hàng, Sản phẩm, Tài khoản, Phân quyền,...).

Ngôn ngữ & Công cụ: ReactJS chạy trên Vite cực nhanh kết hợp chặt chẽ với TypeScript đảm bảo an toàn kiểu dữ liệu.
Quản lý State: Redux Toolkit quản lý trạng thái giỏ hàng, thông tin đăng nhập và các sự kiện ứng dụng.
Thành phần Giao diện (UI): Bộ thư viện Ant Design (v5) và Pro-Components mang lại giao diện Dashboard quản trị cực kỳ chuyên nghiệp và cao cấp.
Thống kê & Biểu đồ: ApexCharts và Ant Design Charts trực quan hóa các số liệu doanh thu.

Trang chủ & Cửa hàng: Khách hàng xem danh sách sản phẩm, lọc theo Danh mục, Giới tính (Nam, Nữ, Khác), Màu sắc, Kích cỡ.
Chi tiết Sản phẩm nhiều Biến thể: Hỗ trợ sản phẩm có nhiều biến thể khác nhau (ví dụ: Áo sơ mi cùng một mẫu nhưng có các lựa chọn màu Đen/Trắng, size M/L/XL có giá bán và số lượng tồn kho khác nhau).
Giỏ hàng & Đặt hàng: Thêm/sửa/xóa sản phẩm trong giỏ hàng, áp dụng các mã Giảm giá (Discounts) và tiến hành đặt hàng.
Tích hợp Thanh toán: Hỗ trợ tích hợp thanh toán và tạo mã QR chuyển khoản ngân hàng xác nhận tự động.
Đánh giá sản phẩm (Reviews): Khách hàng viết đánh giá và chấm điểm sao cho sản phẩm đã mua.

Tích hợp khung Chat trực tuyến trên giao diện Client.
Khách hàng nhắn tin và Admin sẽ nhận được thông báo tin nhắn mới ngay lập tức trên trang Dashboard mà không cần reload trang nhờ kết nối Socket STOMP.

Hệ thống phân quyền dạng hạt nhân cực kỳ chi tiết:
- Mỗi API endpoint (ví dụ: GET /api/v1/users, POST /api/v1/products) đều được định nghĩa thành một Permission.
- Admin tạo ra các Role (Admin, Nhân viên, Quản lý, Khách hàng) và gán các Permission cụ thể cho Role đó.
Quản lý danh sách tài khoản, khóa/mở khóa tài khoản khi có dấu hiệu vi phạm.

Đây là phân hệ cốt lõi phục vụ cho mục đích làm báo cáo của dự án, bao gồm các chức năng:

Thống kê doanh thu theo thời gian: Doanh thu tổng hợp theo ngày, tuần, tháng dưới dạng biểu đồ đường và cột.
Thống kê sản phẩm bán chạy (Top-selling) và các sản phẩm bán chậm giúp quản lý đưa ra chiến lược kinh doanh.
Phân tích lợi nhuận đơn hàng (Order Profit): Tính toán chênh lệch giá nhập và giá bán.
Thống kê doanh thu theo danh mục: Xem tỷ trọng đóng góp doanh thu của từng ngành hàng (Áo sơ mi, quần jean, đầm,...).
Xuất báo cáo (Excel/PDF Export): Trích xuất toàn bộ dữ liệu thống kê tài chính trực tiếp ra file Excel hoặc file PDF để lưu trữ nội bộ.

HÌNH ẢNH DEMO