1. Phân hệ khách hàng (Frontend)
Trang chủ: Banner slide, danh sách sản phẩm mới và tin tức nổi bật.
Sản phẩm: Bộ lọc theo danh mục, lọc theo giá thực tế từ database, tìm kiếm và phân trang (12 sản phẩm/trang).
Tin tức: Bố cục tin mới nhất (lớn bên trái, 2 tin nhỏ bên phải), danh sách tin theo bộ 3 và phân trang.
Chi tiết đơn hàng: Theo dõi tiến trình (Chờ xác nhận, Đang giao, Đã hoàn thành), xem danh sách sản phẩm (có thanh cuộn) và nút hủy đơn khi chưa xác nhận.
Liên hệ: Trang thông tin tĩnh tích hợp bản đồ Google Maps và form gửi tin nhắn (hiển thị thông báo swal).
2. Phân hệ quản trị (Admin Dashboard)
Thống kê: Biểu đồ doanh thu thực tế 6 tháng gần nhất (lấy từ đơn đang giao) và biểu đồ tròn phân bổ danh mục sản phẩm.
Quản lý người dùng: Thêm/sửa/xóa tài khoản, quản lý vai trò (Admin/User), địa chỉ và ảnh đại diện (Modal tối ưu hàng ngang).
Quản lý sản phẩm: Quản lý kho (số lượng/hết hàng), giá gốc/giá khuyến mãi, ảnh đại diện và bộ sưu tập 5 ảnh demo (tích hợp CKEditor).
Quản lý đơn hàng: Bộ lọc trạng thái, cập nhật trạng thái đơn, xem chi tiết sản phẩm khách đặt và in hóa đơn.
Cấu hình hệ thống: Quản lý tài khoản ngân hàng nhận tiền (tên ngân hàng, số tài khoản, chủ tài khoản, mã bank).
3. Tính năng hệ thống & UI/UX
Thông báo: Sử dụng SweetAlert2 (swal) cho toàn bộ thao tác (thêm, sửa, xóa, thông báo lỗi/thành công).
In ấn: Trang in hóa đơn chuẩn A4, tự động gọi lệnh in khi mở.
Dữ liệu: Xử lý ảnh (upload/xóa file vật lý), định dạng tiền tệ tự động và bảo mật đăng nhập theo vai trò.
XEM THÊM ==> Hướng dẫn cài đặt chi tiết
HƯỚNG DẪN CÀI ĐẶT
import csdl, truy cập localhost/ tên project
Nguồn: Topcode.vn
