Đồ án tốt nghiệp CNTT: Xây dựng diễn đàn tư vấn sinh viên sử dụng Spring Boot và ReactJS

• Tác giả: Bùi Quốc Định
• Người hướng dẫn: ThS. Nguyễn Hữu Trung
• 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: Công nghệ thông tin
• Đề tài: Xây dựng diễn đàn tư vấn sinh viên với Spring Boot và ReactJS
• Loại tài liệu: Đồ án tốt nghiệp
• Năm xuất bản: 2024
• Địa điểm: Thành phố Hồ Chí Minh

• LỜI CẢM ƠN
• PHẦN MỞ ĐẦU
• 0.1. LÝ DO CHỌN ĐỀ TÀI
• 0.2. TÍNH CẤP THIẾT CỦA ĐỀ TÀI
• 0.3. PHƯƠNG PHÁP THỰC HIỆN
• 0.4. ĐỐI TƯỢNG VÀ PHẠM VI NGHIÊN CỨU
• 1. CHƯƠNG 1: CƠ SỞ LÝ THUYẾT
• 1.1. Kiến trúc chung của hệ thống
• 1.2. Công nghệ sử dụng ở Front-end
• 1.3. Công nghệ sử dụng ở Back-end
• 2. CHƯƠNG 2: KHẢO SÁT VÀ PHÂN TÍCH HIỆN TRẠNG
• 2.1. Khảo sát hiện trạng
• 2.2. Xác định yêu cầu
• 3. CHƯƠNG 3: PHÂN TÍCH THIẾT KẾ
• 3.1. Lược đồ Use case
• 3.2. Danh sách các Use case
• 3.3. Lược đồ tuần tự - Sequence diagram
• 3.4. Thiết kế dữ liệu
• 3.5. Thiết kế giao diện
• 4. CHƯƠNG 4: KIỂM THỬ
• 4.1. Kế hoạch kiểm thử
• 4.2. Phương pháp kiểm thử
• 4.3. Test case
• PHẦN KẾT LUẬN
• 0.1. Những kết quả đạt được
• 0.2. Nhược điểm
• 0.3. Hướng phát triển
• TÀI LIỆU THAM KHẢO

I. Xây dựng diễn đàn tư vấn sinh viên

Xây dựng diễn đàn tư vấn sinh viên là một dự án nhằm tạo ra một nền tảng trực tuyến giúp sinh viên trao đổi thông tin, hỗ trợ lẫn nhau trong học tập và cuộc sống. Dự án này sử dụng công nghệ Spring Boot và ReactJS để phát triển một hệ thống web hiện đại, linh hoạt và dễ sử dụng. Diễn đàn trực tuyến này không chỉ giúp sinh viên kết nối mà còn đảm bảo tính bảo mật và xác thực thông tin người dùng.

1.1. Tính cấp thiết của diễn đàn

Hiện nay, sinh viên thường trao đổi thông tin qua các nền tảng mạng xã hội như Zalo, Facebook, nhưng các nền tảng này không đảm bảo tính xác thực và bảo mật. Diễn đàn tư vấn sinh viên được xây dựng để giải quyết vấn đề này, cung cấp một môi trường an toàn và chuyên nghiệp cho sinh viên trao đổi thông tin. Đặc biệt, diễn đàn này sử dụng tài khoản sinh viên do trường cung cấp, giúp đảm bảo tính xác thực của người dùng.

1.2. Mục tiêu của dự án

Mục tiêu chính của dự án là xây dựng một hệ thống quản lý diễn đàn trực tuyến, nơi sinh viên có thể đăng bài, bình luận, tìm kiếm thông tin và tạo nhóm. Hệ thống cũng cung cấp các công cụ quản lý cho admin, bao gồm quản lý người dùng, bài viết và thống kê hoạt động. Dự án hướng đến việc tạo ra một nền tảng hỗ trợ sinh viên một cách hiệu quả và bảo mật.

II. Công nghệ sử dụng

Dự án sử dụng hai công nghệ chính là Spring Boot cho backend và ReactJS cho frontend. Spring Boot là một framework Java giúp phát triển ứng dụng web nhanh chóng và hiệu quả, trong khi ReactJS là một thư viện JavaScript giúp xây dựng giao diện người dùng động và tương tác. Sự kết hợp này tạo ra một hệ thống web mạnh mẽ và linh hoạt.

2.1. Spring Boot trong backend

Spring Boot được sử dụng để xây dựng backend của hệ thống, bao gồm các API RESTful và GraphQL. Spring Boot cung cấp các công cụ như Spring Security để xác thực và phân quyền, Spring Data để tương tác với cơ sở dữ liệu, và SpringDoc OpenAPI để tự động tạo tài liệu API. Công nghệ này giúp đảm bảo tính bảo mật và hiệu suất của hệ thống.

2.2. ReactJS trong frontend

ReactJS được sử dụng để phát triển giao diện người dùng của diễn đàn. ReactJS sử dụng Virtual DOM để tối ưu hiệu suất, giúp ứng dụng hoạt động mượt mà và nhanh chóng. Các thư viện hỗ trợ như Shacdn UI và Axios được sử dụng để xây dựng giao diện và kết nối với backend. ReactJS cũng hỗ trợ lập trình JavaScript hiện đại, giúp phát triển ứng dụng web một cách linh hoạt.

III. Phân tích và thiết kế hệ thống

Hệ thống được thiết kế với kiến trúc ba tầng: frontend, backend và cơ sở dữ liệu. Frontend được xây dựng bằng ReactJS, backend bằng Spring Boot, và cơ sở dữ liệu sử dụng MySQL. Hệ thống hỗ trợ các chức năng cơ bản như đăng ký, đăng nhập, đăng bài, bình luận, và quản lý nhóm. Admin có quyền quản lý người dùng, bài viết và thống kê hoạt động.

3.1. Kiến trúc hệ thống

Kiến trúc hệ thống bao gồm frontend (ReactJS), backend (Spring Boot) và cơ sở dữ liệu (MySQL). Frontend gửi yêu cầu đến backend, backend xử lý yêu cầu và truy xuất dữ liệu từ cơ sở dữ liệu, sau đó trả kết quả về frontend để hiển thị. Kiến trúc này đảm bảo tính linh hoạt và hiệu suất của hệ thống.

3.2. Thiết kế giao diện người dùng

Giao diện người dùng được thiết kế đơn giản, dễ sử dụng, với các chức năng như đăng bài, bình luận, tìm kiếm và quản lý thông tin cá nhân. Shacdn UI được sử dụng để tạo các thành phần giao diện, giúp tiết kiệm thời gian phát triển. Giao diện được tối ưu hóa cho trải nghiệm người dùng, đảm bảo tính thân thiện và dễ dàng sử dụng.

IV. Kiểm thử và triển khai

Hệ thống được kiểm thử kỹ lưỡng để đảm bảo tính ổn định và hiệu suất. Các chức năng như đăng nhập, đăng ký, đăng bài và bình luận được kiểm thử bằng các test case cụ thể. Sau khi kiểm thử, hệ thống được triển khai trên môi trường thực tế sử dụng Docker để đảm bảo tính linh hoạt và dễ dàng mở rộng.

4.1. Kế hoạch kiểm thử

Kế hoạch kiểm thử bao gồm kiểm thử chức năng, kiểm thử hiệu suất và kiểm thử bảo mật. Các test case được thiết kế để kiểm tra từng chức năng của hệ thống, đảm bảo rằng mọi yêu cầu của người dùng được đáp ứng một cách chính xác và hiệu quả. Kiểm thử bảo mật được thực hiện để đảm bảo tính an toàn của hệ thống.

4.2. Triển khai hệ thống

Hệ thống được triển khai sử dụng Docker, giúp đảm bảo tính linh hoạt và dễ dàng mở rộng. Docker cho phép đóng gói ứng dụng và các thành phần phụ thuộc vào một container, giúp triển khai nhanh chóng và dễ dàng trên các môi trường khác nhau. Điều này giúp hệ thống hoạt động ổn định và hiệu quả trong môi trường thực tế.