一、 登錄界面

1、界面布局說明：

登錄界面

圖 1 登錄界面

2、使用界面說明

說明：在選擇菜單區域進行選擇後會在子界面區域顯示對應子界面。

圖2 使用界面

3、登錄界面設計

說明：打開系統所看見的第一個界面。

表1 登錄界面設計

信息類型	信息內容	控件類型	備註
輸入信息	用戶名	文本輸入框
輸入信息	密碼	文本輸入框
輸入信息	角色	可選下拉欄	有學生，教師，管理員三種身份
人機交互	登錄	按鈕	若用戶名，密碼正確，且與角色對應，將跳至對應角色的菜單中。 若不正確，將報錯
人機交互	退出	按鈕	點擊將退出程序

二、 管理員界面設計

1、管理員界面說明

說明：管理員角色使用的界面，通過點擊選項可以在界面右側打開對應子界面，子界面包括添加管理員信息子界面，修改管理員信息子界面，添加學生信息子界面，改學生信息子界面，添加教師信息子界面，修改教師信息子界面。

表2 管理員界面設計

信息類型	信息內容	控件類型	備註
人機交互	用戶管理	按鈕	打開用戶管理二級菜單
人機交互	管理員信息管理	按鈕	打開管理員信息管理三級菜單
人機交互	添加管理員信息	按鈕	在右側panel上打開添加管理員信息子界面
人機交互	修改管理員信息	按鈕	在右側panel上打開修改管理員信息子界面
人機交互	學生信息管理	按鈕	打開學生信息管理三級菜單
人機交互	添加學生信息	按鈕	在右側panel上打開添加學生信息子界面
人機交互	修改學生信息	按鈕	在右側panel上打開修改學生信息子界面
人機交互	教師信息管理	按鈕	打開教師信息管理三級菜單
人機交互	添加教師信息	按鈕	在右側panel上打開添加教師信息子界面
人機交互	修改教師信息	按鈕	在右側panel上打開修改教師信息子界面
人機交互	課程管理	按鈕	打開課程管理二級菜單
人機交互	審核課程	按鈕	在右側panel上打開審核課程子界面
人機交互	修改密碼	按鈕	在右側panel上打開修改密碼子界面
人機交互	關於	按鈕	打開關於子界面
人機交互	退出系統	按鈕	結束程序

2、子界面說明

2.1添加管理員信息子界面

表3 添加管理員信息子界面

信息類型	信息內容	控件類型	備註
輸入信息	用戶名	文本輸入框
輸入信息	密碼	文本輸入框
輸入信息	驗證密碼	文本輸入框	需與密碼保持一致，一確保密碼輸入爭取
人機交互	添加	按鈕	若各項輸入均正確，添加用戶進入數據庫，並將角色設為管理員
人機交互	取消	按鈕	結束此次添加

2.2修改管理員信息子界面

表4 修改管理員信息子界面

信息類型	信息內容	控件類型	備註
輸出信息	管理員信息	表格	顯示已有的管理員信息，可以點選
輸出信息	用戶ID	文本標簽	顯示被選擇的管理員ID
輸入信息	用戶名	文本輸入框	初始顯示被選擇的管理員用戶名，可以修改
輸入信息	密碼	文本輸入框	初始顯示被選擇的管理員密碼，可以修改
人機交互	修改	按鈕	將已選中的管理員信息修改為輸入信息
人機交互	取消	按鈕	結束此次修改

2.3添加學生信息子界面

表5 添加學生信息子界面

信息類型	信息內容	控件類型	備註
輸入信息	學生姓名	文本輸入框
輸入信息	學號	文本輸入框
輸入信息	密碼	文本輸入框
輸入信息	年級	文本輸入框
輸入信息	專業	文本輸入框
輸入信息	性別	單選框
輸入信息	出生日期	日期選擇框
輸入信息	籍貫	文本輸入框
人機交互	添加	按鈕	若各項輸入均正確，添加用戶進入數據庫，並將角色設為學生
人機交互	取消	按鈕	結束此次添加

2.3修改學生信息子界面

表6 修改學生信息子界面

信息類型	信息內容	控件類型	備註
輸出信息	學生信息	表格	顯示已有的學生信息，可以點選
輸出信息	用戶ID	文本標簽	顯示被選擇的學生ID
輸入信息	學生姓名	文本輸入框	初始顯示被選擇的學生姓名，可以修改
輸入信息	學號	文本輸入框	初始顯示被選擇的學生學號，可以修改
輸入信息	密碼	文本輸入框	初始顯示被選擇的學生密碼，可以修改
輸入信息	年級	文本輸入框	初始顯示被選擇的學生年級，可以修改
輸入信息	專業	文本輸入框	初始顯示被選擇的學生專業，可以修改
輸入信息	性別	單選框	初始顯示被選擇的學生性別，可以修改
輸入信息	出生日期	日期選擇框	初始顯示被選擇的學生出生日期，可以修改
輸入信息	籍貫	文本輸入框	初始顯示被選擇的學生籍貫，可以修改
人機交互	修改	按鈕	將已選中的學生信息修改為輸入信息
人機交互	取消	按鈕	結束此次修改

2.4添加教師信息子界面

表7 添加教師信息子界面

信息類型	信息內容	控件類型	備註
輸入信息	教師姓名	文本輸入框
輸入信息	用戶名	文本輸入框
輸入信息	密碼	文本輸入框
輸入信息	Email	文本輸入框
輸入信息	所在院系	文本輸入框
輸入信息	性別	單選框
人機交互	添加	按鈕	若各項輸入均正確，添加用戶進入數據庫，並將角色設為教師
人機交互	取消	按鈕	結束此次添加

2.5修改教師信息子界面

表8 修改教師信息子界面

信息類型	信息內容	控件類型	備註
輸出信息	教師信息	表格	顯示已有的教師信息，可以點選
輸入信息	教師姓名	文本輸入框	初始顯示被選擇的教師姓名，可以修改
輸入信息	用戶名	文本輸入框	初始顯示被選擇的教師用戶名，可以修改
輸入信息	密碼	文本輸入框	初始顯示被選擇的教師密碼，可以修改
輸入信息	Email	文本輸入框	初始顯示被選擇的教師Email，可以修改
輸入信息	所在院系	文本輸入框	初始顯示被選擇的教師所在院系，可以修改
輸入信息	性別	單選框	初始顯示被選擇的教師性別，可以修改
人機交互	修改	按鈕	將已選中的教師信息修改為輸入信息
人機交互	取消	按鈕	結束此次修改

2.6課程管理界面

表9 課程管理界面

信息類型	信息內容	控件類型	備註
輸入信息	課程名稱	文本輸入框
輸入信息	上課周次	文本輸入框
輸入信息	課程簡介	文本輸入框
人機交互	添加	按鈕	添加該課程到系統中，經由管理員審核
人機交互	取消	按鈕	結束此次添加操作

2.7修改密碼

表10 修改密碼界面

信息類型	信息內容	控件類型	備註
輸入信息	用戶名	文本輸入框
輸入信息	原密碼	文本輸入框
輸入信息	新密碼	文本輸入框
人機交互	修改	按鈕	若各項輸入均正確，修改用戶賬號密碼，並將修改後的密碼存入數據庫
人機交互	取消	按鈕	結束此次添加操作

2.8關於

表11 關於界面

信息類型	信息內容	控件類型	備註
輸出信息	系統相關	文本標簽	包含軟件相關內容，如版本號，制作人員等，供用戶閱讀
人機交互	關閉	按鈕	關閉當前頁面，返回上一級

三、 學生界面設計

1、學生界面設計

表13 學生界面設計

信息類型	信息內容	控件類型	備註
輸入信息	無
輸出信息	無
人機交互	課程管理	按鈕	打開課程管理二級菜單
人機交互	選擇/退選課程	按鈕	展示已選課表、待加入課程
人機交互	查詢課程	按鈕	展示課表、可選擇課程
人機交互	成績管理	按鈕	打開成績管理二級菜單
人機交互	我的成績單	按鈕	顯示已選課程成績單
人機交互	修改密碼	按鈕	跳轉賬戶管理界面改密碼
人機交互	關於	按鈕	展示軟件版本信息
人機交互	退出系統	按鈕	關閉系統

四、 教師界面設計

1、教師界面設計

表14 教師界面設計

信息類型	信息內容	控件類型	備註
輸出信息	無
輸入信息	無
人機交互	課程管理	按鈕	打開課程管理二級菜單
人機交互	開設課程	按鈕	開設一門新課程
人機交互	查詢課程	按鈕	展示已有課程
人機交互	成績管理	按鈕	打開成績管理二級菜單
人機交互	錄入成績	按鈕	輸入學生考試成績
人機交互	修改成績	按鈕	修改學生考試成績
人機交互	查詢成績	按鈕	展示開設課程成績單
人機交互	修改密碼	按鈕	跳轉賬戶管理界面改密碼
人機交互	關於	按鈕	展示相關信息
人機交互	退出系統	按鈕	關閉系統

【軟件工程】02組軟件工程組隊項目——課程管理小助手界面設計文檔