https://www.bilibili.com/video/BV1CU421o7ag/演示視頻：第4章 系統實現

在管理信息系統的生命周期中，僅過了需求分析、系統設計等階段之后，便開始了系統實施階段。在系統分析和設計階段，系統開發工作主要是集中在邏輯、功能和技術設計上，系統實施階段要繼承此前面各個階段的工作成果，將技術設計轉化為物理實現，因此系統實施的成果是系統分析和設計階段的結晶。

3.1登陸界面設計

為了保證系統的安全性，用戶要使用本系統必須先登陸到系統中。用戶輸入登錄帳號、登錄密碼，選擇登錄類型之后，點擊登錄按鈕，登錄采用AJAX方式進行驗證，先是在前臺獲取用戶輸入的登錄賬號、密碼、用戶類型，點擊登錄后，通過AJAX方式，后臺異步進行驗證，實現頁面無刷新的登錄操作。程序運行效果圖如圖3.1所示：

圖3.1管理員登陸頁面設計

在登陸頁面輸入用戶名和密碼，點擊提交按鈕，跳轉到登陸的service中，在該service中會對用戶名，密碼進行判斷，如果正確提示“通過驗證”，進入到管理界面，如果錯誤則提示“用戶名和密碼不正確”，

3.2 管理員模塊3.2.1管理員首頁

在管理員主頁面，左方頁面展示了管理員可操作的功能菜單，進入相關的管理頁面可以鏈接到子菜單，每個管理模塊下面都有相應的子菜單。程序運行效果圖如圖3.2所示。

圖3.2管理員主頁面

在每個jsp頁面將會對相關用戶進行攔截操作，這樣可以提高安全性，防止用戶不經過登陸頁面而進入任何子菜單頁面：

3.2.2老師信息管理

本模塊實現管理員對老師信息的管理操作。點擊老師信息管理菜單，系統會調用后臺的老師Action類查詢出所有的老師信息，并把這些信息封裝到數據集合List中，綁定到request對象，然后頁面跳轉到相應的jsp。在老師信息管理功能中，頁面通過列表列出所有的老師信息，包括教師號、姓名、姓名、年齡、職稱、密碼。點擊列表的刪除按鈕，實現老師用戶信息的刪除操作。程序效果圖如圖3.3所示：

圖3.3 老師信息管理

點擊添加老師信息按鈕或者添加老師信息菜單，系統跳轉到添加老師信息的頁面。在此頁面主要是輸入或選擇老師的相關信息，包括教師號、姓名、姓名、年齡、職稱、密碼，其中性別默認選男，密碼默認000000，點擊提交按鈕完成信息的添加，點擊重置按鈕可以清空已經填寫的信息。是否為空是通過form表單中的οnsubmit="return checkForm()來檢查驗證。界面設計如圖3.4所示。

圖3.4 添加老師信息頁面設計

3.2.3學生信息管理

本模塊實現管理員對學生信息的管理操作。點擊學生信息管理菜單，系統會調用后臺的學生Action類查詢出所有的學生信息，并把這些信息封裝到數據集合List中，綁定到request對象，然后頁面跳轉到相應的jsp。在學生信息管理功能中，頁面通過列表列出所有的學生信息，包括學號、姓名、姓名、年齡、密碼。點擊列表的刪除按鈕，實現學生用戶信息的刪除操作。程序效果圖如圖3.5所示：

圖3.5 學生信息管理

點擊添加學生信息按鈕或者添加學生信息菜單，系統跳轉到添加學生信息的頁面。在此頁面主要是輸入或選擇學生的相關信息，包括學號、姓名、姓名、年齡、密碼，其中性別默認選男，密碼默認000000，點擊提交按鈕完成信息的添加，點擊重置按鈕可以清空已經填寫的信息。是否為空是通過form表單中的οnsubmit="return checkForm()來檢查驗證。界面設計如圖3.6所示。

圖3.6 添加學生信息頁面設計

3.2.4新聞通知管理

本模塊實現管理員對新聞通知信息的管理操作。點擊新聞通知管理菜單，系統會調用后臺的新聞通知Action類查詢出所有的新聞通知信息，并把這些信息封裝到數據集合List中，綁定到request對象，然后頁面跳轉到相應的jsp。在新聞通知管理功能中，頁面通過列表列出所有的新聞通知信息，包括信息標題、發布時間。點擊列表的刪除按鈕，實現學生用戶信息的刪除操作，點擊信息內容按鈕查看新聞通知的詳細內容。程序效果圖如圖3.7所示：

圖3.7 新聞通知管理

點擊添加新聞通知按鈕或者添加新聞通知菜單，系統跳轉到添加新聞通知的頁面。在此頁面主要是輸入新聞通知的相關信息，包括信息標題、信息內容，點擊提交按鈕完成信息的添加，點擊重置按鈕可以清空已經填寫的信息。是否為空是通過form表單中的οnsubmit="return checkForm()來檢查驗證。界面設計如圖3.8所示。

圖3.8 添加新聞通知頁面設計

3.3 學生提交課題

本模塊實現學生用戶對自己課題信息的管理操作。點擊提交我的課題菜單，系統跳轉到添加課題信息的頁面，在此頁面主要是輸入課題的相關信息，上傳課題附件，點擊提交按鈕完成信息的添加，點擊重置按鈕可以清空已經填寫的信息。是否為空是通過form表單中的οnsubmit="return checkForm()來檢查驗證。界面設計如圖3.9所示。

圖3.9 提交課題頁面設計

點擊查看我的課題菜單，系統會調用后臺的課題Action類查詢出課題信息，并把這些信息封裝到數據集合List中，綁定到request對象，然后頁面跳轉到相應的jsp。在查看課題信息頁面中，頁面通過列表列出所有的課題信息，包括題目名稱、附件下載鏈接、提交時間、評語、指導老師給分、答辯老師給分、Zui后分數、學生姓名等信息。點擊列表的刪除按鈕，實現課題信息的刪除操作。程序效果圖如圖3.10所示：

圖3.10 查看課題頁面設計

3.4 老師評測課題

本模塊實現老師用戶對學生課題信息的管理操作。點擊學生課題信息菜單，系統跳轉到老師評測學生課題的頁面，系統會調用后臺的課題Action類查詢出課題信息，并把這些信息封裝到數據集合List中，綁定到request對象，然后頁面跳轉到相應的jsp。在查看課題信息頁面中，頁面通過列表列出所有的課題信息，包括題目名稱、附件下載鏈接、提交時間、評語、指導老師給分、答辯老師給分、Zui后分數、學生姓名等信息。點擊評語以及各項得分后面的紅色修改鏈接，可以對課題的評價和得分進行修改。界面設計如圖3.11、3.12、3.13所示。

圖3.11評測課題頁面設計

圖3.12 審核頁面設計