ĐĂ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 rượu vang rượu whisky rượu vodka rượu mạnh Source website bán các loại rượu phụ kiện uống rượu bài viết chia sẻ kiến thức về rượu Full báo cáo website bán rượu
Source code website bán nón mũ thời trang phụ kiện shop cửa hàng kinh doanh mũ lưỡi trai nón bucket mũ snapback nón bảo hiểm thời trang mũ len và các phụ kiện thời trang quần áo
WebSite Thuê Xe - Laravel+VueJs - Bài tập lớn hoặc đồ án code tham khảo - Có báo cáo
Web bán hàng thời trang trực tuyến
Web bán cây cảnh mới
CODE GẦN GIỐNG