Bên trong website khách sạn và du lịch tên website CityTours:
+ User có các chức năng: Xem tổng quát chung về khách sạn, tour, Tìm kiếm nhanh tên tour, bình luận, mục ưa thích, tìm kiếm blogs, thanh toán qua VNPay.
+ Admin có các chức năng: Quản lý Người dùng, khách sạn, tour, blog, lịch sử giao dịch & thống kê.
+ URL được code chuẩn.
+ Người dùng có thể book khách sạn hoặc tour sau đó thanh toán qua thẻ ngân hàng công nghệ VNPay.*
+ Có thể bình luận, đánh giá sau khi book.*
+ Có thể lưu mục ưa thích.*
+ Chỉnh sửa người dùng bao gồm họ tên; số điện thoại.
+ Lọc giá để hiển thị từ thấp đến cao.
+ Đọc nội dung về chuyến đi qua blog.
*Lưu ý: Người dùng cần đăng ký/đăng nhập tài khoản để có thể thực hiện các chức năng.
- Về trang quản lý của Admin có:
+ Quản lý người dùng users bao gồm tạo, cập nhật. Riêng user không có chắc năng xóa, thay vì xóa chỉ khóa tài khoản.
+ Thêm các tỉnh, vùng miền.
+ Thêm khách sạn bao gồm tạo, cập nhật, xem khách sạn bao gồm phòng ngủ hình ảnh, views, số phòng, loại phòng & danh mục.
+ Thêm hoặc sửa bài viết sử dụng Quill cho phép upload ảnh vào nội dung và tùy chỉnh kích thước hay vị trí của ảnh áp dụng cho bên tour và tạo blog về chuyến đi.
+ Có thể lưu trữ blog để ẩn blog.
+ Bookings cho xem lịch sử đặt tour và đặt phòng.
+ Có thể cập nhật status nếu khách hàng đã trả tiền mặt.
+ Kiểm tra lịch sử giao dịch để xem khách sạn đã thanh toán.
+ Tất cả các trang đều có bao gồm tìm kiếm, lọc trạng thái hoặc tên riêng.
+ Riêng thống kê theo thu nhập, một số cái vẫn còn chưa ổn.
- Về trang quản lý của Staff có:
+ Có thể xem lịch sử booking như Admin.
+ Tạo hoặc sửa blogs tương tự bên Admin.
+ Kiểm tra lịch sử giao dịch để xem khách sạn đã thanh toán.
+ Riêng bookings bên staff có thể in hóa đơn.
**Tóm lại, đây là 1 website về tin tức được xây dựng bằng Spring Boot; ReactJS và MySQL, có thể phù hợp với các môn học và đồ án nhỏ, đủ điểm qua môn. Có thể phát triển thêm các chức năng tùy yêu cầu. Code đã bắt hết lỗi nên bạn có thể yên tâm download về và sử dụng, có kèm cuốn Báo cáo cho website bạn có thể xem tham khảo. Thanks!
XEM THÊM ==> Hướng dẫn cài đặt chi tiết
HƯỚNG DẪN CÀI ĐẶT
**Yêu cầu đã cài đặt MySQL .**
- Phải đảm bảo rằng tất cả service đều đang chạy MySQL.
- Sau khi download source code + báo cáo trên google drive các bạn về giải nén TravelBooking.rar và di chuyển thư mục TravelBooking chứa src code vào thư mục riêng.
- Sau đó mở MySQL lên để kết nối server MySQL. Rồi các bạn đặt tên CSDL là city_tours và click Apply để tạo.
- Sau khi tạo xong, mở file city_tours.sql bằng cách File -> Open SQL Script, cuối cùng tiến hành Nhập.
- Sau đó mở project bằng phần mềm IntelliJ (hoặc SpringToolSuite cũng đc nhưng vẫn khuyên dùng IntelliJ để đảm bảo ổn định) để chạy server backend, tìm file tên city-tours-backend
*Lưu ý, kiểm tra tên file application.properties để đảm bảo kết nối database và đừng quên build project
- Nếu build thành công, hãy chạy server backend bằng cách nhấn nút Run
Đó chỉ là backend server, còn UI web phải mở bằng Visual Studio Code do web code bằng ReactJS
Lưu ý: Để chạy được lệnh npm, vui lòng cài NodeJS để chạy được ReactJS. (QUAN TRỌNG!)
- Mở thư mục tên city-tours-user để chạy frontend hoặc nếu chạy backend mở thư mục tên city-tours-admin hoặc city-tours-staff (nhân viên)
- Mở Terminal trong project VS code, ghi lệnh npm install để cài các gói dependencies
- Sau khi cài xong, chạy npm run build để tiến hành build.
- Cuối cùng chạy npm run dev, click vô http://localhost:4200/ để chạy trang giao diện người dùng, http://localhost:5173/ để chạy trang giao diện admin & http://localhost:5200/ để chạy trang giao diện staff
- Tài khoản đăng nhập: admin
- Mật khẩu: admin
Chúc các bạn thành công!!!
Nguồn: Topcode.vn
