Phía Người dùng (Frontend)
-
Trang chủ: Banner slider, danh mục sản phẩm, danh sách sản phẩm mới nhất và tin tức nổi bật.
-
Sản phẩm: Lọc sản phẩm theo danh mục, tìm kiếm theo tên, lọc khoảng giá bằng noUiSlider và phân trang.
-
Chi tiết sản phẩm: Hiển thị thông tin, chọn kích cỡ (Size), kiểm tra tồn kho theo từng variant, tăng giảm số lượng và xem sản phẩm tương tự.
-
Giỏ hàng: Thêm sản phẩm kèm size và số lượng, cộng dồn giỏ hàng bằng AJAX, cập nhật số lượng hiển thị trên header.
-
Thanh toán: Kiểm tra điều kiện đăng nhập và giỏ hàng, nhập thông tin giao hàng, trừ số lượng tồn kho theo variant sau khi đặt hàng thành công.
-
Lịch sử đơn hàng: Danh sách đơn hàng cá nhân, phân trang, xem chi tiết sản phẩm trong đơn qua Modal AJAX và hủy đơn hàng khi ở trạng thái chờ xử lý.
-
Hồ sơ cá nhân: Cập nhật thông tin họ tên, số điện thoại, địa chỉ và thay đổi ảnh đại diện bằng AJAX (có preview).
-
Tin tức: Trang danh sách tin tức (Highlight tin mới nhất) và trang chi tiết bài viết.
-
Liên hệ: Hiển thị thông tin cửa hàng, bản đồ và form gửi liên hệ có hiệu ứng thông báo.
2. Phía Quản trị (Admin)
-
Dashboard: Thống kê tổng số lượng sản phẩm, đơn hàng, người dùng, tin tức. Biểu đồ doanh thu thực tế theo tháng và biểu đồ tỉ lệ trạng thái đơn hàng (Chart.js).
-
Quản lý người dùng: Danh sách thành viên, tìm kiếm, phân quyền (Admin/User), cập nhật thông tin và ảnh đại diện, xóa người dùng.
-
Quản lý danh mục
-
Quản lý sản phẩm
-
Quản lý size
-
Quản lý nhập hàng dùng select2 đẹp
-
Quản lý đơn hàng: Lọc đơn hàng theo trạng thái, cập nhật trạng thái đơn hàng, xem chi tiết món đồ trong đơn.
-
In hóa đơn: Xuất hóa đơn bán hàng chuyên nghiệp có đầy đủ ảnh sản phẩm, thông tin khách hàng và định dạng tối ưu để in ấn.
3. Hệ thống và Cơ sở dữ liệu
-
Cấu trúc DB: Thiết kế các bảng users, products, categories, product_variants, sizes, orders, order_items, news, banners.
-
Bảo mật & Logic: Phân quyền truy cập trang Admin, chặn truy cập trái phép trang Checkout/Orders khi chưa đăng nhập, sử dụng PDO để thực thi SQL và dùng Transaction cho quá trình đặt hàng.
-
Giao diện: Tối ưu Responsive, sử dụng Bootstrap 5, SweetAlert2 cho thông báo và AJAX cho các tác vụ không cần tải lại trang.
XEM THÊM ==> Hướng dẫn cài đặt chi tiết
Nguồn: Sharecode.vn
thêm tệp sql vào cơ sở dữ liệu
Truy cập localhost/sport
Chúc bạn thành công