[Mã code 99150]

WebSite Thuê Xe - Laravel+VueJs - Bài tập lớn hoặc đồ án code tham khảo - Có báo cáo

  (1 Đánh giá)
  0       14    

Một ứng dụng web cho thuê xe hơi hiện đại, được xây dựng trên nền tảng Laravel 9 (Backend) và Vue.js 2 (Frontend)

Danh mục
Thể loại
Ngày đăng
04-7-2026
Loại file
Full code
File download
 .rar [ MB]
CAM KẾT TỪ NGƯỜI BÁN
Chức năng đầy đủ và giốn demo 100%
Hỗ trợ cài đặt teamview
Code có đầy đủ chức năng và báo cáo thông kê

(Hạng vàng)
Xem trang

Source code
15

Đánh giá (20)
5/5

Ngày tham gia
14/9/2023

Cách 1: Chạy tự động bằng file script (Khuyên dùng trên Windows)

Dự án đã chuẩn bị sẵn file start-local.bat để tự động hóa hoàn toàn các thao tác mở terminal.

  1. Bạn chỉ cần click đúp chuột vào file start-local.bat nằm ở thư mục gốc d:\car-rental-website\start-local.bat.
  2. Script sẽ tự động mở 4 cửa sổ cmd khác nhau để chạy song song các dịch vụ:
    • Cửa sổ 1: Chạy sail up (Khởi động Backend API, MySQL, Redis qua Docker).
    • Cửa sổ 2: Chạy sail artisan queue:work (Worker để xử lý các tác vụ ngầm như gửi email, notification).
    • Cửa sổ 3: Chạy sail artisan reverb:start (Khởi động WebSocket Server ở port 8080 cho các tính năng realtime).
    • Cửa sổ 4: Chạy npm run dev (Khởi động giao diện Frontend Vue 3).
  3. Đợi vài giây cho các dịch vụ khởi động xong, sau đó bạn có thể truy cập dự án!

Cách 2: Khởi chạy thủ công từng bước

Nếu bạn muốn tự tay chạy lệnh để kiểm soát, hãy làm theo các bước dưới đây. Mở Terminal (Command Prompt hoặc PowerShell) tại thư mục d:\car-rental-website.

Bước 1: Khởi động Backend (Laravel API)

Mở một tab Terminal mới và chạy:


bash
cd car-rental-api
 
# 1. Copy file biến môi trường
cp .env.example .env
 
# 2. Khởi động các container Docker ở chế độ chạy ngầm
sail up -d
 
# 3. Tạo key cho ứng dụng
sail artisan key:generate
 
# 4. Chạy tạo bảng trong Database và nạp dữ liệu mẫu
sail artisan migrate --seed
 
# 5. Tạo link tới thư mục lưu trữ ảnh/file public
sail artisan storage:link

Tiếp theo, bạn cần mở thêm 2 tab Terminal (vẫn đang ở thư mục car-rental-api) để chạy các dịch vụ ngầm:

  • Tab Terminal thứ 2 (chạy WebSocket server cho tính năng realtime):
    
    		
    bash
    sail artisan reverb:start
  • Tab Terminal thứ 3 (chạy Queue worker xử lý tác vụ ngầm):
    
    		
    bash
    sail artisan queue:work

Bước 2: Khởi động Frontend (Vue 3)

Mở một tab Terminal mới, quay lại thư mục gốc và vào thư mục frontend:


bash
cd car-rental-frontend
 
# 1. Copy file biến môi trường
cp .env.example .env
 
# 2. Cài đặt các thư viện Node.js
npm install
 
# 3. Khởi động server phát triển Frontend
npm run dev

 


XEM THÊM ==> Hướng dẫn cài đặt chi tiết

HÌNH ẢNH DEMO


Laravel,báo cáo,tham khảo,Js,Website thuê xe

Laravel,báo cáo,tham khảo,Js,Website thuê xe

Laravel,báo cáo,tham khảo,Js,Website thuê xe

Laravel,báo cáo,tham khảo,Js,Website thuê xe

Laravel,báo cáo,tham khảo,Js,Website thuê xe

Laravel,báo cáo,tham khảo,Js,Website thuê xe

Laravel,báo cáo,tham khảo,Js,Website thuê xe

Laravel,báo cáo,tham khảo,Js,Website thuê xe

Laravel,báo cáo,tham khảo,Js,Website thuê xe

Laravel,báo cáo,tham khảo,Js,Website thuê xe


HƯỚNG DẪN CÀI ĐẶT

🌐 Thông tin truy cập sau khi chạy thành công

  • Giao diện trang web (Frontend): http://localhost:5173
  • API Backend: http://localhost
  • Trang quản lý debug (Laravel Telescope): http://localhost/telescope

🔑 Tài khoản Test mặc định (Đã được tạo sẵn từ bước migrate --seed)

Bạn có thể sử dụng các tài khoản này để đăng nhập và trải nghiệm các phân hệ khác nhau:

Vai trò (Role) Email đăng nhập Mật khẩu Chức năng
Super Admin admin@rental.vn password Xem tổng quan, báo cáo dashboard, quản lý toàn bộ hệ thống.
Fleet Manager fleet@rental.vn password Quản lý đội xe, thêm/sửa xe, xử lý đơn thuê.
Customer customer@rental.vn password Khách hàng, vào xem xe, đặt xe, thanh toán.

Lưu ý khi sử dụng:

  • Hệ thống có tích hợp API thanh toán (VNPay / Stripe) qua webhook ở chế độ Sandbox/Test, cấu hình nằm trong file car-rental-api/.env.
  • Ứng dụng hỗ trợ xử lý tránh trùng đơn đặt xe (Pessimistic Locking) trong trường hợp có nhiều người book xe cùng lúc.



Nguồn: Topcode.vn

BÌNH LUẬN (0)


ĐÁNH GIÁ (1)

ĐIỂM TRUNG BÌNH

5
1 Đánh giá
Code rất tốt (1)
Code tốt (0)
Code rất hay (0)
Code hay (0)
Bình thường (0)
Thành viên
Nội dung đánh giá
16:03 - 4/7/2026
Code rất tốt
Code rất tốt và phù hợp để phát triển
HỖ TRỢ TRỰC TUYẾN