🛠️ Cấu Trúc Công Nghệ Sử Dụng
1. Backend (Spring Boot - Java)
-
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,...).
2. Frontend (ReactJS - Vite - TypeScript)
-
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.
🎯 Các Phân Hệ Chức Năng Chính
1. Phân hệ Bán hàng & Trải nghiệm Khách hàng (Client Portal)
-
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.
2. Phân hệ Chat Trực tuyến Real-time (Hỗ trợ khách hàng)
-
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.
3. Phân hệ Quản trị & Phân quyền Chi tiết (RBAC)
-
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.
4. Phân hệ Báo Cáo & Thống Kê Doanh Thu (Dashboard Reports)
Đâ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ộ.
XEM THÊM ==> Hướng dẫn cài đặt chi tiết
Nguồn: Sharecode.vn
Cài đặt intelij
Cài đặt java 21
Cài đặt nodejs 22
Liên hệ mình để được hỗ trợ