1. Hệ thống Người dùng (Frontend)
Trang chủ: Slider quảng cáo động, danh sách sản phẩm mới, sản phẩm bán chạy.
Sản phẩm & Danh mục: Bộ lọc giá tự động (Min-Max), lọc theo danh mục (thanh cuộn), sắp xếp theo lượt xem/bán/giảm giá. Phân trang 9 sản phẩm/trang.
Tin tức: Bố cục tiêu điểm (1 lớn, 2 nhỏ) và danh sách phân trang (6 bài/trang). Nội dung chi tiết có thanh cuộn tối ưu.
Giỏ hàng & Thanh toán: Lưu trữ session, Form thanh toán tự động điền thông tin người dùng từ database.
Tài khoản cá nhân (Profile): * Tab 1: Sửa thông tin cá nhân/mật khẩu.
Tab 2: Lịch sử đơn hàng với thanh tiến độ (icon ô tô di chuyển), xem chi tiết qua Modal, nút hủy đơn khi chưa duyệt.
Liên hệ: Trang tĩnh có bản đồ và form gửi yêu cầu tư vấn (hiển thị SweetAlert2).
2. Hệ thống Quản trị (Admin)
Dashboard (Tổng quan): * Báo cáo nhanh: Sản phẩm, Đơn hàng, Khách hàng, Doanh thu.
Biểu đồ (Chart.js): Doanh thu 7 ngày, Cơ cấu sản phẩm, Trạng thái đơn hàng.
Danh sách Top 3 bán chạy: Hiển thị ảnh, tên, lượt bán và lượt xem cực gọn.
Hỗ trợ Responsive: Nút toggle (3 gạch) hoạt động mượt trên mobile.
Quản lý Đơn hàng:
Bộ lọc trạng thái đơn hàng (Mặc định: Chờ duyệt).
Xem chi tiết đơn hàng bằng Modal, cập nhật trạng thái trực tiếp.
In hóa đơn: Cửa sổ pop-up hóa đơn chuyên nghiệp.
Quản lý sản phẩm
Quản lý tin tức
Quản lý loại sản phẩm. có chọn icon cho từng loại
Quản lý Slide: Thêm, sửa, xóa banner quảng cáo, hỗ trợ xem trước ảnh (Preview) khi upload.
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