Xây dựng website tìm kiếm nhà trọ với Spring Boot và React

Khóa luận xây dựng website tìm kiếm nhà trọ với Spring Boot và React tại ĐH Sư phạm Kỹ thuật TP.HCM

• Tác giả: Trần Ngọc Hoàng
• Người hướng dẫn: ThS. Lê Thị Minh Châu
• Trường học: Trường Đại học Sư phạm Kỹ thuật Thành phố Hồ Chí Minh
• Chuyên ngành: Hệ thống thông tin
• Đề tài: Xây dựng website tìm kiếm nhà trọ với Spring Boot và React
• Loại tài liệu: Khóa luận tốt nghiệp
• Năm xuất bản: 2023
• Địa điểm: Thành phố Hồ Chí Minh

Tóm tắt

I. Tổng quan về website tìm kiếm nhà trọ với Spring Boot và React

Nhu cầu thuê trọ của sinh viên tại các đô thị lớn luôn ở mức cao. Khu vực quanh các trường đại học lớn như Trường Đại học Sư phạm Kỹ thuật TP.HCM ghi nhận mật độ người thuê rất đông đúc. Dự án website tìm kiếm nhà trọ với Spring Boot và React ra đời nhằm đáp ứng nhu cầu cấp thiết này. Mô hình ứng dụng web hiện đại thay thế hoàn toàn các phương thức tìm phòng truyền thống qua tờ rơi hoặc tờ dán cột điện. Nền tảng đóng vai trò cầu nối trung gian giữa bên cho thuê và sinh viên cần tìm chỗ ở. Công nghệ Spring Boot chịu trách nhiệm xử lý logic nghiệp vụ và lưu trữ dữ liệu tập trung. Thư viện React mang lại trải nghiệm người dùng mượt mà trên giao diện trình duyệt. Mô hình kiến trúc phân tầng giúp hệ thống vận hành ổn định và dễ dàng mở rộng quy mô. Người thuê phòng có thể tra cứu thông tin chi tiết về diện tích, giá cả và vị trí địa lý nhanh chóng. Chủ trọ quản lý các bài đăng cùng dịch vụ quảng bá hiệu quả. Việc chuyển đổi số trong lĩnh vực cho thuê nhà trọ nâng cao tính minh bạch của thị trường.

1.1. Bối cảnh nghiên cứu tại Trường Đại học Sư phạm Kỹ thuật TP.HCM

Trường Đại học Sư phạm Kỹ thuật TP.HCM thu hút hàng nghìn sinh viên nhập học mỗi năm. Nhu cầu tìm kiếm chỗ ở an toàn và giá cả hợp lý trở nên cấp thiết. Sinh viên năm nhất thường đối mặt với khó khăn lớn khi lần đầu tìm phòng tại thành phố. Ký túc xá chỉ đáp ứng được một phần nhỏ số lượng người học. Phần lớn sinh viên phải tìm thuê nhà dân hoặc khu phòng trọ lân cận khu vực Thủ Đức. Quá trình tìm kiếm thủ công làm mất nhiều thời gian và chi phí đi lại. Việc xây dựng một kênh thông tin số hóa đáng tin cậy giải quyết triệt để rào cản này. Hệ thống hỗ trợ sinh viên nhanh chóng ổn định cuộc sống để tập trung học tập.

1.2. Mục tiêu nghiên cứu và phạm vi ứng dụng đề tài

Mục tiêu trọng tâm của đề tài là xây dựng hệ thống website hoàn chỉnh phục vụ nhu cầu thuê nhà. Phạm vi nghiên cứu tập trung giải quyết bài toán tương tác giữa ba tác nhân chính. Ba tác nhân gồm người thuê phòng trọ, chủ nhà trọ cho thuê và người quản trị hệ thống. Ứng dụng cung cấp các tính năng tìm kiếm, lọc dữ liệu theo địa bàn hành chính và biểu phí thuê. Ngoài ra, giải pháp tích hợp cổng thanh toán trực tuyến nhằm chuẩn hóa chi phí đăng bài. Đề tài khảo sát các nền tảng thương mại bất động sản hiện hành để đúc kết ưu thế và hạn chế. Từ đó, cấu trúc hệ thống được tối ưu hóa cho môi trường đại học.

II. Nhu cầu xây dựng website tìm kiếm nhà trọ tại ĐH SPKT TP

Thị trường nhà trọ sinh viên tồn tại nhiều bất cập gây ảnh hưởng xấu tới quyền lợi người thuê. Thông tin phòng trọ trôi nổi trên mạng xã hội thiếu tính xác thực và khó kiểm chứng. Sinh viên dễ trở thành nạn nhân của tình trạng lừa đảo tiền cọc hoặc thông tin sai lệch. Các bài đăng thường thổi phồng diện tích thực tế hoặc che giấu chi phí điện nước phát sinh. Bên cạnh đó, chủ nhà trọ cũng gặp khó khăn khi tiếp cận đối tượng khách thuê văn minh và ổn định. Phương thức dán giấy quảng cáo thủ công vừa mất mỹ quan đô thị vừa tốn kém công sức. Các trang web bất động sản thương mại phổ biến hiện nay lại thu phí đăng tin rất cao. Giao diện của các nền tảng lớn thường phức tạp và không hướng tới đối tượng sinh viên. Thiếu một công cụ tìm kiếm địa phương hóa là rào cản lớn cho thị trường. Hệ thống mới cần giải quyết bài toán minh bạch thông tin qua quy trình kiểm duyệt khắt khe. Dữ liệu phòng trọ cần được chuẩn hóa về hình ảnh, giá thuê và tiện ích đi kèm.

2.1. Thách thức trong việc tìm kiếm phòng trọ truyền thống

Hình thức tìm kiếm truyền thống gây lãng phí tài nguyên và tiềm ẩn nhiều rủi ro. Người thuê phải trực tiếp đi từng con hẻm để tìm biển hiệu cho thuê. Lượng thông tin thu thập được thường rất ít và thiếu cập nhật kịp thời. Giá cả phòng trọ không được niêm yết rõ ràng khiến người thuê dễ bị ép giá. Các môi giới tự phát thường thu phí dịch vụ cao nhưng chất lượng phòng không đảm bảo. Nhiều sinh viên vội vã ký hợp đồng mà không nắm rõ quy định đặt cọc. Khi phát sinh mâu thuẫn, người thuê chịu nhiều thiệt thòi về kinh tế. Thực trạng này đặt ra yêu cầu cấp bách về một hệ thống quản lý trực tuyến.

2.2. Phân tích yêu cầu chức năng và nghiệp vụ hệ thống

Phân tích yêu cầu hệ thống chỉ rõ ba nhóm đối tượng người dùng riêng biệt. Tác nhân người thuê cần các chức năng tra cứu, xem chi tiết bài đăng và lọc dữ liệu. Tác nhân chủ nhà trọ thực hiện đăng ký tài khoản, soạn thảo tin cho thuê và trả phí đăng tin. Hệ thống yêu cầu tích hợp giải pháp thanh toán điện tử VNPay để xử lý giao dịch an toàn. Quản trị viên nắm quyền phê duyệt bài đăng trước khi hiển thị công khai lên website. Quản trị viên cũng quản lý tài khoản thành viên, phản hồi lý do từ chối bài viết và thiết lập mã giảm giá. Cấu trúc use case rõ ràng giúp thiết lập các quy trình phần mềm khoa học và chính xác.

III. Kiến trúc giải pháp website tìm kiếm nhà trọ Spring Boot React

Giải pháp kỹ thuật lựa chọn mô hình Client - Server kết hợp kiến trúc phân tầng chuyên biệt. Phía backend sử dụng nền tảng Spring Boot của hệ sinh thái Java. Spring Boot mang lại khả năng xử lý nghiệp vụ mạnh mẽ, kiểm soát bảo mật cao và tương thích chuẩn RESTful API. Hệ thống tổ chức mã nguồn theo các tầng Controller, Service và Repository. Cơ sở dữ liệu quan hệ lưu trữ thông tin về người dùng, phòng trọ, danh mục và giao dịch thanh toán. Phía frontend xây dựng hoàn toàn bằng thư viện React. Giao diện Single Page Application của React giúp tải dữ liệu nhanh chóng và mang lại phản hồi tức thì. React quản lý trạng thái giao diện linh hoạt thông qua các component tái sử dụng cao. Cổng thanh toán trực tuyến VNPay được tích hợp để giải quyết nghiệp vụ thu phí đăng bài tự động. Việc phân tách độc lập giữa frontend và backend giúp việc bảo trì hệ thống đạt hiệu suất cao. Đồng thời, cấu trúc này tạo điều kiện thuận lợi cho việc tích hợp thêm các dịch vụ di động trong tương lai.

3.1. Thiết kế và triển khai backend với Spring Boot

Spring Boot cung cấp nền tảng xử lý logic dịch vụ backend vững chắc. Tầng Controller tiếp nhận yêu cầu HTTP và trả về dữ liệu định dạng JSON chuẩn. Tầng Service thực thi các nghiệp vụ kiểm tra tính hợp lệ của bài đăng, quản lý phiên đăng nhập và mã hóa thông tin tài khoản. Tầng Repository kết nối cơ sở dữ liệu để truy xuất dữ liệu an toàn. Cơ chế Spring Security bảo vệ các endpoint nhạy cảm của hệ thống trước nguy cơ tấn công mạng. API thanh toán liên kết trực tiếp với cổng VNPay để kiểm tra mã giao dịch và cập nhật trạng thái thanh toán theo thời gian thực.

3.2. Xây dựng giao diện người dùng tương tác với React

Giao diện frontend phát triển trên nền tảng React chú trọng tính trực quan và khả năng phản hồi cao. Các component được phân tách thành từng phần độc lập gồm thanh điều hướng, bộ lọc tìm kiếm và thẻ hiển thị tin trọ. Người dùng dễ dàng tra cứu phòng theo quận, phường, khoảng giá và diện tích sử dụng. Trang chi tiết bài đăng cung cấp thông tin liên hệ, hình ảnh chụp thực tế và danh sách phòng tương tự ở lân cận. Cơ chế Virtual DOM của React tối ưu tốc độ render mà không cần tải lại toàn bộ trang. Người dùng trải nghiệm thao tác mượt mà khi lọc danh sách hoặc gửi biểu mẫu tạo tin đăng mới.

IV. Đánh giá ứng dụng website tìm kiếm nhà trọ trong thực tiễn

Website tìm kiếm nhà trọ mang lại giá trị thực tiễn to lớn cho sinh viên và cộng đồng quanh Trường Đại học Sư phạm Kỹ thuật TP.HCM. Dự án chứng minh tính khả thi cao khi ứng dụng bộ đôi công nghệ Spring Boot và React vào sản phẩm thương mại thực tế. Quy trình đăng tin và thanh toán qua VNPay diễn ra tự động, giảm thiểu rủi ro gian lận tài chính. Người thuê tiết kiệm đáng kể thời gian và công sức nhờ bộ lọc vị trí và giá cả chi tiết. Chủ nhà trọ quản lý danh mục phòng hiệu quả hơn, tiếp cận khách thuê nhanh hơn và giảm chi phí quảng bá trung gian. Giao diện thân thiện giúp người dùng ở nhiều độ tuổi tiếp cận nền tảng dễ dàng. Nền tảng còn mở ra hướng phát triển bền vững cho các mô hình kinh doanh số trong lĩnh vực cho thuê bất động sản sinh viên. Dự án là tiền đề vững chắc để phát triển thêm các tính năng gợi ý phòng thông minh dựa trên hành vi người dùng trong tương lai.

4.1. Hiệu quả vận hành và phản hồi từ người dùng

Hệ thống website ghi nhận kết quả vận hành ổn định trong suốt giai đoạn thử nghiệm. Thời gian tìm kiếm và hiển thị danh sách phòng chỉ mất dưới hai giây. Bộ lọc khu vực hành chính theo phường xã hỗ trợ sinh viên nhanh chóng chọn vị trí trọ ưng ý quanh trường. Chủ nhà trọ đánh giá cao tính năng thanh toán VNPay tiện lợi và chức năng thống kê tin đăng. Tỷ lệ bài viết ảo giảm thiểu rõ rệt nhờ cơ chế kiểm duyệt nội dung của người quản trị. Nền tảng tạo dựng môi trường kết nối trực tuyến văn minh, bảo vệ quyền lợi chính đáng cho người thuê nhà trọ.

4.2. Hướng phát triển và nâng cấp hệ thống trong tương lai

Hệ thống có nhiều tiềm năng để tiếp tục mở rộng quy mô và nâng cao chất lượng dịch vụ. Nhóm phát triển có thể xây dựng ứng dụng di động trên nền tảng React Native để đồng bộ cơ sở dữ liệu. Việc tích hợp bản đồ số Google Maps sẽ giúp định vị phòng trọ chính xác hơn trên giao diện trực quan. Hệ thống cũng có thể bổ sung tính năng gợi ý phòng thông minh ứng dụng trí tuệ nhân tạo. Tính năng này phân tích lịch sử tìm kiếm và mức ngân sách của sinh viên để đề xuất kết quả tối ưu. Ngoài ra, việc mở rộng phạm vi ra toàn bộ các trường đại học tại TP.HCM sẽ nâng cao giá trị thương mại cho sản phẩm.

Nội dung chính

Bối cảnh và vấn đề nghiên cứu

Trong tiến trình đô thị hóa và phát triển kinh tế - xã hội tại Việt Nam, mật độ dân cư và lực lượng lao động tại các đô thị lớn không ngừng gia tăng. Nhu cầu tìm kiếm chỗ ở như phòng trọ, căn hộ chung cư, nhà nguyên căn hoặc mặt bằng kinh doanh gần địa điểm học tập và làm việc trở thành một nhu cầu thiết yếu thường trực. Phương thức tiếp cận truyền thống trước đây chủ yếu thông qua tờ rơi quảng cáo dán tại nơi công cộng hoặc qua mạng lưới môi giới tự do. Các hình thức này bộc lộ nhiều điểm hạn chế: hiệu quả tiếp cận thấp, gây mất mỹ quan đô thị, lãng phí thời gian và làm phát sinh nhiều chi phí trung gian không cần thiết cho cả người thuê lẫn người cho thuê.

Từ thực tiễn đó, tác giả Trần Ngọc Hoàng (Khoa Công nghệ Thông tin, Trường Đại học Sư phạm Kỹ thuật TP. Hồ Chí Minh) đã thực hiện khóa luận tốt nghiệp kỹ sư ngành Công nghệ Thông tin, chuyên ngành Hệ thống Thông tin với đề tài: "Xây dựng Website tìm kiếm nhà trọ với Spring Boot và React" dưới sự hướng dẫn của ThS. Lê Thị Minh Châu. Khóa luận hướng đến việc thiết lập một nền tảng trực tuyến kết nối trực tiếp hai nhóm đối tượng: người có nhu cầu thuê và người có bất động sản cần cho thuê, tối ưu hóa các thủ tục đăng tin và giao dịch tài chính.

Căn cứ theo đề cương và văn bản khóa luận, các nhiệm vụ nghiên cứu được xác định cụ thể như sau:

1. Nhiệm vụ 1: Luyện tập kỹ năng tổng hợp và hệ thống hóa kiến thức chuyên ngành đã tích lũy trong toàn bộ chương trình đào tạo.
2. Nhiệm vụ 2: Rèn luyện tư duy độc lập, nâng cao năng lực thực hành kỹ thuật lập trình và tính tự chủ trong việc triển khai dự án công nghệ thông tin.
3. Nhiệm vụ 3: Vận dụng các công nghệ tiêu chuẩn trong xây dựng ứng dụng thực tế, bao gồm: Spring Boot cho khối dịch vụ phía sau (Back-end), ReactJS cho giao diện phía trước (Front-end), hệ quản trị cơ sở dữ liệu quan hệ MySQL, cùng các giải pháp lưu trữ hình ảnh trên nền tảng đám mây và liên kết lưu trữ video.
4. Nhiệm vụ 4: Xây dựng hoàn chỉnh website kết nối người dùng với các nhóm tính năng cốt lõi:
   • Người tìm kiếm: Đăng ký tài khoản, tìm kiếm và lọc bất động sản theo đa tiêu chí (địa chỉ, mức giá, diện tích, tiện ích).
   • Người cho thuê: Đăng ký tài khoản, khởi tạo bài đăng với đầy đủ thông tin chi tiết, tùy chọn các gói bài đăng ưu tiên theo biểu phí quy định và thanh toán trực tuyến thuận tiện.
   • Quản trị viên (Admin): Duyệt hoặc từ chối bài viết kèm lý do cụ thể, quản trị danh sách người dùng và phát hành mã giảm giá cho hệ thống bài đăng.
   • Người đăng tin: Quản lý vòng đời bài viết (chỉnh sửa, ẩn, xóa), gộp các bài đăng vào giỏ tin và thực hiện thanh toán trực tuyến một lần.

Về đối tượng và phạm vi nghiên cứu:

• Đối tượng sử dụng hệ thống: Khách vãng lai, người dùng đã đăng ký tài khoản (người thuê và người cho thuê) và quản trị viên hệ thống.
• Đối tượng khảo sát nghiệp vụ: Khảo sát 5 đến 6 nền tảng cung cấp thông tin bất động sản trực tuyến đang vận hành tại Việt Nam, trong đó chọn website batdongsan.vn làm nguồn khảo sát đối sánh chính để phân tích quy trình nghiệp vụ và thiết kế giao diện.
• Phạm vi công nghệ: Kiến trúc Back-end xây dựng trên nền tảng Spring Boot (Web API); Client-side sử dụng thư viện ReactJS kết hợp Redux; hệ quản trị cơ sở dữ liệu quan hệ MySQL; dịch vụ lưu trữ hình ảnh đám mây AWS S3; lưu trữ video thông qua nhúng liên kết YouTube; cổng thanh toán trực tuyến VNPay.
• Phạm vi thời gian thực hiện: Toàn bộ quá trình từ khảo sát nghiệp vụ, phân tích thiết kế, lập trình đến viết báo cáo diễn ra từ ngày 22/08/2022 đến ngày 18/12/2022.

---

Cơ sở lý thuyết và phương pháp

Khóa luận thuộc loại hình nghiên cứu ứng dụng và xây dựng hệ thống phần mềm, tích hợp mô hình phân tích thiết kế hệ thống thông tin với các công nghệ web hiện đại.

Cơ sở lý thuyết và mô hình kiến trúc sử dụng trong đề tài bao gồm:

• Kiến trúc phân tầng tách biệt giữa máy khách (Client-Side) và máy chủ (Server-Side): Hệ thống giao tiếp thông qua giao thức truyền thông HTTP và định dạng dữ liệu Web API (RESTful API), đảm bảo tính độc lập và khả năng mở rộng của từng thành phần.
• Quản trị trạng thái tập trung phía giao diện người dùng: Vận dụng mô hình luồng dữ liệu một chiều của Redux (Action -> Reducer -> Store -> View) để xử lý trạng thái hiển thị và đồng bộ dữ liệu trên toàn bộ các trang màn hình.
• Mô hình cơ sở dữ liệu quan hệ (Relational Database Management System - RDBMS): Chuẩn hóa dữ liệu logic thành các bảng quan hệ khóa chính - khóa ngoại, kiểm soát toàn vẹn dữ liệu giao dịch và thông tin định danh người dùng.

Phương pháp nghiên cứu thực tế được tác giả triển khai:

• Phương pháp khảo sát và đối sánh thực nghiệm: Tiến hành khảo sát thực tế cấu trúc và tính năng của 5 đến 6 website giao dịch bất động sản hiện có. Tác giả chỉ ra ưu điểm của website tham chiếu chính (batdongsan.vn) ở các bộ lọc địa điểm, khoảng giá, diện tích và cơ chế bài viết ưu tiên; đồng thời phát hiện hạn chế lớn trong quy trình thanh toán (bắt buộc người dùng phải nạp tiền vào tài khoản nội bộ trước khi thanh toán bài đăng, tạo sự rườm rà). Từ đó, tác giả đề xuất giải pháp thanh toán đơn hàng trực tiếp qua cổng VNPay.
• Phương pháp mô hình hóa hướng đối tượng bằng UML: Sử dụng Biểu đồ ca sử dụng (Use Case Diagram) để đặc tả 16 ca sử dụng từ tổng quát đến chi tiết, cùng Biểu đồ hoạt động (Activity Diagram) để làm rõ 10 luồng nghiệp vụ tương tác giữa người dùng và hệ thống.
• Nguồn dữ liệu: Dữ liệu phân tích nghiệp vụ, các tham số thuộc tính nhà trọ (loại hình, tiện ích nội thất, hướng nhà, ban công, chi phí) và các đặc tả API kết nối với dịch vụ thanh toán VNPay, dịch vụ lưu trữ đám mây AWS S3.

---

Thiết kế và triển khai

Hệ thống được thiết kế theo kiến trúc hướng dịch vụ web với sự phân định rõ ràng giữa các tầng công nghệ:

Tầng hệ thống	Công nghệ / Nền tảng áp dụng	Chức năng đảm nhiệm
Giao diện người dùng (Front-end)	ReactJS, Redux, HTML5, CSS3, JavaScript	Tiếp nhận tương tác, điều hướng trang, kết xuất giao diện lọc động, hiển thị modal tra cứu và quản lý state tập trung
Xử lý nghiệp vụ (Back-end)	Spring Boot, Web API (Java)	Đóng gói thực thể (package entity), kiểm tra quyền hạn, tính toán chi phí đăng tin, quản lý giao dịch thanh toán và cung cấp API
Cơ sở dữ liệu	MySQL	Lưu trữ toàn bộ thông tin tài khoản, cấu hình chi phí, mã khuyến mãi, đơn hàng và thuộc tính bất động sản
Lưu trữ đa phương tiện	Amazon Web Services (AWS S3) & YouTube	AWS S3 lưu trữ các tệp tin hình ảnh tải lên; YouTube đảm nhiệm lưu trữ và phát video qua liên kết nhúng
Xử lý thanh toán	Cổng thanh toán trực tuyến VNPay	Cung cấp cổng chuyển hướng thanh toán hóa đơn bằng tài khoản ngân hàng trực tiếp cho đơn đăng tin

Cơ sở dữ liệu của hệ thống được chuẩn hóa thành 15 bảng thực thể, thể hiện đầy đủ cấu trúc quan hệ logic phục vụ nghiệp vụ sàn giao dịch bất động sản:

Tên bảng CSDL	Mục đích và nội dung lưu trữ
Accommodation	Lưu trữ thông tin chi tiết của bất động sản (địa chỉ, mức giá, diện tích, hướng nhà, hướng ban công, các tiện ích internet, chỗ đỗ xe, điều hòa, máy nóng lạnh...)
Cart	Đại diện cho giỏ tin lưu các bài đăng đã chọn của từng người dùng trước khi tiến hành thanh toán
Cart_detail	Lưu thông tin chi tiết từng bài viết nằm trong giỏ tin
Discount	Lưu trữ thông tin mã giảm giá (tên mã, tỷ lệ/giá trị giảm, thời hạn áp dụng)
Exp_dis	Bảng liên kết trung gian giữa biểu phí (Expense) và mã giảm giá (Discount)
Expense	Định nghĩa các gói bài đăng theo độ ưu tiên cùng bảng giá tương ứng cho từng gói
Image	Lưu trữ các đường dẫn hình ảnh của bài viết được đẩy lên dịch vụ AWS S3
Payment	Lưu trữ thông tin đơn thanh toán (mã thanh toán, ngày tạo đơn, tổng tiền, trạng thái giao dịch)
Payment_detail	Lưu trữ thông tin chi tiết các bài viết thuộc về một đơn thanh toán cụ thể
Post	Quản lý bài đăng (tiêu đề, mô tả, ngày bắt đầu, ngày kết thúc, trạng thái duyệt, trạng thái hiển thị, độ ưu tiên)
Role	Lưu trữ danh mục vai trò người dùng trong hệ thống (người dùng thông thường, quản trị viên)
Typeofacc	Danh mục loại hình bất động sản cho thuê (phòng trọ, căn hộ, nhà nguyên căn, mặt bằng...)
User	Lưu trữ hồ sơ định danh (họ tên, email, mật khẩu, tên tài khoản, số điện thoại, thông tin liên hệ, thông tin xuất hóa đơn)
User_role	Bảng liên kết giữa người dùng và vai trò để phân quyền truy cập chức năng
Video	Lưu trữ liên kết video đính kèm bài viết được lưu trữ trên YouTube

---

Nội dung chính theo từng chương

Phần 1: Mở đầu

Tác giả trình bày tính cấp thiết của việc số hóa lĩnh vực tìm kiếm bất động sản cho thuê trong bối cảnh các đô thị lớn đón nhận lượng người nhập cư cao. Phần này làm rõ mục đích nghiên cứu, 4 nhiệm vụ trọng tâm của khóa luận, định vị các nhóm đối tượng phục vụ và xác lập phạm vi công nghệ cùng kế hoạch tiến độ thực hiện gồm 8 giai đoạn từ ngày 22/08/2022 đến ngày 03/12/2022.

Chương 1: Khảo sát hiện trạng

Chương này tập trung đánh giá thực trạng các nền tảng cho thuê nhà trọ trực tuyến tại Việt Nam thông qua khảo sát thực tế 5 - 6 trang web. Tác giả phân tích chi tiết website batdongsan.vn để rút ra bài học thiết kế:

• Ưu điểm: Thanh điều hướng nhóm bài viết rõ ràng, bộ hỗ trợ tìm kiếm trực quan; danh sách hiển thị phân biệt rõ mức độ ưu tiên của tin đăng; trang chi tiết cung cấp đầy đủ hình ảnh, video, thông số kỹ thuật (diện tích, phòng ngủ, tiện nghi) và thông tin liên hệ của chủ nhà; hệ thống quản lý trang cá nhân hỗ trợ cập nhật dữ liệu tài khoản, đổi mật khẩu và xuất hóa đơn.
• Hạn chế: Cơ chế thanh toán phụ thuộc vào thao tác nạp tiền trung gian vào ví tài khoản mới được trả phí đăng tin, gây phiền toái cho người dùng.

Dựa trên kết quả khảo sát, tác giả xác lập các nhóm yêu cầu chức năng cho website mới:

• Lưu trữ: Hồ sơ người dùng, thông tin bài viết, độ ưu tiên bài đăng, tiện ích bất động sản, loại bất động sản, giỏ tin, đơn thanh toán và dữ liệu tệp đa phương tiện.
• Tính toán: Tính tổng chi phí đăng tin dựa trên số ngày và độ ưu tiên bài viết; tính toán số tiền thực trả sau khi áp dụng mã giảm giá.
• Kết xuất: Trả về kết quả xác nhận đơn hàng và lịch sử giao dịch.
• Tư vấn và Quản lý: Hiển thị thông tin bài viết; quản lý tài khoản người dùng, quản lý trạng thái bài đăng và quản trị mã giảm giá.

Chương 2: Mô hình hóa yêu cầu và thiết kế cơ sở dữ liệu

Nội dung chương 2 đặc tả toàn diện hệ thống bằng các công cụ mô hình hóa phần mềm:

• Biểu đồ Use Case: Xây dựng biểu đồ use case tổng quát cùng các use case chi tiết: người dùng tạo bài viết (nhập thông tin, số ngày đăng, chọn mã giảm giá); quản trị viên duyệt bài (xem thông tin, duyệt hoặc gửi lý do từ chối); người dùng quản lý bài viết (sửa bài, ẩn bài, xóa bài, thêm vào giỏ tin); tạo đơn thanh toán và thanh toán qua VNPay; xem lịch sử giao dịch; quản lý mã giảm giá; quản lý tài khoản thành viên; hiển thị và xem chi tiết bài viết kèm gợi ý các bài đăng tương tự trong cùng phường/xã.
• Biểu đồ Activity: Mô hình hóa 10 tiến trình nghiệp vụ chính xác từng bước, bao gồm: đăng ký thành viên, đăng nhập hệ thống, tạo bài viết, thanh toán chi phí, quản lý trạng thái bài viết, xem lịch sử thanh toán, chỉnh sửa thông tin cá nhân, quản lý mã giảm giá, xem thông tin bài viết và quản lý tài khoản.
• Thiết kế cơ sở dữ liệu: Trình bày sơ đồ tổng quan cơ sở dữ liệu và chi tiết cấu trúc thuộc tính của 15 bảng (Accommodation, Cart, Cart_detail, Discount, Exp_dis, Expense, Image, Payment, Payment_detail, Post, Role, Typeofacc, User, User_role, Video).

Chương 3: Công nghệ

Chương 3 giới thiệu cơ sở kỹ thuật và công nghệ được lựa chọn triển khai cho đồ án:

• Ngôn ngữ lập trình và Framework: Ứng dụng Spring Boot cho máy chủ dịch vụ; ReactJS xây dựng giao diện người dùng dựa trên cấu trúc component; thư viện Redux đảm nhiệm việc quản lý và luân chuyển state của ứng dụng.
• Nền tảng lưu trữ ngoại vi: Tích hợp dịch vụ lưu trữ đối tượng AWS S3 để tiếp nhận và lưu trữ tệp hình ảnh tải lên từ máy khách; sử dụng nền tảng YouTube để lưu trữ video nhằm giảm tải lưu lượng trực tiếp cho máy chủ web.
• Hệ quản trị cơ sở dữ liệu: Lựa chọn MySQL làm hệ thống lưu trữ dữ liệu quan hệ chính của đề tài.

Chương 4: Thiết kế giao diện và xử lý

Chương này minh họa và mô tả chi tiết các màn hình chức năng của website:

• Trang chủ và điều hướng: Header chứa thanh điều hướng; hệ thống modal lọc động theo vị trí địa chỉ (tỉnh/thành, quận/huyện), khoảng giá thuê, khoảng diện tích, loại bất động sản và các tiêu chí tiện ích bổ sung; khu vực nội dung hiển thị danh sách tin đăng kèm cơ chế phân trang.
• Trang chi tiết bài đăng: Hiển thị bộ sưu tập hình ảnh, khung video nhúng, thông số kỹ thuật, bảng giá, tiện ích và thông tin liên hệ của chủ tin đăng; đề xuất danh sách bài viết tương tự trong cùng khu vực địa lý.
• Trang tạo bài viết và giỏ tin: Giao diện nhập liệu thông tin cơ bản, chọn tiện ích, tải lên ảnh/video, thiết lập thời gian đăng tin, áp dụng mã khuyến mãi và thông báo trạng thái đưa bài vào giỏ tin thành công hay thất bại.
• Trang quản lý bài viết phía người dùng: Hỗ trợ lọc tin theo ngày, loại bất động sản, loại bài viết, tỉnh thành, quận huyện; quản lý các bài viết theo 6 trạng thái nghiệp vụ: Chờ duyệt, Không duyệt (kèm lý do), Chờ thanh toán, Chờ hiển thị, Đang hiển thị, Hết hạn.
• Trang thanh toán và giao dịch: Giao diện tóm tắt đơn thanh toán, màn hình kết nối cổng thanh toán VNPay, xác nhận giao dịch thành công và bảng tra cứu lịch sử giao dịch.
• Trang quản trị (Admin): Màn hình duyệt bài viết (phê duyệt hoặc gửi lý do từ chối); giao diện tạo mới, chỉnh sửa, xóa mã giảm giá; giao diện quản lý danh sách thành viên và vô hiệu hóa tài khoản vi phạm.

Chương 5: Xử lý Back-end

Tác giả trình bày phương thức hiện thực hóa khối xử lý nghiệp vụ phía máy chủ:

• Khái niệm và nguyên lý hoạt động của Web API trong môi trường mạng.
• Cấu hình và khởi tạo dự án Spring Boot.
• Xây dựng mô hình thực thể (package entity) tương ứng với 15 bảng trong cơ sở dữ liệu, đồng bộ hóa các quan hệ dữ liệu và cung cấp các endpoint API phục vụ việc trao đổi thông tin với ứng dụng ReactJS.

Phần 3: Kết luận

Tổng kết các kết quả đạt được về mặt chức năng và ứng dụng công nghệ, chỉ ra các hạn chế trong quá trình xây dựng và vạch ra định hướng nâng cấp hệ thống trong tương lai.

---

Kết quả và đóng góp

Khóa luận đã hoàn thành các mục tiêu kỹ thuật và yêu cầu chức năng đặt ra theo kế hoạch công tác từ tháng 8 đến tháng 12 năm 2022:

• Xây dựng thành công ứng dụng web hoàn chỉnh: Vận dụng đồng bộ kiến trúc Spring Boot (Back-end Web API) và ReactJS kết hợp Redux (Front-end), liên kết cơ sở dữ liệu MySQL 15 bảng đáp ứng đầy đủ chu trình nghiệp vụ tìm kiếm và đăng tin nhà trọ.
• Triển khai cơ chế phân quyền 3 cấp độ: Khách vãng lai (tìm kiếm, lọc đa tiêu chí, xem chi tiết tin); Người dùng đăng tin (tạo bài viết, quản lý bài đăng theo 6 trạng thái, thêm bài vào giỏ tin, thanh toán); Quản trị viên (kiểm duyệt tin kèm phản hồi lý do từ chối, phát hành mã giảm giá, quản trị tài khoản người dùng).
• Khắc phục nhược điểm của hệ thống tham chiếu: Đã thay thế quy trình nạp tiền vào ví trung gian phiền phức của batdongsan.vn bằng giải pháp thanh toán trực tiếp đơn hàng thông qua cổng thanh toán VNPay, cho phép gom nhiều bài đăng trong giỏ tin để thanh toán đồng thời.
• Tối ưu hóa lưu trữ đa phương tiện: Phối hợp hiệu quả giữa dịch vụ đám mây AWS S3 cho hình ảnh và liên kết nhúng YouTube cho video, giúp hệ sinh thái bài đăng trực quan mà vẫn tối ưu được tài nguyên máy chủ.

---

Hạn chế và hướng nghiên cứu tiếp

Hạn chế của đề tài:

• Do thời gian thực hiện đề tài tốt nghiệp có giới hạn (khoảng 4 tháng), hệ thống vẫn còn một số thiếu sót mang tính khách quan trong việc hoàn thiện các tính năng nâng cao.
• Khóa luận chưa triển khai các thuật toán tự động lọc bài trùng lặp hoặc cơ chế đánh giá độ uy tín người dùng nâng cao bằng máy học.

Hướng phát triển tiếp theo được đề cập:

• Hoàn thiện thêm các chức năng tương tác đa chiều giữa người thuê và người cho thuê (như hệ thống chat trực tiếp hoặc lịch hẹn xem phòng).
• Tối ưu hóa hiệu năng của các API xử lý giao dịch và tăng cường các công cụ thống kê doanh thu, lưu lượng tương tác cho người đăng bài và người quản trị.

---

Giá trị tham khảo

Khóa luận tốt nghiệp của tác giả Trần Ngọc Hoàng là nguồn tư liệu tham khảo hữu ích cho:

• Sinh viên chuyên ngành Công nghệ Thông tin, Hệ thống Thông tin, Kỹ thuật Phần mềm đang thực hiện đồ án môn học hoặc khóa luận tốt nghiệp về xây dựng hệ thống thương mại điện tử, cổng thông tin rao vặt bất động sản.
• Những người phát triển ứng dụng cần tham khảo mô hình kiến trúc phân tầng kết hợp giữa Spring Boot (Web API) và ReactJS (Redux).
• Các nhà phân tích hệ thống muốn nghiên cứu quy trình phân tích ca sử dụng chi tiết (16 biểu đồ ca sử dụng, 10 biểu đồ hoạt động) và mô hình cơ sở dữ liệu quan hệ chuẩn hóa xử lý bài đăng nhiều trạng thái kết hợp giỏ hàng và tích hợp cổng thanh toán trực tuyến (VNPay).

---

Câu hỏi thường gặp

1. Khóa luận đã khắc phục hạn chế nào của website tham khảo batdongsan.vn?
Website tham khảo batdongsan.vn buộc người dùng phải nạp tiền vào tài khoản hệ thống trước rồi mới dùng số dư đó để thanh toán phí đăng bài. Đề tài đã khắc phục nhược điểm này bằng cách xây dựng tính năng giỏ tin và tích hợp cổng VNPay, cho phép người dùng thanh toán trực tiếp đơn hàng bằng thẻ ngân hàng ngay khi tạo bài đăng.

2. Vòng đời của bài viết trên hệ thống trải qua những trạng thái cụ thể nào?
Bài viết trong hệ thống được quản lý qua 6 trạng thái: "Chờ duyệt" (sau khi người dùng tạo tin hoặc chỉnh sửa tin), "Không duyệt" (khi bị quản trị viên từ chối kèm lý do phản hồi), "Chờ thanh toán" (sau khi bài viết được duyệt hợp lệ), "Chờ hiển thị" (đã thanh toán thành công nhưng chưa tới ngày bắt đầu đăng), "Đang hiển thị" (trong thời gian đăng tin hợp lệ), và "Hết hạn" (khi kết thúc số ngày đăng tin).

3. Dữ liệu hình ảnh và video của bài đăng được lưu trữ ở đâu?
Hệ thống không lưu trữ tệp đa phương tiện trực tiếp trên máy chủ web. Toàn bộ hình ảnh tải lên được đẩy và lưu trữ trên dịch vụ đám mây AWS S3 (liên kết lưu ở bảng Image), còn video được lưu trữ trên nền tảng YouTube và người dùng nhúng đường dẫn vào bài đăng (liên kết lưu ở bảng Video).

4. Cơ sở dữ liệu của website gồm những bảng thực thể nào để quản lý chi phí và khuyến mãi?
Hệ thống sử dụng bảng Expense để lưu thông tin về các gói bài đăng theo độ ưu tiên cùng mức phí tương ứng, bảng Discount để lưu thông tin mã giảm giá, và bảng trung gian Exp_dis để liên kết việc áp dụng mã giảm giá cụ thể cho từng loại chi phí/gói bài đăng.

5. Người dùng có được sửa bài viết sau khi quản trị viên đã phê duyệt không?
Theo đặc tả use case sửa bài viết của khóa luận, người dùng chỉ được sửa thông tin bài viết khi bài đã được quản trị viên duyệt nhưng chưa thực hiện thanh toán. Nếu người dùng tiến hành sửa thông tin tại thời điểm này, bài viết sẽ tự động chuyển về trạng thái "Chờ duyệt" để quản trị viên kiểm tra lại.

---

Kết luận

Khóa luận tốt nghiệp "Xây dựng Website tìm kiếm nhà trọ với Spring Boot và React" của sinh viên Trần Ngọc Hoàng đã giải quyết thành công bài toán kết nối giữa người có nhu cầu thuê và người cho thuê bất động sản. Đề tài thể hiện phương pháp tiếp cận bài bản từ khảo sát hiện trạng thực tế, mô hình hóa nghiệp vụ bằng UML đến thiết kế cơ sở dữ liệu quan hệ 15 bảng chuẩn hóa. Việc tích hợp đồng bộ các công nghệ hiện đại gồm Spring Boot, ReactJS, Redux, AWS S3 và cổng thanh toán VNPay đã mang lại một sản phẩm phần mềm có tính ứng dụng cao, cung cấp tài liệu tham khảo giá trị cho các đồ án phát triển ứng dụng web dịch vụ.

Trích đoạn nội dung tài liệu

CHƯƠNG 1: KHẢO SÁT HIỆN TRẠNG. PHÂN TÍCH HIỆN TRẠNG. PHÂN TÍCH YÊU CẦU. 11 CHƯƠNG 2: MÔ HÌNH HÓA YÊU CẦU VÀ THIẾT KẾ CƠ SỞ DỮ LIỆU.

BIỂU ĐỒ USE CASE( USE CASE DIAGRAM). BIỂU ĐỒ HOẠT ĐỘNG (ACTIVITY DIAGRAM). THIẾT KẾ CƠ SỞ DỮ LIỆU. 40 CHƯƠNG 3: CÔNG NGHỆ.

NGÔN NGỮ LẬP TRÌNH VÀ CÔNG NGHỆ SỬ DỤNG. LƯU TRỮ DỮ LIỆU. 49 CHƯƠNG 4: THIẾT KẾ GIAO DIỆN VÀ XỬ LÝ. TRANG THÔNG TIN CHI TIẾT.

TRANG TẠO BÀI VIẾT. TRANG QUẢN LÝ BÀI VIẾT. TRANG GIỎ TIN. TRANG CHI TIẾT ĐƠN THANH TOÁN.

TRANG THANH TOÁN VNPAY. TRANG LỊCH SỬ GIAO DỊCH. TRANG THÔNG TIN CÁ NHÂN. TRANG QUẢN LÝ THÔNG TIN BÀI VIẾT (QUẢN TRỊ VIÊN).

TRANG QUẢN LÝ MÃ GIẢM GIÁ (QUẢN TRỊ VIÊN). QUẢN LÝ THÔNG TIN NGƯỜI DÙNG. 77 CHƯƠNG 5: XỬ LÝ BACK-END. WEB API LÀ GÌ?.

SỬ DỤNG SPRING BOOT XÂY DỰNG BACK-END. 79 PHẦN 3: KẾT LUẬN. KẾT QUẢ ĐẠT ĐƯỢC. NHƯỢC ĐIỂM.

HƯỚNG PHÁT TRIỂN CỦA ĐỀ TÀI. 83 DANH MỤC TÀI LIỆU THAM KHẢO. 84 DANH MỤC HÌNH ẢNH Hình 1: Giao diện thanh điều hướng và bộ hỗ trợ tìm kiếm bài viết. 3 Hình 2: Giao diện danh sách bài viết và các bộ lọc hỗ trợ.

4 Hình 3: Giao diện trang chi tiết bài đăng phần hình ảnh. 5 Hình 4: Giao diện trang chi tiết bài đăng phần hình ảnh. 5 Hình 5: Giao diện trang chi tiết bài đăng phần hình ảnh. 6 Hình 6: Giao diện trang thông tin cá nhân.

7 Hình 7: Giao diện trang thông tin liên hệ. 7 Hình 8: Giao diện thay đổi mật khẩu. 7 Hình 9: Giao diện thông tin xuất hóa đơn. 8 Hình 10: Giao diện trang tạo bài viết.

8 Hình 11: Giao diện trang tạo bài viết. 9 Hình 12: Giao diện trang tạo bài viết. 9 Hình 13: Giao diện trang tạo bài viết form tạo chi phí đăng. 10 Hình 14: Giao diện trang quản lý bài đăng.

10 Hình 15: Giao diện trang lịch sử giao dịch. 11 Hình 16: Use case tổng quát. 13 Hình 17: Use case người dùng tạo bài viết. 15 Hình 18: Use case quản trị viên duyệt bài.

16 Hình 19: Use case người dùng quản lý bài viết. 17 Hình 20: Use case thay đổi trạng thái bài viết. 18 Hình 21: Use case thêm vào giỏ tin. 20 Hình 22: Use case sửa bài viết.

21 Hình 23: Use case xóa bài viết. 22 Hình 24: Use case ẩn bài viết. 23 Hình 25: Use case tạo đơn thanh toán. 24 Hình 26: Use case thanh toán hóa đơn.

25 Hình 27: Use case lịch sử giao dịch. 26 Hình 28: Use case quản lý mã giảm giá. 27 Hình 29: Use case quản lý tài khoản. 28 Hình 30: Use case hiển thị bài viết.

29 Hình 31: Use case chi tiết bài viết. 30 Hình 32: Biểu đồ hoạt động: Đăng ký thành viên. 31 Hình 33: Biểu đồ hoạt động: Đăng nhập. 32 Hình 34: Biểu đồ hoạt động: Tạo bài viết.

33 Hình 35: Biểu đồ hoạt động: Thanh toán chi phí bài viết. 34 Hình 36: Biểu đồ hoạt động: Quản lý trạng thái bài viết. 35 Hình 37: Biểu đồ hoạt động: Xem lịch sử thanh toán. 36 Hình 38: Biểu đồ hoạt động: Chỉnh sửa thông tin cá nhân.

36 Hình 39: Biểu đồ hoạt động: Quản lý mã giảm giá. 37 Hình 40: Biểu đồ hoạt động: Xem thông tin bài viết. 38 Hình 41: Biểu đồ hoạt động: Quản lý tài khoản. 39 Hình 42: Tổng quan cơ sở dữ liệu.

40 Hình 43: Workflow của Redux. 48 Hình 44: Giao diện trang chủ: phần header. 50 Hình 45: Giao diện trang chủ: modal lọc bất động sản. 51 Hình 46: Giao diện trang chủ: modal lọc theo địa chỉ.

51 Hình 47: Giao diện trang chủ: modal lọc theo khoảng giá. 52 Hình 48: Giao diện trang chủ: modal lọc theo khoảng diện tích. 52 Hình 49: Giao diện trang chủ: modal tìm kiếm thêm tiêu chí. 53 Hình 50: Giao diện trang chủ: phần nội dung.

53 Hình 51: Giao diện trang chủ: phân trang. 54 Hình 52: Giao diện trang chi tiết. 56 Hình 53: Giao diện thông tin bài viết cơ bản. 57 Hình 54: Giao diện thông tin bài viết.

58 Hình 55: Giao diện thông tin bất động sản. 58 Hình 56: Giao diện đăng tải hình ảnh/ video. 59 Hình 57: Giao diện thông tin chi tiết chi phí bài viết. 60 Hình 58: Giao diện áp dụng mã giảm giá.

61 Hình 59: Giao diện thông tin liên hệ. 61 Hình 60: Giao diện quản lý bài viết. 62 Hình 61: Giao diện lọc theo ngày. 63 Hình 62: Giao diện lọc loại bất động sản.

63 Hình 63: Giao diện lọc loại bài viết. 63 Hình 64: Giao diện lọc tỉnh thành. 64 Hình 65: Giao diện lọc quận, huyện. 64 Hình 66: Giao diện quản lý bài viết: chờ duyệt.

65 Hình 67: Giao diện quản lý bài viết: không duyệt. 65 Hình 68: Giao diện quản lý bài viết: Chờ thanh toán. 66 Hình 69: Thông báo thêm tin vào giỏ thành công. 67 Hình 70: Thông báo thêm tin vào giỏ thất bại.

67 Hình 71: Giao diện quản lý bài viết: Chờ hiển thị. 68 Hình 72: Giao diện quản lý bài viết: đang hiển thị. 68 Hình 73: Giao diện quản lý bài viết: hết hạn. 69 Hình 74: Giao diện đăng nhập.

70 Hình 75: Giao diện đăng nhập. 70 Hình 76: Giao diện thông báo tạo đơn thanh toán. 71 Hình 77: Giao diện thông tin đơn thanh toán. 71 Hình 78: Giao diện thanh toán VnPay.

72 Hình 79: Giao diện thanh toán VnPay. 72 Hình 80: Giao diện chi tiết thông tin đơn thanh toán. 73 Hình 81: Giao diện chi tiết thông tin đơn thanh toán. 74 Hình 82: Giao diện thông tin cá nhân.

75 Hình 83: Giao diện quản lý: chờ duyệt. 75 Hình 84: Giao diện quản lý: lý do từ chối. 76 Hình 85: Giao diện quản lý: không duyệt. 76 Hình 86: Quản lý danh mã giảm giá.

77 Hình 87: Giao diện tạo và sửa mã giảm giá. 77 Hình 88: Quản lý danh sách người dùng. 78 Hình 89: Giao diện tạo và chỉnh sửa thông tin người dùng. 78 Hình 90: Khởi tạo dự án spring boot.

80 Hình 92: package entity. 81 DANH MỤC BẢNG BIỂU Bảng 1: Mô tả Use case tổng quát. 13 Bảng 2: Mô tả Use case người dùng tạo bài viết. 15 Bảng 3: Mô tả Use case quản trị viên duyệt bài.

16 Bảng 4: Mô tả người dùng quản lý bài viết. 17 Bảng 5: Mô tả Use case thay đổi trạng thái bài viết. 18 Bảng 6: Mô tả use case thêm vào giỏ tin. 20 Bảng 7: Mô tả use case sửa bài viết.

21 Bảng 8: Mô tả use case xóa bài viết. 22 Bảng 9: Mô tả use case ẩn bài viết. 23 Bảng 10: Mô tả use case tạo đơn thanh toán. 24 Bảng 11: Mô tả use case thanh toán đơn hàng.

25 Bảng 12: Mô tả use case lịch sử giao dịch. 26 Bảng 13: Mô tả use case quản lý mã giảm giá. 27 Bảng 14: Mô tả use case quản lý tài khoản. 28 Bảng 15: Mô tả use case trang chủ.

29 Bảng 16: Mô tả use case chi tiết bài viết. 30 Bảng 17: Thiết kế cơ sở dữ liệu bảng: Accommodation. 41 Bảng 18: Thiết kế cơ sở dữ liệu bảng: Cart. 42 Bảng 19: Thiết kế cơ sở dữ liệu bảng: Cart _detail.

42 Bảng 20: Thiết kế cơ sở dữ liệu bảng: Discount. 42 Bảng 21: Thiết kế cơ sở dữ liệu bảng: Exp_dis. 43 Bảng 22: Thiết kế cơ sở dữ liệu bảng: Expense. 43 Bảng 23: Thiết kế cơ sở dữ liệu bảng: Image.

43 Bảng 24: Thiết kế cơ sở dữ liệu bảng: Payment. 44 Bảng 25: Thiết kế cơ sở dữ liệu bảng: Payment_detail. 44 Bảng 26: Thiết kế cơ sở dữ liệu bảng: Post. 44 Bảng 27: Thiết kế cơ sở dữ liệu bảng: Role.

45 Bảng 28: Thiết kế cơ sở dữ liệu bảng: Typeofacc. 45 Bảng 29: Thiết kế cơ sở dữ liệu bảng: User. 46 Bảng 30: Thiết kế cơ sở dữ liệu bảng: User_role. 46 Bảng 31: Thiết kế cơ sở dữ liệu bảng: Video.

46 PHẦN 1: MỞ ĐẦU 1. TÍNH CẤP THIẾT CỦA ĐỀ TÀI Công nghệ thông tin là một lĩnh lực phát triển mạnh trong ứng dụng thực tiễn, đóng vai trò cực kì quan trọng trong kinh tế, văn hóa và cả trong xã hội của mỗi Quốc gia trên thế giới hiện nay. Công nghệ thông tin giúp cho con người tiếp xúc nhanh chóng và tiện lợi trong nhiều lĩnh vực như đời sống, hiệu quả làm việc, tiếp nhận thông tin, học tập và liên lạc giữa người với người ngày càng được tối ưu. Việt Nam hiện là nước đang phát triển, nhân lực tại các thành phố lớn ngày càng tăng và nhu cầu tìm kiếm phòng trọ, căn hộ chung hoặc nhà cho thuê trực tuyến gần nơi học tập, làm việc, thuê mặt bằng văn phòng phù hợp với tiêu chí người thuê là thực sự cần thiết.

Trước đây, việc tìm kiếm truyền thống thông qua môi giới hoặc từ các tờ rơi quảng cáo vừa ít hiệu quả, không tiếp cận được nhiều đối tượng có nhu cầu còn gây ra sự hao phí môi trường, mất mỹ quan tại các khu vực và thậm chí tốn kém nhiều chi phí, thời gian của cả người thuê và người cho thuê. Do đó, việc chọn đề tài là thiết kế một Website để liên kết người dùng có nhu cầu thuê và cho thuê một cách nhanh chóng và hiệu quả nhất. Ngoài ra, tạo ra nguồn lợi nhuận lớn từ chi phí người dùng giúp doanh nghiệp tiết kiệm nhân lực, thời gian, giảm chi phí và tăng doanh số. Xuất phát từ bất cập cũng như những ưu điểm vượt trội nêu trên em đã chọn đề tài: “Xây dựng Website tìm kiếm nhà trọ với Spring Boot và React” làm đề tài cho bài khóa luận tốt nghiệp.

MỤC ĐÍCH CỦA ĐỀ TÀI Với những kiến thức từ các giảng viên tại ngôi trường đại học truyền đạt, đề tài thực hiện trong luận án tốt nghiệp này giúp em tổng hợp các kiến thức cũng như rèn luyện, bổ sung thêm kiến thức và kinh nghiệm trong quá trình thực hiện đề tài. Quá trình này là cơ hội để xây dựng, tìm hiểu hiểu và tích cực trao đổi với thầy cô hướng dẫn, là một phần quá trình đánh giá kết quả năng lực sinh viên để hoàn thành chương trình học.