Milk Tea Shop - Hệ thống quản lý cửa hàng trà sữa
Mô tả
Milk Tea Shop là một ứng dụng web quản lý cửa hàng trà sữa với đầy đủ chức năng từ quản lý sản phẩm, đơn hàng đến tương tác với khách hàng thông qua chatbot. Ứng dụng được xây dựng với công nghệ Java Spring MVC, cung cấp giao diện người dùng thân thiện và trải nghiệm mượt mà.
Tính năng chi tiết theo vai trò/quyền
1. Khách (Chưa đăng nhập)
-
Xem danh sách sản phẩm, tìm kiếm, lọc theo danh mục
-
Xem chi tiết sản phẩm, hình ảnh, mô tả, giá, trạng thái
-
Đăng ký tài khoản, xác thực OTP qua email
-
Đăng nhập
-
Chatbot AI hỗ trợ tư vấn sản phẩm, thông tin cửa hàng
2. Khách hàng (Đăng nhập)
-
Tất cả chức năng của Khách
-
Thêm sản phẩm vào giỏ hàng, chọn size, topping
-
Áp dụng voucher, xem tổng tiền, cập nhật/xóa sản phẩm khỏi giỏ
-
Đặt hàng, xác nhận đơn hàng
-
Xem lịch sử đơn hàng
-
Xem, cập nhật hồ sơ cá nhân, đổi email, đổi avatar, đổi mật khẩu
-
Đổi mật khẩu, quên mật khẩu qua email
-
Chatbot AI hỗ trợ tư vấn sản phẩm, đơn hàng, voucher
3. Nhân viên order
-
Xem danh sách đơn hàng
-
Xác nhận đơn hàng, cập nhật trạng thái đơn hàng
-
Xem chi tiết đơn hàng
4. Nhân viên kho
-
Quản lý kho: xem, thêm, sửa, xóa nguyên liệu trong kho
5. Nhân viên pha chế
-
Xem danh sách đơn cần pha chế
-
Xem chi tiết đơn hàng cần pha chế
-
Xác nhận đơn đã pha chế xong
6. Thu ngân
-
Xem danh sách đơn chờ thanh toán
-
Xác nhận thanh toán đơn hàng
-
In hóa đơn cho khách
-
Xem báo cáo doanh thu theo ngày/tháng/quý/năm
7. Quản lý
-
Quản lý sản phẩm: thêm, sửa, xóa, cập nhật chi tiết, upload ảnh
-
Quản lý danh mục sản phẩm: thêm, sửa, xóa
-
Quản lý topping, size: thêm, sửa, xóa
-
Quản lý voucher: thêm, sửa, xóa, kiểm tra hiệu lực
-
Quản lý kho: thêm, sửa, xóa nguyên liệu trong kho
-
Quản lý nhà cung cấp: thêm, sửa, xóa
-
Quản lý nhân viên: thêm, sửa, xóa, phân quyền nhân viên (không thể chỉnh sửa, xóa chủ quán)
-
Quản lý đơn hàng: xác nhận, cập nhật trạng thái, xem chi tiết đơn hàng
-
Báo cáo thu ngân: thống kê doanh thu, đơn hàng chờ thanh toán, in hóa đơn
-
Báo cáo pha chế: danh sách đơn cần pha chế, cập nhật trạng thái pha chế
-
Xem báo cáo tổng hợp, thống kê sản phẩm bán chạy
8. Chủ quán
-
Quản lý sản phẩm: thêm, sửa, xóa, cập nhật chi tiết, upload ảnh
-
Quản lý danh mục sản phẩm: thêm, sửa, xóa
-
Quản lý nhân viên: thêm, sửa, xóa, phân quyền nhân viên
9. Chức năng API (RESTful)
-
API sản phẩm, danh mục, topping, size, voucher, giỏ hàng, đơn hàng
-
API xác thực, gửi OTP, xác thực email
-
API chatbot (OpenAI) trả lời tự động dựa trên dữ liệu thực tế
10. Chức năng phụ trợ
-
Captcha chống spam khi đăng ký
-
Gửi email xác thực, thông báo đăng ký thành công
-
Xử lý lỗi, thông báo người dùng, giao diện responsive
-
Phân quyền truy cập (AuthInterceptor)
-
Upload file ảnh sản phẩm, avatar
🛠 Công nghệ sử dụng
-
Backend
-
Java 8
-
Spring MVC 5.3.30
-
Spring Security 5.7.11
-
Hibernate 5.6.15.Final
-
MySQL 8.0
-
Maven 3.8.1
-
Frontend
-
HTML5, CSS3, JavaScript
-
Bootstrap 5.3.0
-
jQuery 3.6.0
-
Font Awesome 6.0.0
-
AJAX
-
Server
-
Apache Tomcat 9.0.97
-
JDK 1.8
Yêu cầu hệ thống
-
JDK 1.8 trở lên
-
MySQL 8.0 trở lên
-
Apache Tomcat 9.0.97
-
Maven 3.8.1 trở lên
-
IDE (Eclipse)
XEM THÊM ==> Hướng dẫn cài đặt chi tiết
Nguồn: Sharecode.vn
Hướng dẫn cài đặt chi tiết
Bước 1: Tải dự án về sau đó giải nén dự án bằng WinRaR, nếu không có WinRaR vui lòng tải tại: Trang chủ chính thức của WinRaR
Bước 2: Sau khi đã giải nén, bạn sẽ nhìn thấy có một file có tên là database.sql. Bạn hãy mở MySQL Workbench lên. Sau khi đăng nhập vào tài khoản MySQL xong nhìn vào menu (phía trên bên trái) ấn vào File rồi sau đó chọn Open Script... (phím tắt là Ctrl + Shift + 0). Sau đó bạn tiến hành chọn file database.sql đã được tải về để mở các câu query lên. Sau khi đã nhìn thấy các câu lệnh query, bạn có thể ấn vào hình tia sét (Execute) để chạy database
Bước 3: Sau khi đã chạy thành công database. Bạn vui lòng mở Eclipse lên. Tại giao diện chính của Eclipse, bạn nhìn vào menu có chữ File (phía trên bên phải) ấn vào đó sau đó chọn vào mục Import... để tiến hành Import dự án vào Eclipse. Tại giao diện Import, bạn tìm đến mục Maven (ấn vài mục nầy để nó hiển thị các mục con bên trong). Sau đó chọn Existing Maven Projects sau đó ấn Next. Sau khi ấn Next, bạn ấn vào Browse... và tìm đến folder MilkTea rồi ấn Select Folder để chọn dự án. Nếu như Eclipse đãn nhận diện được file pom.xml (có dấu tích là dấu hiệu cho thấy Eclipse đã nhận diện được thành công đây là dự án Maven). Sau đó bạn ấn Finish để tiến hành import dự án vào Eclipse
Bước 4: Sau khi đã thấy dự án MilkTea tại Project Explorer, bạn vui lòng tìm đến file spring-servlet.xml Tại file này, bạn vui lòng tìm đến đoạn code Database để thay đổi username và passowrd thành tài khoản MySQL thực tế của bạn.
Bước 5: Sau khi đã đổi username và password xong thì bạn ấn Ctrl + S để lưu lại file đã sửa và tiến hành chạy dự án bằng cách:
-
Tại Project Explorer ấn chuột phải vào dự án MilTea
-
Tìm đến mục Run As
-
Chọn Run on Server (phím tắt là Alt + Shift + X, R)
-
Nhìn lại bảng NGUOI_DUNG trong MySQL Workbench để có thể đăng nhập tài khoản: Chủ quán, Quản lý, Nhân viên Order, Nhân viên Pha chế, Nhân viên Thu ngân, Nhân viên Kho hoặc bạn có thể tiến hành Đăng ký để tạo tài khoản khách hàng mới
Lưu ý: Nếu bạn muốn thay đổi bất kỳ một thông tin nào liên quan đến API, vui lòng liên hệ để được hỗ trợ 24/7