Link demo: https://drive.google.com/file/d/13pxgLl3i5ZgZCuao0Xi1j8q2tn8iwaBu/view?usp=drivesdk
🌟 Website thương mại điện tử – đầy đủ Frontend & Admin Panel
Hệ thống website được xây dựng theo mô hình thương mại điện tử hiện đại, giao diện trực quan, dễ sử dụng, phù hợp triển khai thực tế hoặc làm đồ án.
Website gồm 2 phần chính: khu vực Public (Frontend) dành cho khách hàng và Admin Panel dành cho quản trị.
✅ 1. Chức năng Public (Frontend)
🏠 Trang chủ
🛍 Danh sách sản phẩm
📦 Chi tiết sản phẩm
-
Carousel ảnh (phóng to, xem chi tiết)
-
Tên – giá – mô tả đầy đủ
-
Nút thêm giỏ hàng, mua nhanh
📝 Blog / Bài viết
🛒 Giỏ hàng
-
Cập nhật số lượng
-
Xóa sản phẩm
-
Tính tổng tự động
💳 Đặt hàng & thanh toán
⭐ Đánh giá – bình luận
📦 Quản lý đơn hàng phía khách
-
Xem lịch sử mua hàng
-
Theo dõi trạng thái
-
Hủy đơn khi chưa xử lý
🔐 2. Chức năng Admin Panel
📊 Dashboard
🏷 Quản lý sản phẩm
✍️ Quản lý bài viết
-
CRUD bài viết
-
Phân loại theo danh mục
🖼 Quản lý banner
-
Upload banner
-
Sắp xếp thứ tự
-
Bật / tắt hiển thị
📦 Quản lý đơn hàng
-
Xem chi tiết đơn
-
Cập nhật trạng thái
📚 Quản lý danh mục
-
Danh mục sản phẩm đa cấp
-
Danh mục bài viết
🏢 Quản lý thương hiệu
💬 Quản lý bình luận
-
Duyệt – từ chối – xóa
-
Phản hồi bình luận
🎯 Khuyến mãi – Sale – Coupon
🎨 Quản lý biến thể sản phẩm
XEM THÊM ==> Hướng dẫn cài đặt chi tiết
HƯỚNG DẪN CÀI ĐẶT
🚀 Hướng dẫn cài đặt & chạy dự án
🔧 Yêu cầu môi trường
📂 1️⃣ Giải nén & cấu hình dự án
-
Giải nén source code vào thư mục:
-
XAMPP: htdocs
-
Laragon: www
-
Sao chép file cấu hình:
-
Mở file .env và cập nhật các thông tin:
-
APP_NAME
-
APP_URL
-
DB_DATABASE
-
DB_USERNAME
-
DB_PASSWORD
-
Import database:
Import file mebe.sql vào CSDL bạn vừa tạo.
📦 2️⃣ Cài đặt thư viện backend & frontend
Cài thư viện PHP:
Cài thư viện frontend:
npm install npm run build
🔐 3️⃣ Cấu hình ứng dụng Laravel
Tạo APP KEY:
Chạy migrate (nếu cần):
Tạo symlink cho thư mục upload:
▶️ 4️⃣ Khởi chạy dự án
🌐 5️⃣ Truy cập website
Mở trình duyệt và truy cập:
http://localhost:8000
Nguồn: Topcode.vn
