1. Hệ thống Quản trị (Admin Panel)
Quản lý Danh mục: Thêm, sửa, xóa, tìm kiếm và phân quyền trạng thái hiển thị danh mục sản phẩm.
Quản lý Sản phẩm: Quản lý kho hàng (số lượng), giá bán, giá khuyến mãi, hình ảnh và mô tả chi tiết bài bản.
Quản lý Người dùng: Phân quyền Admin/User, quản lý thông tin tài khoản, mật khẩu (đã băm bảo mật).
Quản lý Banner: Hệ thống slide banner trang chủ, hỗ trợ link điều hướng và thứ tự sắp xếp tùy chỉnh.
Quản lý Tin tức: Tích hợp CKEditor 4 hỗ trợ upload ảnh trực tiếp, chỉnh sửa nội dung bài viết chuyên nghiệp.
Quản lý Đơn hàng: * Lọc đơn hàng theo trạng thái (Chờ xử lý, Đang giao, Hoàn thành, Đã hủy).
Cập nhật trạng thái đơn hàng realtime.
In hóa đơn: Xuất hóa đơn bán hàng chuyên nghiệp (có ảnh sản phẩm) qua cửa sổ popup chuẩn in ấn.
2. Giao diện Người dùng (Frontend)
Trang chủ: Slider banner lớn, danh sách 8 sản phẩm mới nhất (có tag % giảm giá), bộ lọc nhanh theo danh mục và tin tức tiêu điểm.
Trang Sản phẩm: Bộ lọc thông minh (theo danh mục, khoảng giá, tìm kiếm tên), phân trang mượt mà (12 SP/trang).
Trang Chi tiết Sản phẩm: Hiển thị thông số, mô tả, sản phẩm tương tự và chức năng tăng giảm số lượng mua hàng.
Trang Tin tức: Bố cục tin tiêu điểm (50/25/25) và danh sách tin bài cũ hơn có phân trang.
Trang Chi tiết Tin tức: Hiển thị nội dung chuẩn CKEditor, tự động xử lý đường dẫn ảnh và bài viết liên quan.
3. Chức năng Giỏ hàng & Thanh toán
Giỏ hàng Realtime: Thêm sản phẩm, cập nhật số lượng, xóa sản phẩm không cần tải lại trang. Hiển thị badge số lượng trên Header.
Thanh toán (Checkout): Tự động lấy thông tin người dùng đăng nhập, tính toán tổng tiền, kiểm tra tồn kho và tạo đơn hàng (Transaction bảo mật dữ liệu).
Quản lý Đơn hàng cá nhân: Xem danh sách đơn đã đặt, xem chi tiết sản phẩm trong đơn, theo dõi thanh tiến độ trạng thái và hỗ trợ tự hủy đơn khi còn chờ xử lý.
4. Tài khoản & Bảo mật
Đăng nhập/Đăng ký: Hệ thống phiên làm việc (Session) xuyên suốt.
Trang Cá nhân (Profile): Cập nhật thông tin họ tên, SĐT, địa chỉ và chức năng đổi mật khẩu bảo mật cao.
Bảo mật SQL: Sử dụng PDO Prepared Statements để chống tấn công SQL Injection.
5. Công nghệ & Giao diện
Ngôn ngữ: PHP thuần, MySQL (PDO).
Giao diện: Mobile-First (ưu tiên điện thoại), chuẩn Responsive (Tailwind CSS), hiệu ứng bo góc hiện đại, bảng biểu tự động chuyển sang dạng Card trên điện thoại.
Trải nghiệm: Tích hợp SweetAlert2 cho các thông báo và AJAX cho các thao tác thêm/sửa/xóa giúp trang web hoạt động mượt mà.
XEM THÊM ==> Hướng dẫn cài đặt chi tiết
HƯỚNG DẪN CÀI ĐẶT
import csdl, truy cập localhost/ tên project
Nguồn: Topcode.vn
