Giao Diện Khách Hàng (Client-side)
-
Xác thực bảo mật: Đăng ký, Đăng nhập, Đăng xuất, mã hóa mật khẩu an toàn.
-
Trang chủ (Home): Tích hợp thanh trượt Banner tự động, danh sách Danh mục, hiển thị Sản phẩm nổi bật và Tin tức mới nhất.
-
Trang Cửa hàng (Shop/Products):
-
Chi tiết sản phẩm:
-
Hiển thị hình ảnh, giá gốc.
-
Chọn biến thể (Màu sắc/Hương vị) qua radio button.
-
Chọn nhiều Topping đính kèm (giá sẽ tự động cộng dồn bằng Javascript ngay lập tức).
-
Sản phẩm liên quan.
-
Giỏ hàng (Cart):
-
Thêm vào giỏ bằng AJAX, không load trang, bay số thông báo (badge) mượt mà.
-
Tính năng Tăng/Giảm số lượng, Xóa sản phẩm bằng AJAX.
-
Tính tổng tiền theo thời gian thực.
-
Thanh toán (Checkout):
-
Đơn hàng của tôi (My Orders):
-
Xem lịch sử giao dịch.
-
Hiển thị thanh Tiến trình giao hàng trực quan (Chờ xác nhận -> Chuẩn bị -> Giao hàng -> Hoàn thành).
-
Nút Hủy đơn bằng AJAX (chỉ khả dụng ở bước Chờ xác nhận).
-
Xem chi tiết từng đơn qua Modal không load trang.
-
Tin tức & Profile:
-
Đọc bài viết (đã tối ưu hiển thị chữ, ảnh resize không bị vỡ giao diện). Nút chia sẻ mạng xã hội.
-
Sửa thông tin cá nhân và Đổi mật khẩu.
Giao Diện Quản Trị (Admin-side)
-
Bảo mật: Check quyền truy cập đa lớp, chỉ Admin mới được vào hệ thống backend.
-
Quản lý Đơn hàng (Order Management):
-
Xem toàn bộ đơn, tìm kiếm theo SĐT, lọc theo trạng thái.
-
Cập nhật trạng thái trực tiếp bằng select dropdown.
-
Tính năng In Hóa Đơn (Print Invoice) được tối ưu hóa bằng CSS chuyên biệt, loại bỏ menu thừa, xuất ra bill chuyên nghiệp.
-
Quản lý Sản phẩm & Phân loại:
-
CRUD (Thêm/Sửa/Xóa) cho Bảng Danh mục, Biến thể, Topping.
-
CRUD Sản phẩm: Tích hợp thư viện Select2 để chọn danh mục, tự động định dạng tiền tệ VNĐ khi nhập, Upload hình ảnh.
-
Quản lý Nội dung (Tin tức & Banner):
-
Banner: Upload hình ảnh, trạng thái bật/tắt (Hiển thị/Ẩn).
-
Tin tức: Sử dụng CKEditor 4 để soạn thảo bài viết chuẩn SEO, tích hợp tính năng Upload ảnh trực tiếp từ máy tính lên khung soạn thảo bằng AJAX (Tab Tải Lên). Xử lý triệt để lỗi xung đột giữa CKEditor Modal và Bootstrap Modal.
-
Giao diện & Tiện ích Admin: * Sidebar Menu trượt mượt mà.
XEM THÊM ==> Hướng dẫn cài đặt chi tiết
Nguồn: Sharecode.vn
import file csdl vào mysql
truy cập localhost/ tên project