(#694) web đặt vé xe Java Spring MVC - frontend react & MySQL
150.000 đ
Mô tả
# 🚌 Trang web đặt vé xe buýt
Nền tảng toàn diện cho khách hàng đặt vé xe buýt trực tuyến. Trang web cung cấp giao diện dễ sử dụng, cập nhật theo thời gian thực và nhiều tùy chọn thanh toán, giúp việc đặt vé xe buýt trở nên đơn giản và hiệu quả cho cả hành trình ngắn và dài.
## 🎯 Tính năng
### Tính năng dành cho khách hàng
- **Tìm kiếm tuyến đường**: Tìm xe buýt theo điểm đến, ngày và giờ.
- **So sánh giá**: Xem giá giữa các xe buýt và nhà điều hành khác nhau.
- **Lựa chọn chỗ ngồi**: Chọn chỗ ngồi ưa thích của bạn từ các tùy chọn có sẵn.
- **Lịch sử đặt chỗ**: Xem các lần đặt chỗ trước và nhận vé kỹ thuật số qua email.
- **Thanh toán trực tuyến**: Thanh toán an toàn và liền mạch thông qua VNPAY, thẻ tín dụng và các phương thức khác.
- **Cập nhật theo thời gian thực**: Nhận thông báo về lịch trình xe buýt, sự chậm trễ hoặc thay đổi.
### Tính năng dành cho người giao hàng
- **Xem các công việc khả dụng**: Tìm kiếm các chuyến giao hàng để đấu giá dựa trên vị trí và giá cơ bản.
- **Nhắn tin**: Trò chuyện với khách hàng để xác nhận thông tin chi tiết về giao hàng.
### Tính năng quản trị
- **Quản lý xe buýt và tuyến đường**: Thêm, cập nhật hoặc xóa lịch trình xe buýt, tuyến đường và tình trạng chỗ ngồi.
- **Quản lý khách hàng và người gửi hàng**: Xác minh và phê duyệt tài khoản người gửi hàng, xử lý các yêu cầu của khách hàng.
- **Báo cáo**: Xem báo cáo chi tiết về doanh thu và số liệu thống kê đặt chỗ (hàng tháng và hàng quý).
- **Quản lý dịch vụ và danh mục**: Hoạt động CRUD cho các dịch vụ và danh mục.
## 🛠️ Tech Stack
### Backend
- **Java 14**: Logic kinh doanh cốt lõi.
- **Spring MVC**: Khung backend để xử lý API RESTful.
- **Hibernate**: ORM cho các tương tác cơ sở dữ liệu.
- **MySQL**: Cơ sở dữ liệu quan hệ để lưu trữ dữ liệu người dùng, đặt chỗ và xe buýt.
### Frontend
- **ReactJS**: Các thành phần UI cho trải nghiệm người dùng năng động và phản hồi.
- **Bootstrap**: Khung CSS để tạo kiểu và bố cục.
- **Chart.js**: Để trực quan hóa dữ liệu trong báo cáo và số liệu thống kê.
### Cổng thanh toán
- **VNPAY**: Tích hợp để thanh toán liền mạch và an toàn.
Hướng dẫn cài đặt
1: Chạy MySQL và tạo database datvexe
2: Cấu hình DB trong application.properties
2: Cấu hình DB trong
application.propertiesspring.datasource.url=jdbc:mysql://localhost:3306/datvexe
spring.datasource.username=root
spring.datasource.password=1234563: Chạy backend Spring
mvn spring-boot:run4: Chạy frontend React
npm install
npmstart5: Mở web
http://localhost:30006: Nếu lỗi CORS → thêm cấu hình CORS trong Spring Boot.
spring.datasource.url=jdbc:mysql://localhost:3306/datvexe1: Chạy MySQL và tạo databasedatvexespring.datasource.username=root
spring.datasource.password=123456
Hình ảnh demo
Top tìm kiếm cùng chủ đề
Code mới nhất
Bài biết mới nhất
- 🎉 THƯỞNG LỚN - QUÀ TO - TĂNG DOANH THU CÙNG CLEANCODE.VN!
- Hướng Dẫn Cài Đặt Microsoft SQL Server 2022 Chi Tiết Từng Bước
- Hướng Dẫn Cài Đặt XAMPP 7.4 Trên Windows Chi Tiết Từng Bước
- Cách gộp ổ cứng Windows 10 không cần phần mềm
- Cách chia tách ổ cứng máy tính Windows 10 cực dễ, không cần phần mềm
- CLEANCODE.VN - SÀN GIAO DỊCH SOURCE CODE CHẤT LƯỢNG TẠI VIỆT NAM
- Nguyên nhân ổ C bị đầy và cách giải phóng dung lượng ổ C chi tiết, an toàn và hiệu quả nhất
- Triển khai ứng dụng, Web ASP.NET Core trên IIS
- Hướng dẫn cách tải Visual Studio Code trên máy tính, hỗ trợ lập trình đa ngôn ngữ
- Cách cài đặt Windows 10 bằng USB đơn giản, nhanh nhất
- Hướng dẫn 10 cách khắc phục màn hình xanh Win 10 nhanh chóng
- Khám Phá Cơ Hội Kiếm Thu Nhập Hấp Dẫn với cleancode.vn
