計算機畢業設計 517Springboot的疫情網課管理系統 畢設21

第五章系統實現

一、技術路線：

開發語言：Java

前端技術：JavaScript、VUE.js（2.X）、css3

數據庫：MySQL 5.7

數據庫管理工具：Navicat或sqlyog

開發工具：IDEA或Ecplise

二、項目介紹：

https://www.bilibili.com/video/BV1Mb4y1K78v/

三、運行截圖：

3.1學生功能模塊

學生點擊進入到系統操作界面可以查看首頁、個人中心、課程表管理、課程信息管理、作業信息管理、請假信息管理、上課簽到管理等功能模塊，個人信息：通過列表可以獲取學號、學生、性別、年齡、手機、郵箱、班級、照片等信息并進行修改操作，如圖3-1所示。

圖3-1個人信息界面圖

課程表管理：通過列表可以獲取標題、班級、封面、課表等信息，進行詳情操作，如圖3-2所示。

圖3-2課程表管理界面圖

課程信息管理：通過列表可以獲取標題、工號、教師、課程、班級、作業等信息，進行詳情、作業提交等操作，如圖3-3所示。

圖3-3課程信息管理界面圖

作業信息管理：通過列表可以獲取標題、工號、教師、課程、班級、學號、學生、提交作業、提交時間、審核回復、審核狀態、審核等信息，進行詳情等操作，如圖3-4所示。

圖3-4作業信息管理界面圖

3.2管理員功能模塊

管理員通過用戶名和密碼、驗證碼、角色填寫完成后進行登錄，如圖3-5所示。管理員登錄成功后進入到系統操作界面，可以對首頁、個人中心、學生管理、教師管理、班級管理、課程分類管理、課程表管理、課程信息管理、作業信息管理、請假信息管理、上課簽到管理、論壇交流、系統管理等功能模塊進行相對應操作。

學生管理：通過列表可以獲取學號、學生、性別、年齡、手機、郵箱、班級、照片等內容，可以進行詳情、修改或刪除等操作，如圖3-6所示。

圖3-5管理員登錄界面圖

圖3-6學生管理界面圖

教師管理：通過列表可以獲取工號；教師、性別、年齡、職稱、手機、郵箱、照片等信息，進行詳情、刪除或修改等操作，如圖3-7所示。

圖3-7教師管理界面圖

課程信息管理：通過列表可以獲取標題、工號、教師、課程、班級、作業等信息，進行詳情、修改或刪除等操作，如圖3-8所示。

圖3-8課程信息管理界面圖

請假信息管理：通過列表可以獲取學號、學生、班級、起始時間、結束時間、審核回復、審核狀態、審核等信息，進行詳情、修改或刪除等操作，如圖3-9所示。

圖3-9請假信息管理界面圖

上課簽到管理：通過列表可以獲取打卡、學號、學生、班級、體溫、課程、打卡時間等信息，進行詳情等操作，如圖3-10所示。

圖3-10上課簽到管理界面圖

論壇交流：通過列表可以獲取帖子標題、用戶名 狀態等信息，進行詳情、修改或刪除等操作，如圖3-11所示。

圖3-11論壇交流界面圖

3.3教師功能模塊

教師點擊進入到系統操作界面，可以查看首頁、個人中心、學生管理、班級管理、課程分類管理、課程表管理、課程信息管理、作業信息管理、請假信息管理、上課簽到管理、系統管理等功能模塊，個人信息：通過列表可以獲取工號；教師、性別、年齡、職稱、手機、郵箱、照片并進行修改操作，如圖3-12所示。

圖3-12個人信息界面圖

上課簽到管理：通過列表可以獲取打卡、學號、學生、班級、體溫、課程、打卡時間等信息，進行詳情操作，如圖3-13所示。

圖3-13上課簽到管理界面圖

3.4前臺首頁功能模塊

疫情網課管理系統，在前臺首頁可以查看首頁、課程表、論壇交流、學校公告、個人中心、后臺管理、師生聊天等內容，如圖3-14所示。

圖3-14前臺首頁功能界面圖

    學生注冊，在學生注冊頁面可以填寫學號、密碼、學生、年齡、手機、郵箱等信息進行注冊，如圖3-15所示。

圖3-15學生注冊界面圖

學生登錄，在登錄頁面通過填寫賬號、密碼等信息完成登錄，如圖3-16所示。在論壇交流頁面通過填寫標題、類型、內容等信息進行發布帖子等操作，如圖3-17所示。

圖3-16學生登錄界面圖

圖3-17論壇交流界面圖