一、技術(shù)路線(xiàn)：

開(kāi)發(fā)語(yǔ)言：Java

前端技術(shù)：JavaScript、VUE.js（2.X）、css3

數(shù)據(jù)庫(kù)：MySQL 5.7

數(shù)據(jù)庫(kù)管理工具：Navicat或sqlyog

開(kāi)發(fā)工具：IDEA或Ecplise

二、項(xiàng)目介紹：

https://www.bilibili.com/video/BV1bh4y1h7Pv?t=16.9

三、運(yùn)行截圖：

3.1系統(tǒng)主界面的實(shí)現(xiàn)

學(xué)生在系統(tǒng)前臺(tái)可查看系統(tǒng)信息，包括首頁(yè)、疫情資訊以及留言反饋，系統(tǒng)主界面展示如圖3-1所示。

圖3-1系統(tǒng)主界面圖

3.2登錄模塊的實(shí)現(xiàn)

用戶(hù)在登錄界面可輸入用戶(hù)名和密碼，選擇登錄類(lèi)型，點(diǎn)擊登錄按鈕進(jìn)行登錄系統(tǒng)，登錄界面展示如圖3-2所示。

圖3-2 登錄界面圖

3.3教師管理模塊的實(shí)現(xiàn)

管理員可增刪改查教師信息，教師管理界面展示如圖3-2所示。

圖3-3 教師管理界面圖

3.4學(xué)生管理模塊的實(shí)現(xiàn)

管理員可查看、添加、修改和刪除學(xué)生信息，學(xué)生管理界面展示如圖3-4所示。

圖3-4 學(xué)生管理界面圖

3.5學(xué)生返校申請(qǐng)管理模塊的實(shí)現(xiàn)

學(xué)生登錄后可添加返校申請(qǐng)信息，管理員可查看申請(qǐng)，并可對(duì)其進(jìn)行審核、修改和刪除操作，學(xué)生返校申請(qǐng)管理界面展示如圖3-5所示，添加學(xué)生返校申請(qǐng)界面展示如圖3-6所示。。

圖3-5 學(xué)生返校申請(qǐng)管理界面圖

圖3-6 添加學(xué)生返校申請(qǐng)界面圖

3.6學(xué)生健康打卡管理模塊的實(shí)現(xiàn)

學(xué)生登錄后可進(jìn)行統(tǒng)計(jì)健康打卡信息，管理員可查看學(xué)生健康打卡信息，并可對(duì)其進(jìn)行管理操作，添加學(xué)生健康打卡界面展示如圖3-7所示，學(xué)生健康打卡管理界面展示如圖3-8所示。

圖3-7 添加學(xué)生健康打卡面圖

圖3-8 學(xué)生健康打卡管理界面圖

3.7學(xué)生請(qǐng)假管理模塊的實(shí)現(xiàn)

學(xué)生可添加請(qǐng)假信息，管理員可查看學(xué)生請(qǐng)假，并可對(duì)其進(jìn)行審核、管理，添加學(xué)生請(qǐng)假界面展示如圖3-7所示，學(xué)生請(qǐng)假管理界面展示如圖3-8所示。

圖3-9 添加學(xué)生請(qǐng)假界面圖

圖3-10 學(xué)生請(qǐng)假管理界面圖

3.8教師返校申請(qǐng)管理模塊的實(shí)現(xiàn)

教師登錄后可添加返校申請(qǐng)信息，管理員可對(duì)其進(jìn)行審核管理操作，教師返校申請(qǐng)?zhí)砑咏缑嬲故救鐖D3-11所示，教師返校申請(qǐng)管理界面展示如圖3-12所示。

圖3-11 教師返校申請(qǐng)?zhí)砑咏缑鎴D

圖3-12 教師返校申請(qǐng)管理界面圖