🛠 Công nghệ sử dụng: PHP thuần (PDO), MySQL, Tailwind CSS, JavaScript (AJAX, Swiper.js, SweetAlert2).
👤 GIAO DIỆN KHÁCH HÀNG (CLIENT)
-
Trang chủ: Slider banner sinh động, hiển thị danh mục, khu vực Flash Sale (cùng % giảm giá), Sản phẩm mới và Tin tức nổi bật.
-
Sản phẩm: Lọc nâng cao theo danh mục, thanh kéo thả khoảng giá (tự động lấy min/max từ DB), tìm kiếm từ khóa, tích hợp phân trang.
-
Chi tiết sản phẩm: Giao diện xem nhiều ảnh (Thumbnail gallery), hiển thị số lượng tồn kho thực tế, mua ngay hoặc thêm vào giỏ hàng bằng AJAX cực mượt.
-
Giỏ hàng & Thanh toán: Quản lý giỏ hàng, đặt hàng với form điền thông tin chi tiết và chọn phương thức thanh toán.
-
Tin tức: Trang danh sách tin tức phân trang và trang đọc chi tiết bài viết giao diện chuẩn blog.
-
Tài khoản người dùng: * Đăng ký / Đăng nhập (Mã hóa mật khẩu).
-
Cập nhật thông tin cá nhân & Đổi ảnh đại diện (Avatar).
-
Quản lý đơn hàng: Xem lịch sử mua hàng, thanh tiến độ (Progress bar) theo dõi trạng thái đơn trực quan, cho phép người dùng tự hủy đơn khi chờ xác nhận, xem chi tiết đơn hàng (Modal).
⚙️ GIAO DIỆN QUẢN TRỊ (ADMIN)
-
Quản lý đơn hàng: Hiển thị danh sách, phân trang, bộ lọc nhanh theo từng trạng thái (Chờ xác nhận, Đang giao, Đã giao, Đã hủy).
-
Xử lý đơn: Thay đổi trạng thái đơn hàng tiện lợi, xem chi tiết đơn hàng (Modal) đầy đủ thông tin khách hàng và sản phẩm.
-
🖨 Đặc biệt: Tích hợp tính năng Xuất/In hóa đơn PDF với template được thiết kế riêng, chuyên nghiệp, sắc nét, hiển thị cả ảnh sản phẩm.
-
Quản lý người dùng
-
Quản lý silide
-
Quản lý sản phẩm chi tiết có thêm ảnh demo(tối đa 5)
-
Quản lý loại sản phẩm
-
Quản lý tin tức tích hợp ckeditor4 có thể thêm ảnh và chỉnh kích thước vào nội dung
-
...
✨ ĐIỂM NHẤN:
-
Giao diện chuẩn Mobile-First, hiển thị hoàn hảo trên mọi kích thước màn hình.
-
Hệ thống thông báo đẹp mắt, thân thiện bằng SweetAlert2.
-
Các thao tác thêm giỏ hàng không cần tải lại trang.
XEM THÊM ==> Hướng dẫn cài đặt chi tiết
Nguồn: Sharecode.vn