ĐĂNG NHẬP
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
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
Nguồn: Topcode.vn
CODE NỔI BẬT
Source code website bán hoa chậu hoa cây cảnh hoa khai trương hoa sinh nhật hoa chúc mừng trang trí cây xanh | Dự án website quản lý cửa hàng bán hoa tươi chậu hoa chậu cây cảnh Full báo cáo shop hoa
Source code website trang sức nhẫn cưới dây chuyền bông tai | Phần mềm website quản lý cửa hàng bán trang sức nhẫn cưới dây chuyền bông tai mặt dây chuyền bộ trang sức dây chuyền lắc tay lắc chân
Share code website cửa hàng hải sản tôm cua cá hải sản tươi sống và thực phẩm đông lạnh | Source code website bán hải sản đồ biển Phù hợp cho cửa hàng hải sản chợ online doanh nghiệp thực phẩm
Website bán đặc sản địa phương Đặc Sản Việt
Website bán dụng cụ làm bếp
CODE GẦN GIỐNG