計算機畢業設計 399的中學校園網站-試卷考試 畢設34

5統詳細設計

一、技術路線：

開發語言：Java

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

數據庫：MySQL 5.7

數據庫管理工具：Navicat或sqlyog

開發工具：IDEA或Ecplise

二、項目介紹：

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

三、運行截圖：

3.1前臺首頁功能模塊

中學校園網站，在系統首頁可以查看首頁、校園概況、名師風采、校園公告、論壇信息、試卷列表、新聞資訊、我的、跳轉到后臺等內容，如圖3-1所示。

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

學生登錄，在登錄頁面可以填寫賬號、密碼等信息進行登錄，如圖3-2所

示。

圖3-2學生登錄界面圖

名師風采，在名師風采頁面通過填寫標題、圖片、內容、發布時間等信息進行收藏，如圖3-3所示。在校園概況頁面通過填寫標題、圖片、內容、發布時間等信息進行收藏操作，如圖3-4所示。

圖3-3名師風采界面圖

圖3-4校園概況界面圖

3.2管理員功能模塊

管理員登錄，通過填寫用戶名、密碼進行登錄，如圖3-5所示。

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

管理員登錄進入中學校園網站可以查看個人中心、教師管理、學生管理、校園概況管理、名師風采管理、校園公告管理、試卷管理、試題管理、校園論壇、系統管理、考試管理等信息。

教師管理，在教師管理頁面中可以通過填寫工號、姓名、性別、電話、郵箱、照片等內容進行詳情、修改、刪除，如圖3-6所示。還可以根據需要對學生管理進行詳情，修改等詳細操作，如圖3-7所示。

圖3-6教師管理界面圖

圖3-7學生管理界面圖

校園概況管理，在校園概況管理頁面中可以查看標題、圖片、內容、發布時間

等信息，并可根據需要對已有校園概況管理進行修改或刪除等操作，如圖3-8所示。

圖3-8校園概況管理界面圖

名師風采管理，在名師風采管理頁面中可以查看標題、圖片、內容、發布時間等信息，并可根據需要對已有名師風采管理進行修改或刪除等詳細操作，如圖3-9所示。

圖3-9名師風采管理界面圖

校園公告管理，在校園公告管理頁面中可以查看公告標題、公告類型、圖片、內容、發布日期等內容，并且根據需要對已有校園公告管理進行詳情，修改或刪除等詳細操作，如圖3-10所示。

圖3-10校園公告管理界面圖

試卷管理，在試卷管理頁面中可以查看試卷名稱、考試時長、試卷狀態等內容，并且根據需要對已有試卷管理進行詳情，修改或刪除等詳細操作，如圖3-11所示。

圖3-11試卷管理界面圖

考試記錄管理，在考試記錄管理頁面中可以查看用戶、試卷、試題名稱、分值、正確答案、考生答案、考生分值、考試時間等內容，并且根據需要對已有考試記錄管理進行詳情，修改或刪除等詳細操作，如圖3-12所示。

圖3-12考試記錄管理界面圖

3.3學生功能模塊

學生登錄進入中學校園網站可以查看個人中心、校園概況管理、名師風采管理、校園公告管理、系統管理、考試管理等內容。

試卷列表管理，在試卷列表管理頁面中通過填寫試卷、考試時間等信息，還可以根據需要對試卷列表管理進行考試，如圖3-13所示。

圖3-13試卷列表管理界面圖

考試記錄管理，在考試記錄管理頁面中可以查看用戶、試卷、試題名稱、分值、正確答案、考生答案、考生分值、考試時間等信息，并且根據需要對已有考試記錄管理進行查看刪除等其他詳細操作，如圖3-14所示。

圖3-14考試記錄管理界面圖

3.4教師功能模塊

教師登錄進入中學校園網站可以查看個人中心、校園概況管理、名師風采管理、校園公告管理、試題管理、試卷管理、系統管理、考試管理等內容。

校園概況管理，在校園概況管理頁面中通過填寫標題、圖片、內容、發布時間等信息，還可以根據需要對校園概況管理進行修改，如圖3-15所示。

圖3-15校園概況管理界面圖

名師風采管理，在名師風采管理頁面中可以查看標題、圖片、內容、發布時間等信息，并且根據需要對已有名師風采管理進行查看刪除等其他詳細操作，如圖3-16所示。

圖3-16名師風采管理界面圖

試卷表管理，在試卷表管理頁面中通過填寫試卷名稱、考試時長、試卷狀態等內容進行詳情、修改、刪除，如圖3-17所示。

圖3-17試卷表管理界面圖

考試記錄管理，在考試記錄管理頁面中通過填寫用戶、試卷、試題名稱、分值、正確答案、考生答案、考生分值、考試時間等內容進行詳情、修改、刪除，如圖3-18所示。

圖3-18考試記錄管理界面圖