1. Trang chủ
  2. » Luận Văn - Báo Cáo

Tìm hiểu spring boot, angular và xây dựng web quản lý tlcn và kltn

152 14 0
Tài liệu đã được kiểm tra trùng lặp

Đang tải... (xem toàn văn)

Tài liệu hạn chế xem trước, để xem đầy đủ mời bạn chọn Tải xuống

THÔNG TIN TÀI LIỆU

Nội dung

Chúng ta đang sống trong thời đại bùng nổ thông tin. Công nghệ thông tin, các thiết bị máy tính ngày càng phát triển và được ứng dụng sâu trong các lĩnh vực đời sống xã hội. Nhiều công nghệ cũ được thay thế bằng các công nghệ mới hơn với những ưu điểm và sự tiện ích rõ nét. Ứng dụng máy tính trong việc quản lý thông tin nói chung và trong lĩnh vực quản lý đề tài tiểu luận chuyên ngành và khóa luận tốt nghiệp ở các trường đại học cũng không nằm ngoài cuộc cách mạng này. Mỗi năm ở các trường đại học, những sinh viên năm cuối phải bước vào giai đoạn đăng ký tiểu luận chuyên ngành, khóa luận tốt nghiệp. Có không ít những khó khăn, bất cập cho cả giảng viên, sinh viên trong việc đăng ký đề tài, quản lí đề tài. Ví dụ như có thể xảy ra sai sót trong việc đăng ký cũng như duyệt đề tài, quá trình sinh viên đăng ký tốn nhiều thời gian. Vì vậy nhóm chúng em quyết định thực hiện đề tài: “Tìm hiểu Spring Boot, Angular và xây dựng web quản lý TLCN và KLTN”. Hệ thống là giải pháp thông minh, hiệu quả giúp giảm bớt áp lực, khó khăn cho sinh viên, giảng viên khi đến mùa làm đề tài.

TRƯỜNG ĐẠI HỌC SƯ PHẠM KỸ THUẬT TP HỒ CHÍ MINH KHOA CƠNG NGHỆ THƠNG TIN Đề Tài: Tìm hiểu Spring Boot, Angular xây dựng web quản lý TLCN KLTN KHÓA LUẬN TỐT NGHIỆP KỸ SƯ CNTT GIÁO VIÊN HƯỚNG DẪN ThS NGUYỄN HỮU TRUNG ĐH SƯ PHẠM KỸ THUẬT TP.HCM CỘNG HÒA XHCN VIỆT NAM KHOA CÔNG NGHỆ THÔNG TIN Độc lập – Tự – Hạnh phúc ****** ****** PHIẾU NHẬN XÉT CỦA GIẢNG VIÊN HƯỚNG DẪN Chuyên ngành: Công nghệ phần mềm Tên đề tài: Tìm hiểu Spring Boot, Angular xây dựng web quản lý TLCN KLTN Họ tên giảng viên hướng dẫn: ThS Nguyễn Hữu Trung NHẬN XÉT Về nội dung đề tài khối lượng thực hiện: Ưu điểm: Khuyết điểm: Đề nghị cho bảo vệ hay không? Đánh giá loại: Điểm: ĐH SƯ PHẠM KỸ THUẬT TP.HCM CỘNG HỊA XHCN VIỆT NAM KHOA CƠNG NGHỆ THƠNG TIN Độc lập – Tự – Hạnh phúc ****** ****** PHIẾU NHẬN XÉT CỦA GIẢNG VIÊN PHẢN BIỆN Chuyên ngành: Công nghệ phần mềm Tên đề tài: Tìm hiểu Spring Boot, Angular xây dựng web quản lý TLCN KLTN Họ tên giảng viên phản biện: ThS Nguyễn Thủy An NHẬN XÉT Về nội dung đề tài khối lượng thực hiện: Ưu điểm: Khuyết điểm: Đề nghị cho bảo vệ hay không? Đánh giá loại: Điểm: LỜI CẢM ƠN Lời nhóm xin phép gửi lời cảm ơn chân thành sâu sắc đến với Khoa Công Nghệ Thông Tin – Trường Đại Học Sư Phạm Kỹ Thuật Thành Phố Hồ Chí Minh tạo điều kiện cho nhóm chúng em học tập, phát triển tảng kiến thức sâu sắc thực đề tài Bên cạnh nhóm chúng em xin gửi đến thầy Nguyễn Hữu Trung lời cảm ơn sâu sắc biết ơn thầy giúp đỡ nhận lời hướng dẫn nhóm chúng em thực luận văn tốt nghiệp Trải qua trình dài học tập thực đề tài thời gian qua Thầy tận tâm bảo nhiệt tình nhóm chúng em suốt q trình từ lúc bắt đầu kết thúc đề tài Với kinh nghiệm chuyên môn với kinh nghiệm thực tế thầy cô Tập thể thầy cô Khoa Công Nghệ Thông Tin đặc biệt thầy Nguyễn Hữu Trung giúp cho chúng em tiếp thu thêm nhiều kiến thức kinh nghiệm khổng lồ chuyên ngành thực dự án nhằm giúp nhiều cho công việc học vấn tương lai Đặc biệt điều giúp thơi thúc chúng em hồn thành đề tài Chúng em thật cảm ơn khắc ghi kiến thức Đây hành trang vơ lớn chúng em trước bước sống Tuy nhiên, kiến thức lúc vơ tận với khả chun mơn cịn nhiều hạn chế chúng em ln cố gắng để hoàn thành cách tốt Vì việc xảy thiếu sót chúng em điều khó tránh khỏi q trình học hỏi thực luận văn Chúng em hi vọng nhận thông cảm nhận góp ý tận tình q báu q thầy (cơ) Thơng qua chúng em có thể rút học kinh nghiệm, song với hồn thiện nâng cấp lại sản phẩm tốt Sau tất cả, lần chúng em xin gửi lời cảm ơn sâu sắc đến với thầy Nguyễn Hữu Trung tập thể quý thầy, cô Khoa Công Nghệ Thông Tin – Trường Đại Học Sư Phạm Kỹ Thuật Thành Phố Hồ Chí Minh tất điều thầy cô gửi gắm dạy chúng em Nhóm xin kính chúc thầy ln có sức khỏe thật tốt ln thành công sống TRƯỜNG ĐẠI HỌC SƯ PHẠM KỸ THUẬT TP.HCM KHOA CNTT ****** ĐỀ CƯƠNG LUẬN VĂN Chun ngành: Cơng nghệ phần mềm Tên đề tài: Tìm hiểu Spring Boot, Angular xây dựng web quản lý TLCN KLTN Giáo viên hướng dẫn: ThS Nguyễn Hữu Trung Nội dung thực hiện: Lý thuyết: - Angular - Spring Boot, MVC - Hibernate, API, Two-factor authentication - SQL Thực hành: - Thay đổi giao thức từ HTTP sang HTTPS để tăng tính bảo mật - Các danh mục truy cập website thực hiện: + Trang chủ hiển thị thông báo TLCN KLTN khoa + Trang Danh sách đề tài: hiển thị loại đề tài, danh sách đề tài, xem chi tiết đề tài + Trang hướng dẫn đăng ký: mô tả cách thức đăng ký + Trang thống kê: thống kê theo loại đề tài, thống kê đề tài theo sinh viên, thống kê đề tài theo giảng viên + Trang tìm kiếm: tìm kiếm đề tài, tìm kiếm giảng viên, tìm kiếm sinh viên - Khi đăng nhập vào tài khoản sinh viên thực thêm chức năng: + Trang thông tin sinh viên: hiển thị danh sách sinh viên + Trang thông tin giảng viên: hiển thị danh sách giảng viên + Trang quản trị tài khoản: đổi thông tin cá nhân, đổi mật khẩu, hiển thị ý hệ thống + Trang đăng ký đề tài (khi đến thời gian đăng ký đề tài): danh sách đề tài có thể đăng ký, thực đăng ký, xin vào nhóm “Quan tâm đề tài” + Trang quản lý nhóm: xem danh sách “Quan tâm đề tài”, thêm thành viên vào đề tài trống - Khi đăng nhập vào tài khoản giảng viên thực thêm chức năng: + Trang quản trị tài khoản: đổi thông tin cá nhân, đổi mật + Trang quản trị đề tài: hiển thị danh sách đề tài giảng viên theo loại đề tài, click vào loại đề tài để xem số sinh viên đăng ký - Khi đăng nhập vào tài khoản Quản trị viên thực thêm chức năng: + Trang quản trị thơng báo: thêm, xóa, sửa, xem thơng báo + Trang quản trị cấu hình: thêm, xóa, sửa cấu hình; xem chi tiết; sinh viên-cấu hình (thêm sinh viên, xóa danh sách, xóa sinh viên), export danh sách đề tài + Trang quản trị người dùng: tìm kiếm (mssv, msgv, họ tên, email, số điện thoại), thêm giảng viên, thêm sinh viên, xem chi tiết (lưu thông tin, reset mật khẩu, khóa tài khoản), thêm người dùng + Trang quản trị đề tài: thêm danh sách đề tài, xóa danh sách đề tài, thêm đề tài, hiển thị danh sách đề tài + Trang duyệt đề tài: hiển thị đề tài theo loại đề tài (tên giảng viên, số đề tài, số đề tài duyệt) + Trang quản trị chung: quản trị chuyên ngành (thêm xóa sửa), quản trị lớp (thêm xóa sửa), quản trị niên khóa (thêm xóa sửa) KẾ HOẠCH THỰC HIỆN STT Công việc Thời gian Tìm hiểu Angular, Spring Boot, MVC, Hibernate, SQL Viết đề cương cho đề tài Tiến hành phân tích trạng thiết kế hệ thống Thiết kế database để phù hợp với chức dự kiến thực Thiết kế sơ giao diện cho phù hợp hoàn thiện Tiến hành dựng source Web xây dựng database Hoàn thành đăng nhập hệ thống Tiến hành viết API giao diện cho chức chung (Trang chủ, Hướng dẫn đăng ký, Thống kê, Tìm kiếm) Tiến hành viết API giao diện cho chức Sinh viên (Danh sách đề tài, Thông tin sinh viên) Tiến hành viết API giao diện cho chức Giảng viên (Thông tin giảng viên, Quản lý đề tài) Tiến hành viết API giao diện cho chức Quản trị viên (Quản lý thông báo, Quản lý người dùng) Viết báo cáo kiểm thử hệ thống - Chuyển đổi mẫu giao diện - Nghiên cứu kiến thức đọc liệu tệp tin Excel 10 - Tối ưu hiệu giao diện - Tạo cập nhật số API để tối ưu hiệu 11 - Phát triển chức quản lý chung - Viết API cho chức quản lý chung 12 - Phát triển chức quản lý nhóm - đề tài cho giảng viên, thêm nhiệm vụ, đánh giá làm - - Viết API cho chức quản lý nhóm - đề tài cho giảng viên, thêm nhiệm vụ, đánh giá làm - Phát triển chức học tập, làm nhiệm vụ cho sinh viên, làm nhiệm vụ, nộp 13 - Viết API cho chức học tập, làm nhiệm vụ cho sinh viên, làm nhiệm vụ, nộp - Phát triển chức tải lên danh sách đề tài, danh sách sinh viên 14 - Viết API cho chức tải lên danh sách đề tài, danh sách sinh viên - Phát triển chức xuất excel 15 - Viết API cho chức xuất excel - Phát triển chức download file liệu 16 - Viết API cho chức download file liệu - Triển khai back-end lên EC2 17 - Tối ưu code, bổ sung hiệu ứng tác vụ 18 - Hoàn thành luận văn BẢNG PHÂN CHIA CÔNG VIỆC Họ tên Công việc - Viết front-end Viết báo cáo sở lý thuyết Angular, CKEditor Viết đặc tả Usecase Viết báo cáo chương 5: Thiết kế giao diện xử lý Viết hướng dẫn cài đặt phía front-end Viết báo cáo phần kết luận Viết back-end Viết báo cáo sở lý thuyết Spring Boot Viết báo cáo chương 2: Khảo sát, phân tích, thiết kế Vẽ lược đồ Usecase Vẽ lược đồ cho chức đăng ký đề tài, tìm kiếm, thống kê Viết hướng dẫn cài đặt phía back-end Người viết đề cương Ý kiến giáo viên hướng dẫn MỤC LỤC LỜI CẢM ƠN ĐỀ CƯƠNG LUẬN VĂN DANH MỤC HÌNH 15 DANH MỤC BẢNG 18 PHẦN MỞ ĐẦU 22 TÍNH CẤP THIẾT CỦA ĐỀ TÀI 22 MỤC TIÊU ĐỀ TÀI 22 PHƯƠNG PHÁP THỰC HIỆN 22 PHẦN NỘI DUNG 23 CHƯƠNG CƠ SỞ LÝ THUYẾT 23 1.1 Angular 23 1.1.1 Giới thiệu Angular 23 1.1.2 Các phiên Angular: 23 1.1.3 Angular Component: 24 1.1.4 Angular Binding [1]: 25 1.1.5 Ng-module: 25 1.1.6 Service Angular: 25 1.1.7 Router Angular: 26 1.1.8 Những tính bật Angular: 26 1.1.9 Angular material: 27 1.1.10 Ưu điểm Angular Javascript: 28 1.2 Đồng bộ, bất đồng bộ: 28 1.3 Local Storage: 28 1.4 CKEditor: 29 1.5 Spring Boot 31 1.5.1 Giới thiệu Spring Boot 31 1.5.2 Những tính Spring Boot 32 1.6 Cloud Storage for Firebase 33 1.6.1 Giới thiệu Cloud Storage for Firebase 33 1.6.2 Các khả 33 1.7 Amazon EC2 34 1.7.1 Giới thiệu Amazon EC2 34 1.7.2 Tính Amazon EC2 34 CHƯƠNG KHẢO SÁT, PHÂN TÍCH, THIẾT KẾ 36 2.1 Phân tích trạng 36 2.2 Phân tích yêu cầu dự án 36 2.2.1 Yêu cầu chức nghiệp vụ 36 2.2.2 Yêu cầu chức hệ thống 39 2.2.3 Yêu cầu phi chức 39 CHƯƠNG MƠ HÌNH HĨA U CẦU 42 3.1 Danh sách tác nhân chức hệ thống 42 3.2 Lược đồ chức (Usecase diagram) 43 3.2.1 Actor Khach 43 3.2.2 Actor SinhVien 44 3.2.3 Actor GiangVien 45 3.2.4 Actor QuanTriVien 46 3.3 Đặc tả Usecase 46 3.3.1 Các Use case với vai trò QuanTriVien 53 3.3.2 Các Use Case GiangVien 61 3.3.3 Các Use Case SinhVien 66 CHƯƠNG THIẾT KẾ PHẦN MỀM 73 10 5.63 Thêm chuyên ngành Hình 5.63 Thêm chuyên ngành Bảng 5.61 Mô tả thêm chuyên ngành STT Chức Tên chuyên ngành Lưu Mô tả Người dùng: Quản trị viên 5.64 Cập nhật chuyên ngành Hình 5.64 Cập nhật chuyên ngành 138 Bảng 5.62 Mô tả cập nhật chuyên ngành STT Chức Mô tả Chuyên ngành Tên Chuyên ngành Lưu Người dùng: Quản trị viên 5.65 Duyệt đề tài: Hình 5.65 Duyệt đề tài Bảng 5.63 Mơ tả duyệt đề tài STT Chức Mô tả Combobox giảng viên Chọn tên giảng viên muốn duyệt đề tài Button tìm kiếm Thực lọc danh sách đề tài giảng viên chọn Tổng số đề tài Số đề tài lọc checkbox Nhấn để chọn đề tài muốn duyệt Button duyệt Chuyển trạng thái duyệt cho đề tài chọn Xem chi tiết Xem chi tiết đề tài 139 CHƯƠNG CÀI ĐẶT VÀ KIỂM THỬ ỨNG DỤNG 6.1 Cài đặt 6.1.1 Back-end Yêu cầu phần mềm ● Phần mềm IntelliJ IDEA 2022.2 trở lên ● Java 17 ● SQL Server 2019 ● SSMS 18 trở lên Các bước cài đặt API - Tải giải nén thư mục chứa Project Backend Hình 6.1 Nội dung thư mục sau giải nén - Mở IntelliJ vào Tệp tin → Open, chọn đường dẫn đến thư mục giải nén 140 Hình 6.2 Chọn đường dẫn đến thư mục giải nén 141 - Chuột phải vào tệp tin pom.xml → Maven → Reload Project để tải dependency cần thiết Hình 6.3 Reload Project - Vào tệp tin application.properties thay đổi thơng tin cấu hình database để có thể kết nối với database 142 Hình 6.4 Vị trí tệp tin application.properties nội dung cần thay đổi - Run K19Nhom3TlcnApplication để chạy server Hình 6.5 Chạy Back-end thành cơng - Để có liệu chạy thử, chạy script SQL tệp tin GenerateData.sql 143 Hình 6.6 Vị trí tệp tin GenerateData.sql 6.1.2 Front-end u cầu phần mềm ● Phần mềm Visual Studio 2019 trở lên ● Angular version 14 ● Node version 14 Các bước cài đặt API: - Cài đặt node từ trang thống nodejs: version v14.17.3 144 Hình 6.7 Trang tải xuống Nodejs - Cài đặt môi trường Angular version 14: lệnh npm i @angular/cli Angular CLI: 14.2.6 Node: 14.17.3 Package Manager: npm 8.18.0 OS: win32 x64 Hình 6.8 Trang chủ Angular - Sau cài đặt môi trường xong, ta thực giải nén source code: 145 Hình 6.9 Nội dung code front-end sau giải nén - Mở source code Visual Studio Code Hình 6.10 Source code Front-end mở VS Code • Chạy lệnh : npm i để cài đặt thư viện cho source code • Sau cài đặt xong: chạy lệnh : npm start để run source code 146 Hình 6.11 Giao diện Front-end chạy thành công 6.2 Kiểm thử ứng dụng Tổng số lượng testcase 20 + + 11 + + 11 + 15 + = 77 testcase Trong đó, test cho chức năng: - Giao diện: 42 testcase - CRUD thông báo: 15 testcase - Tìm kiếm bản, tìm kiếm nâng cao: testcase - Thống kê số liệu: 11 testcase Số lượng testcase không pass: 14 testcase 147 PHẦN KẾT LUẬN NHỮNG KẾT QUẢ ĐẠT ĐƯỢC 1.1 Về kiến thức Về kiến thức, thành viên nhóm học hỏi trau dồi thêm nhiều cho thân Về chun mơn: ● Hiểu rõ cách viết APIs phát triển server back-end Spring boot, Java Core hệ quản trị sở liệu SQL Server ● Phát triển phần mềm Angular ● Ứng dụng Angular material, CKEditor, ng-template ● Xây dựng back-end theo mơ hình MVC ● Học hỏi debug để tìm lỗi giải lỗi xảy trình phát triển phần mềm ● Sử dụng thành thạo số công cụ test: Postman,… ● Chuyển đổi domain HTTPS ● Học tiếp thu nhiều kiến thức mới: material Angular, check format phoneNumber, Email,…CKEditor, JWT, Security ,… ● Xử lý bất đồng ● Xử lý tải lên tệp tin excel, xuất thống kê tệp tin excel ● Tải xuống tệp tin ● Tính tương thích hiển thị ứng dụng trình duyệt ● Sử dụng thành thạo gitlab` ● Deploy backend lên server AWS Về kỹ năng: ● Rèn luyện kỹ làm việc nhóm, giải vấn đề chung ● Tư phản biện, kỹ giao tiếp thành viên nhóm ● Kỹ đọc tài liệu tiếng anh, tự học, tự nghiên cứu để giải khó khăn ● Kỹ quản lý thời gian để thực tiến độ mà không bị ảnh hưởng nhiều yếu tố khác 1.2 Về đề tài Sau thực đề tài nhóm có Web quản lý đăng ký đề tài Tiểu luận chuyên ngành Khóa luận tốt nghiệp: 148 ● Chức cho người dùng: + Xem thông báo, + Xem danh sách đề tài, + Thông tin sinh viên, + Thông tin giảng viên, + Hướng dẫn đăng ký, + Thống kê, + Tìm kiếm • Chức cho Sinh viên: + Quản trị tài khoản + Đăng ký đề tài + Quản lý Nhóm + Xin vào nhóm + Học tập, làm nhiệm vụ, nộp + Tải xuống tệp tin nộp + Duyệt xin vào nhóm • Chức cho Giảng viên: + Quản trị đề tài + Quản trị tài khoản + Quản trị nhóm- đề tài + Thêm danh sách đề tài + Xuất excel danh sách đề tài + Xuất excel danh sách nhiệm vụ + Tải xuống tệp tin làm + Đánh giá làm sinh viên • Chức cho Quản trị viên: + Quản trị đề tài + Thêm danh sách đề tài + Thêm danh sách người dùng + Xuất excel danh sách đề tài + Quản trị tài khoản + Quản trị thông báo 149 + Quản trị cấu hình + Quản trị người dùng + Quản trị chung + Duyệt đề tài 1.3 Về kinh nghiệm Về mặt kinh nghiệm: ● Kinh nghiệm lập trình website Angular ● Kinh nghiệm lập trình Spring boot, Java Core ● Kinh nghiệm phát triển, triển khai API ● Kiểm thử phần mềm ● Kinh nghiệm xử lý bất đồng ● Kỹ giải vấn đề, làm việc nhóm ƯU ĐIỂM VÀ NHƯỢC ĐIỂM 2.1 Ưu điểm ● Hệ thống đa dạng chức cho sinh viên, giảng viên, Quản trị viên ● Dễ dàng sử dụng thao tác ● Sinh viên dễ dàng theo dõi, đăng ký đề tài, học tập, làm nhiệm vụ theo giai đoạn đề tài ● Giảng viên tạo đề tài cho sinh viên đăng ký, dễ dàng quản lý, theo dõi tiến độ sinh viên, kịp thời đánh giá nhận xét ● Là kênh hỗ trợ giảng viên, ban chủ nhiệm khoa kết nối gần với sinh viên cơng tác quản lý giảng dạy ● Có kênh thơng tin liên hệ khoa cần thiết ● Giao diện ưa nhìn ● Sử dụng cơng nghệ Angular + Spring boot, giúp code linh động, giảm thiểu lượng code ● Mơ hình MVC tiện dụng 2.2 Nhược điểm ● Chức nhập văn trang web chưa có nhiều nút hỗ trợ chỉnh ● Chưa đa dạng hình thức đăng nhập 150 THUẬN LỢI ● Dễ dàng tiếp cận phát triển phần mềm có kinh nghiệm lập trình với Angular, Spring boot, Java core ● Nhờ có hướng dẫn nhiệt tình thầy Nguyễn Hữu Trung thầy cô Khoa Công Nghệ Thông Tin trường Đại học Sư Phạm Kỹ Thuật giúp đỡ nhóm thời gian thực đề tài KHĨ KHĂN ● Angular cơng nghệ mới, chưa học trường, địi hỏi tính tự nghiên cứu, học hỏi nhiều, nên việc tìm kiếm giải pháp lời giải cho tốn phát sinh q trình phát triển phần mềm gây trở ngại cho nhóm ● Kinh nghiệm kỹ nhóm cịn thiếu sót non trẻ dẫn đến khơng khó khăn để giải vấn đề HƯỚNG PHÁT TRIỂN Trong trình thực đề tài, mặt thời gian kiến thức khiến cho nhóm có nhiều trở ngại việc thức hóa nhiều tình cho hệ thống, nhóm đề hướng phát triển cho hệ thống sau: ● Chat box cho sinh viên, giảng viên ● Triển khai chống đạo văn báo cáo giai đoạn, nhiệm vụ sinh viên 151 TÀI LIỆU THAM KHẢO [1] Angular gì? Giới thiệu toàn tập Angular, Hồng Nhi https://wiki.tino.org/angular-la-gi/ [2] Angular Material gì? Cách cài đặt tạo lập dự án Angular, niithanoi, 05/08/2022, https://niithanoi.edu.vn/angular-material-la-gi-cach-cai-dat-va-tao-lap-mot-du-an-angular.html [3] Bộ nhớ đám mây cho Firebase, Google Firebase, 05/07/2023, https://firebase.google.com/docs/storage?hl=vi [4] Ckeditor – Github Topics, ckeditor5, 05/07/2023, https://github.com/ckeditor/ckeditor5 [5] CKEditor 5, Bùi Hiên, 27/12/2022 https://techmaster.vn/posts/36502/ckeditor-5-co-gi-moi [6] Components of AWS EC2, Rahul Venati, Francisco García Sierra, 05/07/2023, https://medium.com/@rahulvenati/components-of-s3-ec2-65d12acf6ee3 [7] Firebase Pricing, Google Firebase, 06/07/2023, https://firebase.google.com/pricing [8] Firebase Android Series: Storage, 05/07/2023, https://proandroiddev.com/firebase-android-series-storage-f09524008e14 [9] Introduction to the Angular docs, Code licensed under an MIT-style License Documentation licensed under CC BY 4.0., https://angular.io/docs [10] Spring Boot gì? Những kiến thức cần chuẩn bị học Spring Boot, Nguyễn Hưng, 27/12/2022, https://vietnix.vn/spring-boot-la-gi/ [11] What is Amazon EC2?, Amazon Web Services, 05/07/2023, https://docs.aws.amazon.com/AWSEC2/latest/UserGuide/concepts.html 152

Ngày đăng: 02/11/2023, 21:50

HÌNH ẢNH LIÊN QUAN

Hình  1.5 Các ứng dụng của Spring Boot [10] - Tìm hiểu spring boot, angular và xây dựng web quản lý tlcn và kltn
nh 1.5 Các ứng dụng của Spring Boot [10] (Trang 32)
Hình  3.2 Usecase Diagram Actor SinhVien - Tìm hiểu spring boot, angular và xây dựng web quản lý tlcn và kltn
nh 3.2 Usecase Diagram Actor SinhVien (Trang 44)
Hình  3.3 Usecase Diagram Actor GiangVien - Tìm hiểu spring boot, angular và xây dựng web quản lý tlcn và kltn
nh 3.3 Usecase Diagram Actor GiangVien (Trang 45)
Hình  3.4 Usecase Diagram Actor QuanTriVien - Tìm hiểu spring boot, angular và xây dựng web quản lý tlcn và kltn
nh 3.4 Usecase Diagram Actor QuanTriVien (Trang 46)
Hình  4.2 Lược đồ tuần tự tìm kiếm - Tìm hiểu spring boot, angular và xây dựng web quản lý tlcn và kltn
nh 4.2 Lược đồ tuần tự tìm kiếm (Trang 74)
Hình  4.3 Lược đồ tuần tự thống kê - Tìm hiểu spring boot, angular và xây dựng web quản lý tlcn và kltn
nh 4.3 Lược đồ tuần tự thống kê (Trang 75)
Hình  4.5 Lược đồ tuần tự tải lên tệp tin Excel đề tài - Tìm hiểu spring boot, angular và xây dựng web quản lý tlcn và kltn
nh 4.5 Lược đồ tuần tự tải lên tệp tin Excel đề tài (Trang 77)
Hình  4.7 Lược đồ cơ sở dữ liệu - Tìm hiểu spring boot, angular và xây dựng web quản lý tlcn và kltn
nh 4.7 Lược đồ cơ sở dữ liệu (Trang 78)
Hình  5.2 Màn hình đăng nhập  Bảng  5.2 Mô tả màn hình đăng nhập - Tìm hiểu spring boot, angular và xây dựng web quản lý tlcn và kltn
nh 5.2 Màn hình đăng nhập Bảng 5.2 Mô tả màn hình đăng nhập (Trang 80)
Hình  5.4 Màn hình Khôi phục mật khẩu  Bảng  5.4 Mô tả màn hình Khôi mật khẩu - Tìm hiểu spring boot, angular và xây dựng web quản lý tlcn và kltn
nh 5.4 Màn hình Khôi phục mật khẩu Bảng 5.4 Mô tả màn hình Khôi mật khẩu (Trang 82)
Hình  5.5 Xem chi tiết thông báo  Bảng  5.5 Mô tả Xem chi tiết thông báo - Tìm hiểu spring boot, angular và xây dựng web quản lý tlcn và kltn
nh 5.5 Xem chi tiết thông báo Bảng 5.5 Mô tả Xem chi tiết thông báo (Trang 83)
Hình  5.7 Danh sách đề tài  Bảng  5.7 Mô tả Danh sách đề tài - Tìm hiểu spring boot, angular và xây dựng web quản lý tlcn và kltn
nh 5.7 Danh sách đề tài Bảng 5.7 Mô tả Danh sách đề tài (Trang 85)
Hình  5.11 Hướng dẫn đăng ký  Bảng  5.11 Mô tả Hướng dẫn đăng ký - Tìm hiểu spring boot, angular và xây dựng web quản lý tlcn và kltn
nh 5.11 Hướng dẫn đăng ký Bảng 5.11 Mô tả Hướng dẫn đăng ký (Trang 90)
Hình  5.12 Thống kê sinh viên  Bảng  5.12 Mô tả thống kê sinh viên - Tìm hiểu spring boot, angular và xây dựng web quản lý tlcn và kltn
nh 5.12 Thống kê sinh viên Bảng 5.12 Mô tả thống kê sinh viên (Trang 91)
Hình  5.14 Thống kê giảng viên  Bảng  5.14 Mô tả thống kê giảng viên - Tìm hiểu spring boot, angular và xây dựng web quản lý tlcn và kltn
nh 5.14 Thống kê giảng viên Bảng 5.14 Mô tả thống kê giảng viên (Trang 93)
Hình  5.15 Tìm kiếm đề tài  Bảng  5.15 Mô tả tìm kiếm đề tài - Tìm hiểu spring boot, angular và xây dựng web quản lý tlcn và kltn
nh 5.15 Tìm kiếm đề tài Bảng 5.15 Mô tả tìm kiếm đề tài (Trang 94)
Hình  5.16 Tìm kiếm sinh viên  Bảng  5.16 Mô tả tìm kiếm sinh viên - Tìm hiểu spring boot, angular và xây dựng web quản lý tlcn và kltn
nh 5.16 Tìm kiếm sinh viên Bảng 5.16 Mô tả tìm kiếm sinh viên (Trang 95)
Hình  5.17 Tìm kiếm giảng viên  Bảng  5.17 Mô tả tìm kiếm giảng viên - Tìm hiểu spring boot, angular và xây dựng web quản lý tlcn và kltn
nh 5.17 Tìm kiếm giảng viên Bảng 5.17 Mô tả tìm kiếm giảng viên (Trang 96)
Hình  5.18 Quản trị tài khoản sinh viên  Bảng  5.18 Mô tả Quản trị tài khoản sinh viên - Tìm hiểu spring boot, angular và xây dựng web quản lý tlcn và kltn
nh 5.18 Quản trị tài khoản sinh viên Bảng 5.18 Mô tả Quản trị tài khoản sinh viên (Trang 97)
Bảng  5.26 Mô tả duyệt xin vào nhóm - Tìm hiểu spring boot, angular và xây dựng web quản lý tlcn và kltn
ng 5.26 Mô tả duyệt xin vào nhóm (Trang 104)
Hình  5.29 Xem đánh giá  Bảng  5.29 Mô tả Xem đánh giá - Tìm hiểu spring boot, angular và xây dựng web quản lý tlcn và kltn
nh 5.29 Xem đánh giá Bảng 5.29 Mô tả Xem đánh giá (Trang 106)
Hình  5.32 Giảng viên xem thành viên nhóm đề tài  Bảng  5.32 Mô tả xem thành viên nhóm đề tài - Tìm hiểu spring boot, angular và xây dựng web quản lý tlcn và kltn
nh 5.32 Giảng viên xem thành viên nhóm đề tài Bảng 5.32 Mô tả xem thành viên nhóm đề tài (Trang 108)
Hình  5.39 Thêm thông báo  Bảng  5.39 Mô tả thêm thông báo - Tìm hiểu spring boot, angular và xây dựng web quản lý tlcn và kltn
nh 5.39 Thêm thông báo Bảng 5.39 Mô tả thêm thông báo (Trang 114)
Hình  5.40 Cập nhật thông báo  Bảng  5.40 Mô tả cập nhật thông báo - Tìm hiểu spring boot, angular và xây dựng web quản lý tlcn và kltn
nh 5.40 Cập nhật thông báo Bảng 5.40 Mô tả cập nhật thông báo (Trang 115)
Hình  5.42 Thêm cấu hình  Bảng  5.42 Mô tả thêm cấu hình - Tìm hiểu spring boot, angular và xây dựng web quản lý tlcn và kltn
nh 5.42 Thêm cấu hình Bảng 5.42 Mô tả thêm cấu hình (Trang 117)
Hình  5.43 Cập nhật cấu hình  Bảng  5.43 Mô tả cập nhật cấu hình - Tìm hiểu spring boot, angular và xây dựng web quản lý tlcn và kltn
nh 5.43 Cập nhật cấu hình Bảng 5.43 Mô tả cập nhật cấu hình (Trang 119)
Hình  5.46 Quản trị người dùng  Bảng  5.46 Mô tả quản trị người dùng - Tìm hiểu spring boot, angular và xây dựng web quản lý tlcn và kltn
nh 5.46 Quản trị người dùng Bảng 5.46 Mô tả quản trị người dùng (Trang 122)
Hình  5.49 Quản trị đề tài  Bảng  5.49 Mô tả quản trị đề tài - Tìm hiểu spring boot, angular và xây dựng web quản lý tlcn và kltn
nh 5.49 Quản trị đề tài Bảng 5.49 Mô tả quản trị đề tài (Trang 125)
Hình  6.2 Chọn đường dẫn đến thư mục được giải nén - Tìm hiểu spring boot, angular và xây dựng web quản lý tlcn và kltn
nh 6.2 Chọn đường dẫn đến thư mục được giải nén (Trang 141)
Hình  6.11 Giao diện Front-end khi chạy thành công - Tìm hiểu spring boot, angular và xây dựng web quản lý tlcn và kltn
nh 6.11 Giao diện Front-end khi chạy thành công (Trang 147)

TỪ KHÓA LIÊN QUAN

TÀI LIỆU CÙNG NGƯỜI DÙNG

TÀI LIỆU LIÊN QUAN

w