1. Kiến trúc & Bảo mật cốt lõi
-
Database: Thiết kế hoàn chỉnh toàn bộ cơ sở dữ liệu với các ràng buộc khóa ngoại chặt chẽ.
-
Xác thực: Hoàn thiện luồng đăng nhập (login.php có bắt lỗi SQL an toàn) và đăng xuất (logout.php hủy triệt để session/cookie).
-
Giao diện Mobile-first: Toàn bộ hệ thống dùng Tailwind CSS. Tối ưu triệt để cho điện thoại (bảng dữ liệu tự động gập thành dạng Card, nút bấm tối giản thành icon, có Sticky Bottom Bar cho giỏ hàng).
-
Phân quyền (Role-based): Component sidebar.php dùng chung, tự động ẩn/hiện menu dựa trên quyền Admin hoặc User.
2. Màn hình Bán hàng (POS - pos.php)
-
Trải nghiệm SPA (Single Page Application): Thao tác mượt mà, không giật lag hay tải lại trang.
-
Bộ lọc trực tiếp: Tìm kiếm bằng text và lọc theo tab danh mục sản phẩm (AJAX-like).
-
Logic Giỏ hàng phức tạp: Có Modal riêng biệt để thu ngân tùy chỉnh số lượng và thêm nhiều loại Topping cùng lúc. Tự động cộng dồn giá tiền chính xác.
-
Thanh toán ngầm: Gửi toàn bộ giỏ hàng qua Fetch API và lưu vào 3 bảng khác nhau bằng Transaction để đảm bảo toàn vẹn dữ liệu.
3. Phân hệ Quản trị (Admin)
-
Dashboard (index.php): Thống kê thời gian thực (doanh thu, số đơn, món bán chạy) kết hợp 2 biểu đồ trực quan từ Chart.js.
-
Menu & Topping (products.php, toppings.php): Thêm/Sửa/Xóa bằng Modal ẩn. Hỗ trợ upload ảnh thật, định dạng tiền tệ tự động (bỏ ,00 thêm dấu chấm). Chống xóa lỗi DB bằng cách tự động chuyển sang "Ngừng bán" nếu dính khóa ngoại.
-
Nhập kho (imports.php & get_import_details.php): Tạo phiếu nhập chứa nhiều mặt hàng, tính tổng tiền realtime bằng JS. Có Modal xem chi tiết phiếu nhập cực đẹp.
-
Hóa đơn (orders.php & get_order_details.php): Lịch sử giao dịch, cho phép chuyển trạng thái "Đã hủy" hoặc xóa vĩnh viễn. Tích hợp Modal xem lại Biên lai thanh toán (Receipt) chi tiết từng món và topping.
-
Nhân sự (users.php): Quản lý nhân viên, phân quyền, mã hóa mật khẩu, chặn lỗi tự xóa tài khoản đang đăng nhập.
4. Thư viện UI/UX đã tích hợp
-
SweetAlert2: Thay thế toàn bộ alert mặc định bằng các hộp thoại bo góc, mượt mà chuẩn 2026.
-
Select2: Nâng cấp các ô chọn danh mục/quyền hạn thành dạng có thể gõ để tìm kiếm.
-
Font chữ: Đồng bộ sử dụng font Plus Jakarta Sans cao cấp.
XEM THÊM ==> Hướng dẫn cài đặt chi tiết
Nguồn: Sharecode.vn
import csdl, truy cập localhost/ tên project