MÔ TẢ CHI TIẾT

Giới thiệu dự án

Dự án là một hệ thống thương mại điện tử bán đồ ăn nhanh và nước uống hoàn chỉnh, được xây dựng nhằm cung cấp giải pháp đặt món trực tuyến tiện lợi cho khách hàng và hệ thống quản trị mạnh mẽ cho quản trị viên. Website được thiết kế với giao diện hiện đại, tối ưu trải nghiệm người dùng và sử dụng phiên bản framework Laravel 12 mới nhất kết hợp với thư viện CSS Tailwind v4 mới nhất để tăng tốc độ phản hồi. Hệ thống tích hợp sẵn luồng thanh toán VNPay, quy trình xử lý đơn hàng tự động và cơ chế lưu trữ dữ liệu tối ưu.

Bài toán thực tế

Trong thực tế vận hành một cửa hàng ăn uống trực tuyến, doanh nghiệp thường gặp khó khăn trong việc quản lý chế biến và tồn kho nguyên liệu khi đơn đặt hàng bị giữ ở trạng thái chờ thanh toán quá lâu. Dự án giải quyết bài toán này bằng cơ chế tự động hủy đơn hàng sau 15 phút nếu khách hàng không hoàn tất thanh toán VNPay hoặc đơn hàng chưa được xác nhận để nhanh chóng giải phóng suất ăn cho khách hàng khác. Ngoài ra, để giảm chi phí duy trì dịch vụ lưu trữ đám mây bên thứ ba và tăng tính độc lập khi triển khai cục bộ, hệ thống hỗ trợ lưu trữ hình ảnh sản phẩm dưới dạng chuỗi mã hóa Base64 trực tiếp trong cơ sở dữ liệu.

Công nghệ sử dụng

Hệ thống sử dụng các công nghệ hiện đại nhằm đảm bảo hiệu năng và khả năng mở rộng. Backend được xây dựng hoàn toàn bằng ngôn ngữ PHP trên framework Laravel 12, hỗ trợ xử lý nghiệp vụ đặt món, quản lý cơ sở dữ liệu qua Eloquent ORM và bảo mật với CSRF Protection. Frontend sử dụng Vite làm công cụ build và Tailwind CSS v4 để phát triển giao diện responsive. Cơ sở dữ liệu MySQL được thiết kế tối ưu với các index tại các trường tìm kiếm chính như trạng thái hoạt động, số lượng tồn kho và danh mục món ăn.

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

Quy trình đặt hàng và thanh toán: Hỗ trợ hai phương thức thanh toán gồm COD (tiền mặt khi nhận hàng) và thanh toán điện tử VNPay. Hệ thống xử lý thông tin phản hồi từ cổng thanh toán để cập nhật chính xác trạng thái đơn hàng.
Tự động hủy đơn hàng: Hệ thống tích hợp logic tự động kiểm tra thời gian hết hạn của đơn hàng chờ xác nhận hoặc đơn hàng VN Pay chưa thanh toán (giới hạn 15 phút) để tự động giải phóng tồn kho.
Quản lý mã giảm giá: Cho phép tạo mã giảm giá với các quy định về mức giảm, thời hạn áp dụng và giới hạn số lượt sử dụng của từng tài khoản khách hàng.
Đánh giá món ăn đa phương tiện: Khách hàng có thể viết đánh giá, chấm điểm sao và đính kèm hình ảnh dạng Base64 sau khi đơn hàng được giao thành công.
Dashboard thống kê trực quan: Trang quản trị tích hợp thư viện Chart.js hiển thị biểu đồ so sánh top món ăn bán chạy và món ăn bán chậm, giúp chủ cửa hàng dễ dàng đưa ra kế hoạch chuẩn bị nguyên liệu phù hợp.

Giá trị học tập

Dự án là tài liệu tham khảo chất lượng cao dành cho các bạn sinh viên ngành Công nghệ thông tin làm đồ án. Qua dự án này, sinh viên có thể học tập các kiến thức thực tế bao gồm:

Cách tích hợp và xử lý chữ ký bảo mật SHA512 của cổng thanh toán điện tử VNPay.
Cách thiết kế cấu trúc cơ sở dữ liệu chuẩn và tối ưu truy vấn Eloquent trong Laravel 12.
Cách xử lý và lưu trữ dữ liệu dạng Base64 trực tiếp vào database MySQL.
Cách viết các nghiệp vụ kiểm tra thời gian tự động (cronjob/task scheduling) cho vòng đời đơn hàng.
Cách tối ưu hóa giao diện responsive với Tailwind CSS v4 và Vite.

Khả năng mở rộng

Hệ thống có cấu trúc mã nguồn rõ ràng, chia tách mô hình MVC và Service Layer, giúp nhà phát triển dễ dàng mở rộng thêm các tính năng:

Tích hợp thêm các cổng thanh toán điện tử khác như Momo, ZaloPay, ShopeePay hoặc Paypal.
Phát triển thêm phân hệ quản lý trạng thái giao hàng từ nhân viên shipper.
Xây dựng hệ thống chat trực tuyến hỗ trợ khách hàng đặt món sử dụng Laravel Reverb hoặc Pusher.
Nâng cấp phân tích hành vi khách hàng để gợi ý món ăn thông minh dựa trên thời gian và lịch sử mua sắm.

ĐIỂM NỔI BẬT

Sử dụng phiên bản framework mới nhất Laravel 12 giúp bảo mật và tối ưu hóa tốt hơn
Giao diện responsive thiết kế đẹp mắt bằng Tailwind CSS v4
Tích hợp sẵn cổng thanh toán trực tuyến VNPay và thanh toán COD khi giao món
Cơ chế tự động hủy đơn hàng sau 15 phút giúp giải phóng hàng tồn kho hiệu quả
Quản lý mã giảm giá linh hoạt giúp kích cầu đặt món
Hệ thống đánh giá món ăn chi tiết kèm hình ảnh thực tế sau khi nhận hàng
Trang admin quản trị chuyên nghiệp với biểu đồ trực quan từ Chart.js
Lưu trữ hình ảnh sản phẩm dưới dạng Base64 trực tiếp trong CSDL dễ dàng chạy local

CHỨC NĂNG CHÍNH

Đăng ký, đăng nhập và khôi phục mật khẩu người dùng
Quản lý thông tin tài khoản và lịch sử đặt món cá nhân
Tìm kiếm sản phẩm theo tên, mô tả và lọc theo danh mục, khoảng giá, trạng thái
Giỏ hàng phía Client sử dụng LocalStorage để tăng tốc độ đặt món
Đặt hàng và áp dụng mã giảm giá (Coupon) khi thanh toán
Thanh toán qua cổng VNPay (tự động tạo URL giao dịch bảo mật và xử lý callback)
Theo dõi trạng thái đơn hàng công khai không cần đăng nhập
Đánh giá sản phẩm đã mua kèm chấm điểm sao và đính kèm hình ảnh
Quản lý danh mục món ăn (thêm, sửa, xóa, ẩn/hiện danh mục)
Quản lý sản phẩm (thêm mới, cập nhật thông tin, thay đổi ảnh đại diện và ảnh thư viện dạng Base64)
Quản lý đơn hàng (cập nhật trạng thái đơn hàng, trạng thái thanh toán và xuất file Excel đơn hàng)
Quản lý mã giảm giá (thiết lập giá trị giảm, hạn dùng, trạng thái kích hoạt)
Duyệt đánh giá sản phẩm của khách hàng trước khi hiển thị công khai
Thống kê doanh thu, thống kê sản phẩm bán chạy/bán chậm bằng biểu đồ Chart.js
Ghi nhật ký lịch sử đăng nhập của người dùng để nâng cao tính bảo mật

CÔNG NGHỆ SỬ DỤNG

Frontend

HTML5, CSS3, JavaScript
Tailwind CSS v4.0
Thư viện biểu đồ Chart.js

Backend

PHP >= 8.2
Framework Laravel 12.0
Laravel Eloquent ORM

Database

MySQL

Cloud

Không bắt buộc (Hỗ trợ sẵn lưu trữ Base64 nội bộ, cấu hình mở rộng AWS S3 và Cloudinary nếu cần)

Thư viện

Thư viện VNPay SDK cho Laravel
Thư viện Concurrently chạy song song các tiến trình PHP và Vite
Thư viện Laravel Vite Plugin

Công cụ

Vite 7.0
Composer
Git

Đồ án Website Bán Đồ Ăn Nhanh Và Đồ Uống