1. CHỨC NĂNG DÀNH CHO NGƯỜI DÙNG (FRONTEND)
-
Hệ thống Tài khoản: Đăng ký thành viên, đăng nhập, đăng xuất và cập nhật hồ sơ cá nhân (thay đổi thông tin cá nhân, cập nhật ảnh đại diện trực tuyến).
-
Trình diễn Sản phẩm: Xem danh sách sản phẩm mới nhất, lọc sản phẩm theo danh mục và tìm kiếm sản phẩm theo tên.
-
Chi tiết Sản phẩm: Hiển thị thông tin chi tiết về giá, mô tả sản phẩm và hình ảnh chất lượng cao.
-
Giỏ hàng thông minh: Thêm/xóa sản phẩm, cập nhật số lượng trực tiếp bằng công nghệ AJAX không cần tải lại trang.
-
Thanh toán & Đặt hàng: Form nhập thông tin nhận hàng đơn giản, tích hợp hiệu ứng pháo hoa chúc mừng khi đặt hàng thành công.
-
Theo dõi Đơn hàng: Xem lịch sử mua hàng, bộ lọc trạng thái đơn hàng (Chờ xử lý, Đang giao, Hoàn thành).
-
Thanh tiến độ đơn hàng: Theo dõi lộ trình đơn hàng trực quan với hiệu ứng icon ô tô di chuyển theo từng giai đoạn.
-
Liên hệ: Form gửi phản hồi trực tuyến tích hợp thông báo ảo SweetAlert2 đẹp mắt.
2. CHỨC NĂNG DÀNH CHO QUẢN TRỊ VIÊN (ADMIN)
-
Bảng điều khiển (Dashboard): Hệ thống biểu đồ (Chart.js) thống kê doanh thu theo tuần, tỷ lệ trạng thái đơn hàng và các chỉ số tổng quan (Sản phẩm, User, Đơn hàng).
-
Quản lý Đơn hàng: Bộ lọc đơn hàng chuyên sâu theo trạng thái, tích hợp phân trang và tìm kiếm.
-
Xử lý Đơn hàng: Xem chi tiết món hàng khách đặt qua Modal, cập nhật trạng thái đơn hàng (Tự động khóa thao tác đối với đơn hàng đã hủy).
-
In ấn hóa đơn: Chức năng xuất hóa đơn bán hàng (Invoice) chuyên nghiệp để in ấn và đóng gói hàng hóa.
-
Quản lý Sản phẩm: Giao diện thêm, sửa, xóa sản phẩm và quản lý kho hàng.
3. CÔNG NGHỆ VÀ KỸ THUẬT SỬ DỤNG
-
Backend: PHP, MySQL (Xử lý logic và lưu trữ dữ liệu bền vững).
-
Frontend: HTML5, CSS3, Bootstrap 5 (Giao diện Responsive tương thích mọi thiết bị).
-
Interactive: JavaScript, jQuery, AJAX (Tăng trải nghiệm người dùng mượt mà).
-
Thư viện đồ họa: Chart.js (Biểu đồ), SweetAlert2 (Thông báo), Canvas-confetti (Hiệu ứng pháo hoa), Swiper.js (Slide trình diễn).
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