1. Quản trị (Admin Panel)
-
Sản phẩm: Quản lý ảnh (Avatar/Gallery), giá (Gốc/Khuyến mãi), mô tả. Phân loại thiết bị (Mobile/Tablet) đồng bộ với danh mục.
-
Danh mục: Thêm/Sửa/Xóa danh mục theo loại thiết bị, hỗ trợ phân trang và lọc.
-
Đơn hàng: Cập nhật trạng thái (Chờ/Giao/Hủy/Xong). Xem chi tiết sản phẩm khách mua qua Modal (có scroll).
-
Dashboard: Biểu đồ Chart.js trực quan: Doanh thu 7 ngày, Trạng thái đơn, Top 5 bán chạy, Người dùng mới.
2. Người dùng (Client Interface)
-
Trang chủ: Banner cạnh Danh mục (scroll); Chia khu vực Điện thoại/Máy tính mới nhất.
-
Mua sắm: Lọc giá bằng Slider, lọc Danh mục (scroll), Sắp xếp. Badge giảm giá và Tag loại thiết bị tự động.
-
Chi tiết: Breadcrumb tự thu gọn tên dài; Gallery ảnh Fancybox; Mua hàng nhanh không chuyển trang.
-
Giỏ hàng: Tích hợp SweetAlert thông báo, quản lý số lượng sản phẩm.
3. Kỹ thuật (Technical)
-
Database: 5 bảng chính (users, categories, products, orders, order_details). Cột screen_type dùng để định danh thiết bị xuyên suốt.
-
UX/UI: Bootstrap 5, FontAwesome 6, Fancybox, NoUiSlider, Chart.js.
-
Xử lý: PHP PDO bảo mật; JSON dùng lưu Gallery và Chi tiết đơn hàng.
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