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

Ảnh demo (10)

Xem LIVE DEMO

[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 82

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

PHP & MySQL

Thể loại

WebsiteKhác...

Ngày đăng

04-7-2026

Loại file

Full code

File download

.rar [ MB]

Gửi thông báo lỗi Báo vi phạm bản quyền

Gửi ngay

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ê

FullstackCoder

(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.

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.
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).
Đợ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

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