💻 Công nghệ sử dụng:
-
Backend: PHP thuần (PDO), MySQL.
-
Frontend: Tailwind CSS, Alpine.js, jQuery.
-
Thư viện hỗ trợ: SweetAlert2 (Toast/Popup), CKEditor 4 (Soạn thảo), Select2, FontAwesome.
🔥 TÍNH NĂNG NỔI BẬT:
🛒 Về phía Khách hàng (Frontend):
-
Giao diện Mobile-First: Tối ưu 100% trên mọi thiết bị, từ PC đến Mobile.
-
Trang chủ ấn tượng: Banner Slider mượt mà, hiển thị sản phẩm & tin tức mới nhất, có bố cục chuẩn Landing Page.
-
Mua sắm thông minh: Bộ lọc sản phẩm (tìm kiếm, thương hiệu, khoảng giá min-max động), phân trang chuẩn xác. Trượt mở bộ lọc mượt mà trên mobile.
-
Giỏ hàng & Đặt hàng: Nút tăng giảm số lượng bị giới hạn chặt chẽ theo Tồn Kho thực tế. Form thanh toán tự động điền thông tin user.
-
Quản lý tài khoản: Cập nhật thông tin, đổi mật khẩu (bảo mật Bcrypt).
-
Tracking Đơn hàng: Dashboard theo dõi lịch sử mua hàng, nổi bật với thanh tiến độ trạng thái (có icon ô tô chạy cực chất), cho phép xem chi tiết và Hủy đơn (nếu đang chờ xử lý).
⚙️ Về phía Quản trị viên (Admin Dashboard):
-
Quản lý Đơn hàng: Xem chi tiết đơn, cập nhật trạng thái. Đặc biệt tích hợp tính năng In Hóa Đơn (Print Invoice) ngay tại web với layout thiết kế riêng cực kỳ chuyên nghiệp.
-
Quản lý Sản phẩm & Danh mục: Thêm/sửa/xóa sản phẩm, upload ảnh từ máy tính (tự động đổi tên chống trùng lặp), tự động định dạng giá tiền (VND), chọn danh mục thông minh với Select2.
-
Quản lý Tin tức (Blog): Tích hợp CKEditor 4 cho phép upload ảnh nội dung từ máy tính. Đã code xử lý để ảnh tự động resize vừa vặn trên Mobile, chống vỡ layout hoàn toàn.
-
Quản lý Banner & Người dùng: Thay đổi ảnh banner linh hoạt, quản lý phân quyền (Admin/Customer), cơ chế khóa không cho admin tự xóa tài khoản của chính mình.
💡 Điểm nhấn kỹ thuật: Toàn bộ dự án áp dụng mô hình PRG (Post-Redirect-Get) chống lỗi gửi lại Form, sử dụng Alpine.js cho các Modal/Dropdown giúp trang web thao tác nhanh, không cần load lại trang nhiều lần, mang lại trải nghiệm UX/UI đỉnh cao.
XEM THÊM ==> Hướng dẫn cài đặt chi tiết
Nguồn: Sharecode.vn