Đồ án "Hệ thống đặt phòng khách sạn trực tuyến LakeSide Hotel" là một
ứng dụng web full-stack hoàn chỉnh gồm Backend Spring Boot và Frontend React.
TÍNH NĂNG CHÍNH:
- Tìm kiếm & đặt phòng theo ngày, loại phòng, tiện nghi
- Xem chi tiết phòng, hình ảnh, giá, đánh giá
- Đăng ký / Đăng nhập, phân quyền (ADMIN / STAFF / USER) bằng JWT
- Thanh toán online qua SeaPay
- Chatbot tư vấn tích hợp AI Gemini
- Gửi SMS xác nhận đặt phòng ( Twilio)
- Trang quản trị: quản lý phòng, đặt phòng, người dùng
- Dashboard thống kê doanh thu, lượt đặt bằng biểu đồ
CÔNG NGHỆ SỬ DỤNG:
- Backend: Java 17, Spring Boot 3.4.2, Spring Security, Spring Data JPA, JWT
- Frontend: React 19, Vite, React Router, Axios, Bootstrap, Recharts
- Database: MySQL 8.x
- Tích hợp: SeaPay, Gemini AI, Twilio SMS
ĐỐI TƯỢNG PHÙ HỢP:
Sinh viên làm đồ án tốt nghiệp / môn học Java Web, người học Spring Boot
+ React, hoặc tham khảo xây dựng hệ thống thương mại điện tử / đặt phòng
XEM THÊM ==> Hướng dẫn cài đặt chi tiết
HƯỚNG DẪN CÀI ĐẶT
Cài đặt BE:
Bước 1 - Mở project: Mở IntelliJ IDEA, chọn File > Open, trỏ tới thư mục booking_hotel. Đợi IntelliJ tải dependencies Maven (lần đầu mất vài phút).
Bước 2 - Cấu hình kết nối Database: Mở file: booking_hotel/src/main/resources/application.properties Sửa 2 dòng username/password cho khớp MySQL trên máy bạn:
spring.datasource.url=jdbc:mysql://localhost:3306/booking_hotel?useSSL=false&serverTimezone=UTC
spring.datasource.username=root (đổi thành user MySQL của bạn)
spring.datasource.password=yourpassword (đổi thành mật khẩu của bạn)
LƯU Ý: Mặc định đang để username=TheSon0411 và password=12345. Bắt buộc đổi nếu không sẽ báo lỗi Access denied.
Bước 3 - Chạy Backend:
Cách 1 (dùng IDE): Mở file BookingHotelApplication.java trong src/main/java/booking/booking_hotel/ rồi bấm nút Run (hình tam giác).
Cách 2 (dùng terminal, tại thư mục booking_hotel): Windows: .\mvnw.cmd spring-boot:run Linux/macOS: ./mvnw spring-boot:run
Bước 4 - Kiểm tra: Backend chạy thành công khi thấy log: Tomcat started on port 9192 Started BookingHotelApplication in ... seconds Backend đang chạy tại: http://localhost:9192
Cài đặt FE
Thư mục: lakeSide-hotel/
Bước 1 - Mở terminal tại thư mục lakeSide-hotel: cd lakeSide-hotel
Bước 2 - Cài đặt thư viện (chỉ làm lần đầu, mất vài phút): npm install
Bước 3 - Chạy Frontend: npm run dev
Bước 4 - Kiểm tra: Terminal hiện dòng: VITE v6.x ready Local: http://localhost:5173/ Mở trình duyệt vào: http://localhost:5173
Lưu ý: Frontend gọi API tới Backend qua địa chỉ http://localhost:9192, cấu hình trong file src/components/utils/ApiFuntions.jsx. Nếu đổi cổng Backend thì sửa baseURL trong file này.
Nguồn: Topcode.vn
