1. Hệ thống Giao diện & Trải nghiệm (UI/UX)
-
Thiết kế đồng bộ: Sử dụng tông màu xanh lá cây (Nature Green) sang trọng, font chữ chuyên nghiệp (Plus Jakarta Sans).
-
Hiệu ứng tương tác: Tích hợp hiệu ứng trái tim bay khi yêu thích sản phẩm, hiệu ứng phủ mờ (overlay) hiện nút "Xem chi tiết" khi hover ảnh xe.
-
Thông báo hệ thống: Sử dụng SweetAlert2 cho tất cả thông báo (Đăng nhập, Đăng ký, Thanh toán, Liên hệ) thay cho thông báo trình duyệt mặc định.
2. Chức năng Phía Người dùng
-
Trang chủ: Banner Slider động, Danh mục hãng xe, Thống kê số liệu, Sản phẩm mới và Tin tức nổi bật.
-
Trang sản phẩm: Bộ lọc thông minh (Lọc theo hãng xe, khoảng giá) và thanh tìm kiếm tên xe. Phân trang 8 sản phẩm/trang.
-
Chi tiết sản phẩm: * Bộ sưu tập ảnh (Gallery) 5 ảnh có chức năng đổi ảnh chính mượt mà.
-
Tin tức: Trang danh sách tin tức với bố cục "Tin nổi bật" và "Tin cũ hơn". Trang chi tiết bài viết hỗ trợ nội dung dài có thanh cuộn.
-
Người dùng: Chức năng Đăng nhập/Đăng ký (Phân quyền Admin/User), trang Profile cá nhân cập nhật thông tin và thay đổi ảnh đại diện.
-
Liên hệ: Form liên hệ ảo tích hợp bản đồ Google Maps.
3. Hệ thống Quản trị
-
Dashboard: Thống kê dữ liệu thật từ Database (Tổng xe, Đơn hàng, Khách hàng, Doanh thu) và bảng giao dịch gần đây.
-
Quản lý Slide Show: Thêm, sửa, xóa ảnh bìa trang chủ, có chức năng xem trước ảnh và phân trang.
-
Hệ thống POS (Bán hàng tại quầy): * Sử dụng Select2 tìm kiếm xe nhanh.
-
Quản lý Đơn hàng: * Danh sách đơn hàng đã bán.
-
Xem chi tiết đơn hàng (có ảnh sản phẩm, tên, đơn giá) qua Modal.
-
In hóa đơn: Chức năng in hóa đơn chuẩn sạch đẹp cho khách hàng.
4. Kỹ thuật & Cơ sở dữ liệu
XEM THÊM ==> Hướng dẫn cài đặt chi tiết
Nguồn: Sharecode.vn
import csdl, truy cập localhost/ tên project