Website Bán Hàng Tích Hợp AI Chatbot Tư Vấn Và Thanh Toán VNPay

Giới thiệu dự án

Dự án LaraShop là hệ thống thương mại điện tử chuyên ngành bán lẻ thời trang và phụ kiện được phát triển trên nền tảng PHP sử dụng framework Laravel phiên bản 12. Hệ thống cung cấp trải nghiệm mua sắm khép kín từ việc duyệt danh mục sản phẩm, cấu hình biến thể (kích thước, màu sắc), áp dụng mã giảm giá đến thanh toán trực tuyến và theo dõi đơn hàng cá nhân. Điểm nhấn công nghệ của dự án là việc tích hợp trợ lý ảo thông minh sử dụng trí tuệ nhân tạo để tư vấn sản phẩm trực tiếp dựa trên kho dữ liệu thực tế của cửa hàng.

Bài toán thực tế

Trong kỷ nguyên số, các doanh nghiệp bán lẻ thời trang đối mặt với thách thức quản lý danh mục sản phẩm đa dạng thuộc tính, kiểm soát tồn kho biến động liên tục và đáp ứng nhu cầu tư vấn khách hàng 24/7. Đồng thời, nhu cầu thanh toán trực tuyến không dùng tiền mặt ngày càng tăng đòi hỏi hệ thống phải tích hợp các cổng thanh toán uy tín. Hệ thống LaraShop giải quyết triệt để các vấn đề này bằng giải pháp lưu trữ cấu trúc thuộc tính động, tối ưu hóa quy trình đặt hàng và tích hợp chatbot tự động RAG (Retrieval-Augmented Generation) truy vấn cơ sở dữ liệu sản phẩm theo thời gian thực để trả lời khách hàng.

Công nghệ sử dụng

Dự án sử dụng các công nghệ hiện đại và chuẩn mực:

• Backend: PHP 8.2+ và framework Laravel 12 với cấu trúc thư mục rõ ràng, tối ưu bảo mật và hiệu năng.

• Frontend: HTML5, CSS3, Bootstrap 5 làm nền tảng xây dựng giao diện tối giản, hiện đại, và Vanilla Javascript thuần cho các hiệu ứng tương tác mượt mà.

• Database: MySQL lưu trữ dữ liệu quan hệ chặt chẽ.

• Tích hợp bên thứ ba: Cổng thanh toán VNPay Sandbox, Google Gemini API phục vụ Chatbot AI, và thư viện Chart.js hiển thị biểu đồ trực quan.

• Mail Server: Tích hợp thư viện gửi email khôi phục mật khẩu thông qua SMTP.

Chức năng nổi bật

• Trợ lý ảo AI Chatbot: Nạp cơ sở dữ liệu danh mục sản phẩm của cửa hàng để phản hồi thông minh, gợi ý sản phẩm phù hợp kèm link truy cập trực tiếp cho khách hàng.

• Quản lý biến thể nâng cao: Cho phép người quản trị định nghĩa các thuộc tính động và phát sinh tổ hợp biến thể (Size-Màu sắc) tự động, cấu hình giá bán và hình ảnh riêng cho từng thuộc tính.

• Dashboard thống kê tương tác: Trang quản trị tích hợp biểu đồ Chart.js trực quan lọc dữ liệu theo ngày/tháng/năm hoặc tùy chọn thời gian bằng AJAX không tải lại trang.

• Cổng thanh toán VNPay: Hỗ trợ tích hợp thanh toán bảo mật trực tiếp qua ngân hàng hoặc ví điện tử.

• Quản trị nội dung tĩnh và hệ thống: Quản lý động các thông tin chân trang, mạng xã hội, giờ làm việc, và tích hợp bật/tắt API Key trực tiếp từ giao diện admin.

• Đặt lại mật khẩu qua Email: Quy trình khôi phục tài khoản tự động gửi link xác thực bảo mật có thời gian hết hạn qua hòm thư điện tử.

Giá trị học tập

Dự án mang lại giá trị thực hành cao cho sinh viên công nghệ thông tin:

• Học cách thiết kế và truy vấn cơ sở dữ liệu quan hệ phức tạp (One-to-Many, Many-to-Many) của sản phẩm biến thể.

• Tiếp cận phương pháp tích hợp API của Google Gemini để xử lý dữ liệu ngôn ngữ tự nhiên.

• Hiểu sâu sắc quy trình tích hợp cổng thanh toán trực tuyến (IPN, Secure Hash, Return URL).

• Thực hành phát triển hệ thống đầy đủ phân quyền (Admin, Customer) và cơ chế khôi phục mật khẩu chuẩn bảo mật.

• Tối ưu hóa giao diện người dùng sử dụng Bootstrap và biểu đồ động.

Khả năng mở rộng

Hệ thống được thiết kế hướng modul hóa giúp dễ dàng nâng cấp:

• Tích hợp thêm các phương thức thanh toán phổ biến như MoMo, ShopeePay hoặc Paypal.

• Nâng cấp AI Chatbot để thực hiện các nghiệp vụ phức tạp hơn như tạo đơn hàng trực tiếp qua khung chat.

• Tách biệt cấu trúc để chuyển đổi frontend sang các công nghệ Single Page Application như ReactJS, VueJS hoặc Next.js trong tương lai.

ĐIỂM NỔI BẬT

• Thiết kế giao diện hiện đại tối ưu trải nghiệm người dùng

• Hệ thống Responsive tương thích hoàn hảo trên mọi kích thước màn hình

• Quản lý sản phẩm biến thể động và tự động phát sinh tổ hợp thuộc tính

• Dashboard trực quan hóa dữ liệu kinh doanh bằng biểu đồ tương tác

• Tích hợp AI Chatbot tự động tư vấn sản phẩm thời gian thực

• Hỗ trợ thanh toán trực tuyến qua cổng VNPay an toàn

• Cơ chế quên mật khẩu và gửi email khôi phục tài khoản tự động

• Quản trị cấu hình hệ thống và nội dung tĩnh linh hoạt

CHỨC NĂNG CHÍNH

• Khách hàng:

  • Xem danh sách sản phẩm, lọc theo danh mục, tìm kiếm từ khóa

  • Xem chi tiết sản phẩm, chọn biến thể thuộc tính để hiển thị giá bán và tồn kho tương ứng

  • Giỏ hàng trực tuyến: Thêm, sửa số lượng, xóa sản phẩm trong giỏ hàng

  • Áp dụng mã giảm giá công khai trên trang ưu đãi và sao chép mã nhanh

  • Đặt hàng và lựa chọn phương thức thanh toán (COD hoặc chuyển khoản VNPay)

  • Đăng ký, đăng nhập tài khoản khách hàng, cập nhật thông tin cá nhân và xem lịch sử đơn hàng chi tiết

  • Khôi phục mật khẩu thông qua liên kết gửi về email cá nhân

  • AI Chatbot nổi hỗ trợ tư vấn và gợi ý liên kết sản phẩm trực quan

• Admin:

  • Dashboard thống kê doanh thu, số lượng đơn hàng, tỷ lệ trạng thái đơn và danh mục sản phẩm bằng biểu đồ Chart.js

  • Bộ lọc thống kê doanh số theo mốc thời gian nhanh hoặc khoảng ngày tùy chọn bằng AJAX

  • Quản lý danh mục sản phẩm (thêm, sửa, xóa, kích hoạt trạng thái)

  • Quản lý sản phẩm kèm ảnh đại diện chính và thư viện ảnh phụ lưu trữ dạng base64

  • Quản lý thuộc tính sản phẩm và quản lý giá trị/tồn kho chi tiết của từng biến thể sản phẩm

  • Quản lý mã giảm giá (giá trị phần trăm hoặc số tiền cố định, giới hạn lượt dùng và thời hạn)

  • Quản lý đơn hàng (cập nhật trạng thái đơn hàng, xem chi tiết thanh toán)

  • Quản lý người dùng và phân quyền tài khoản hệ thống

  • Quản lý bài viết/tin tức thời trang

  • Quản lý slide ảnh trình chiếu trang chủ

  • Quản lý các trang nội dung tĩnh (Giới thiệu, Liên hệ, Điều khoản dịch vụ)

  • Cấu hình tham số hệ thống (Site name, Hotline, Google Maps, Zalo Link, Gemini API Key)

CÔNG NGHỆ SỬ DỤNG

Frontend: HTML5, CSS3, Javascript, Bootstrap 5, FontAwesome 6, Chart.js

Backend: PHP 8.2, Framework Laravel 12

Database: MySQL

Cloud: Hỗ trợ triển khai mọi hosting/VPS PHP

Thư viện: Laravel Tinker, Symfony Mailer

Công cụ: Composer, NPM, Vite