【導(dǎo)讀】模塊劃分、業(yè)務(wù)流程進(jìn)行了定義。所有設(shè)計(jì)人員、開(kāi)發(fā)人員、測(cè)試人。網(wǎng)絡(luò)化、數(shù)字化教學(xué)，而開(kāi)發(fā)的一個(gè)及在線學(xué)習(xí)、在線管理的和后臺(tái)維護(hù)于一體的網(wǎng)站。護(hù)的教學(xué)管理信息系統(tǒng)。該教學(xué)管理系統(tǒng)將基于微軟操作系統(tǒng)平臺(tái)，充分利用微軟.NET平。臺(tái)的優(yōu)勢(shì)，結(jié)合使用Web應(yīng)用程序技術(shù)。學(xué)生將通過(guò)該網(wǎng)站上學(xué)習(xí)《實(shí)用軟硬件實(shí)踐課程》

　　

【正文】 控件 設(shè)定值 類型 功能 賬號(hào) txtID TextBox 填寫(xiě) 賬號(hào) 姓名 txtName TextBox 填寫(xiě)姓名 密碼 txtPass TextBox 填寫(xiě)密碼 確認(rèn)密碼 txtQpass TextBox 填寫(xiě)確認(rèn)密碼 電話 txtPhone TextBox 填寫(xiě)電話號(hào)碼 電子郵箱 txtEmail TextBox 填寫(xiě)電子郵箱 性別 DropSex DropDownList 選擇性別 老師類型 DropClass DropDownList 選擇 老師類型 系別 DropDept DropDownList 選擇系別 頭像 imgFileUp FileUpload 選擇要上傳的個(gè)人照片 AJAX ScriptManager1 ScriptManager 用于管理網(wǎng)頁(yè)的腳本控件 AJAX UpdatePanel1 UpdatePanel 用于進(jìn)行異步傳輸?shù)娜萜? 檢測(cè) BtnCheck Button 檢測(cè)該賬號(hào)是否被注冊(cè)過(guò) 南京城市職業(yè)學(xué)院 47 檢測(cè)結(jié)果 lblCheck Label 將檢測(cè)結(jié)果在此顯示 注冊(cè) btnRegister Button 單擊后進(jìn)行注冊(cè) 返回 btnReturn Button 單擊清空所填內(nèi)容 功能要求 (1)登錄與注冊(cè)頁(yè)面 登錄與 頁(yè)面 如圖 18 所示，用于 老師（管理員）登錄網(wǎng)站控制后臺(tái)，學(xué)生登錄個(gè)人主頁(yè)，游客進(jìn)行會(huì)員注冊(cè) 。 而為了控制注冊(cè)的人數(shù)，以及注冊(cè)人員的管理。網(wǎng)站注冊(cè)采用邀請(qǐng)碼形式，輸入相應(yīng)的邀請(qǐng)碼才能跳轉(zhuǎn)的注冊(cè)頁(yè)面。且不同邀請(qǐng)碼的權(quán)限也不同， 1 級(jí)邀請(qǐng)碼用于學(xué)生注冊(cè)， 2 級(jí)邀請(qǐng)碼用于老師注冊(cè) ，一旦注冊(cè)成功，該邀請(qǐng)碼將會(huì)被刪除，不能重復(fù)使用 。邀請(qǐng)碼會(huì)在后面的邀請(qǐng)碼管理 中詳細(xì)說(shuō)明。 使用文本框控件來(lái)接受 人員輸入的登錄 信息，包括： ? 賬號(hào) ? 密碼 ? 邀請(qǐng)碼 賬號(hào)、密碼、邀請(qǐng)碼都 為必填項(xiàng)，且 賬號(hào) 限制只能輸入 12 個(gè)西文字符（ 6 個(gè)中文字符），密碼 、邀請(qǐng)碼 限制只能輸入 20 個(gè)西文字符 。輸入密碼時(shí)要求有回顯字符“ ”； 頁(yè)面下方有 兩 個(gè)按鈕： ? 登錄 ? 提交 單擊 登錄 按鈕，將 進(jìn)行身份驗(yàn)證，獲得登錄人員的權(quán)限 。 如果為 1 級(jí)權(quán)限（學(xué)生），則將跳轉(zhuǎn)至學(xué)生的個(gè)人主頁(yè)。如果為 2 級(jí)權(quán)限（管理員），則跳轉(zhuǎn)至老師的網(wǎng)站控制后臺(tái)。 單擊 提交 按鈕， 將進(jìn)行 邀請(qǐng)碼 驗(yàn)證，獲得 邀請(qǐng)碼 的權(quán)限。如果為 1 級(jí)權(quán)限（學(xué)生），則將跳轉(zhuǎn)至學(xué)生 注冊(cè)頁(yè)面 。如果為 2 級(jí)權(quán)限（管理員），則跳轉(zhuǎn)至老師的 注冊(cè)頁(yè)面 。 (2)學(xué)生注冊(cè)頁(yè)面 學(xué)生注冊(cè)頁(yè)面 如圖 19 所示，用于 1 級(jí)權(quán)限人員（學(xué)生）注冊(cè) ，一旦注冊(cè)成功，該邀請(qǐng)碼將會(huì)被刪除 ，不能重復(fù)使用。 南京城市職業(yè)學(xué)院 48 使用文本框控件來(lái)接受 注冊(cè)者輸入的 信息，包括： ? 賬號(hào) ? 姓名 ? 密碼 ? 確認(rèn)密碼 ? 電話 ? 電子郵箱 ? 性別 （ DropDownList） ? 班級(jí) （ DropDownList） ? 年級(jí) （ DropDownList） ? 系別 （ DropDownList） ? 頭像 （ FileUpload） ? 賬號(hào)、 姓名 、 密 碼 、確認(rèn)密碼 都為必填項(xiàng)，且賬號(hào)限制只能輸入 12 個(gè)西文字符（ 6 個(gè)中文字符）， 姓名限制只能輸入 10 個(gè)西文字符（ 5 個(gè)中文字符）， 密碼、 確認(rèn)密碼 限制只能輸入 20 個(gè)西文字符。輸入密碼時(shí)要求有回顯字符“ ” ，當(dāng)輸入內(nèi)容為空時(shí)，將調(diào)用 驗(yàn)證控件 RequiredFieldValidator 進(jìn)行檢查 ，如果不正確將不能進(jìn)行注冊(cè)。 電話、電子郵箱為選填項(xiàng)，電話 最大只能輸入 20 個(gè)西文字符。而電子郵箱最大可輸入50 個(gè)西文字符 ，且通過(guò) RegularExpressionValidator 對(duì)輸入的電子郵箱格式進(jìn)行檢查，如果不正確將不能進(jìn)行注冊(cè)。 性別、班級(jí)、年級(jí)、系別都為下拉列表，且都為必選項(xiàng)。如果不進(jìn)行修改，將自動(dòng)選擇下拉列表的第一個(gè)選項(xiàng)為默認(rèn)選擇項(xiàng)。 從下拉列表框中選擇，不能自行填入，這樣就能保證輸入的內(nèi)容是實(shí)際存在的。 頭像為文件上傳（ FileUpload）型控件，且上傳的圖片格式僅 支持 .jpg,.png,.bmp型圖片。上傳的圖片將被以二進(jìn)制數(shù)據(jù)的形式保存至數(shù)據(jù)庫(kù)中。 頁(yè)面上方有一個(gè)按鈕： ? 檢測(cè)賬號(hào)是否被注冊(cè) 單擊此按鈕將會(huì)通過(guò) AJAX 技術(shù)，實(shí)現(xiàn)數(shù)據(jù)的異步傳送模式，不會(huì)對(duì)整個(gè)網(wǎng)頁(yè)進(jìn)行刷新，提高用戶體驗(yàn)。進(jìn)行局部的數(shù)據(jù)傳輸，檢查該賬號(hào)是否被注冊(cè)過(guò)。 頁(yè)面下方有兩個(gè)按鈕： ? 注冊(cè) ? 返回 單擊 注冊(cè) 按鈕， 將進(jìn)行格式檢查，核對(duì)是否有輸入的內(nèi)容不符要求， 并且將賬號(hào)在數(shù)據(jù)庫(kù) 中進(jìn)行查詢， 判斷 是否被注冊(cè)過(guò)。如果內(nèi)容全部正確將在數(shù)據(jù)庫(kù)中建立新的學(xué)生 信息，將上傳的 頭像圖片 上傳至 數(shù)據(jù)庫(kù)中 。 最后 從注冊(cè) 頁(yè)面再次跳轉(zhuǎn)至登錄頁(yè)面。 南京城市職業(yè)學(xué)院 49 單擊 返回 按鈕， 將當(dāng)前所進(jìn)行的操作取消，刷新頁(yè)面，重新初始化頁(yè)面。 (3)老師注冊(cè)頁(yè)面 老師注冊(cè)頁(yè)面如圖 20 所示，用于 2 級(jí)權(quán)限人員（管理員或者老師）注冊(cè)，一旦注冊(cè)成功，該邀請(qǐng)碼將會(huì)被刪除，不能重復(fù)使用。 使用文本框控件來(lái)接受注冊(cè)者輸入的信息，包括： ? 賬號(hào) ? 姓名 ? 密碼 ? 確認(rèn)密碼 ? 電話 ? 電子郵箱 ? 性別（ DropDownList） ? 老師類型 （ DropDownList） ? 系別（ DropDownList） ? 頭像（ FileUpload） 賬號(hào)、姓名、密碼 、確認(rèn)密碼都為必填項(xiàng)，且賬號(hào)限制只能輸入 12 個(gè)西文字符（ 6 個(gè)中文字符），姓名限制只能輸入 10 個(gè)西文字符（ 5 個(gè)中文字符），密碼、確認(rèn)密碼限制只能輸入 20 個(gè)西文字符。輸入密碼時(shí)要求有回顯字符“ ”，當(dāng)輸入內(nèi)容為空時(shí)，將調(diào)用驗(yàn)證控件 RequiredFieldValidator 進(jìn)行檢查，如果不正確將不能進(jìn)行注冊(cè)。 電話、電子郵箱為選填項(xiàng)，電話最大只能輸入 20 個(gè)西文字符。而電子郵箱最大可輸入50 個(gè)西文字符，且通過(guò) RegularExpressionValidator 對(duì)輸入的電子郵箱格式進(jìn)行檢查，如果不正確將不能進(jìn)行注 冊(cè)。 性別、 老師類型 、系別都為下拉列表，且都為必選項(xiàng)。如果不進(jìn)行修改，將自動(dòng)選擇下拉列表的第一個(gè)選項(xiàng)為默認(rèn)選擇項(xiàng)。從下拉列表框中選擇，不能自行填入，這樣就能保證輸入的內(nèi)容是實(shí)際存在的。 頭像為文件上傳（ FileUpload）型控件，且上傳的圖片格式僅支持 .jpg,.png,.bmp型圖片。上傳的圖片將被以二進(jìn)制數(shù)據(jù)的形式保存至數(shù)據(jù)庫(kù)中。 頁(yè)面上方有一個(gè)按鈕： ? 檢測(cè)賬號(hào)是否被注冊(cè) 單擊此按鈕將會(huì)通過(guò) AJAX 技術(shù)，實(shí)現(xiàn)數(shù)據(jù)的異步傳送模式，不會(huì)對(duì)整個(gè)網(wǎng)頁(yè)進(jìn)行刷南京城市職業(yè)學(xué)院 50 新，提高用戶體驗(yàn)。進(jìn)行局部的數(shù)據(jù)傳輸，檢查 該賬號(hào)是否被注冊(cè)過(guò)。 頁(yè)面下方有兩個(gè)按鈕： ? 注冊(cè) ? 返回 單擊注冊(cè)按鈕，將進(jìn)行格式檢查，核對(duì)是否有輸入的內(nèi)容不符要求，并且將賬號(hào)在數(shù)據(jù)庫(kù)中進(jìn)行查詢，判斷是否被注冊(cè)過(guò)。如果內(nèi)容全部正確將在數(shù)據(jù)庫(kù)中建立新的 老師（管理員）信息，將上傳的頭像圖片上傳至數(shù)據(jù)庫(kù)中。最后從注冊(cè)頁(yè)面再次跳轉(zhuǎn)至登錄頁(yè)面。 單擊返回按鈕，將當(dāng)前所進(jìn)行的操作取消，刷新頁(yè)面，重新初始化頁(yè)面。 錯(cuò)誤和提示信息 （ 1）登錄注冊(cè)頁(yè)面 ? 點(diǎn)擊 登錄 時(shí)， 如果輸入賬號(hào) 和密碼匹配正確，將提示用戶登錄成功，否則將提示用 戶 輸入信息有誤 。 ? 點(diǎn)擊提交時(shí)，如果輸入 邀請(qǐng)碼錯(cuò)誤 ，將提示用戶 沒(méi)有通過(guò)驗(yàn)證 （ 2）學(xué)生 、老師 注冊(cè)頁(yè)面 ? 上傳文件時(shí)發(fā)現(xiàn)格式不符，提示用戶選擇一個(gè)正確格式的文件進(jìn)行上傳。 ? 填寫(xiě)信息不完整時(shí)， 提醒 用戶此項(xiàng)不能為空。 ? 注冊(cè)用戶已存在時(shí)，提醒用戶該賬號(hào)以存在。 ? 填寫(xiě)郵箱格式錯(cuò)誤時(shí)，提醒用戶請(qǐng)輸入正確的郵箱。 ? 兩次輸入的密碼不同時(shí)，提醒用戶兩次輸入的值不同 。 個(gè)人信息管理 概述 該網(wǎng)頁(yè)為 后臺(tái) 控制 頁(yè)面 。 該模塊主要用于，老師（管理員） 、 學(xué)生 修改自己的個(gè)人信息、登錄密碼以及個(gè)人照片。 登錄時(shí)根 據(jù)權(quán)限級(jí)別的不同，會(huì)鏈接到不同的個(gè)人信息管理頁(yè)面。 該模塊主要功能包括： ? 查看、修改個(gè)人信息 ? 查看、修改登錄密碼 ? 查看、修改個(gè)人照片 南京城市職業(yè)學(xué)院 51 界面 圖 21 學(xué)生個(gè)人信息管理 頁(yè)面 圖 22老師個(gè)人信息管理頁(yè)面 南京城市職業(yè)學(xué)院 52 控件說(shuō)明 （ 1）學(xué)生 個(gè)人信息管理 頁(yè)面 控件 設(shè)定值 類型 功能 賬號(hào) txtID TextBox 顯示 賬號(hào) 但是不能修改 姓名 txtName TextBox 填寫(xiě) /顯示 姓名 密碼 txtPass TextBox 填寫(xiě) /顯示 密碼 電話 txtPhone TextBox 填寫(xiě) /顯示 電話號(hào)碼 電子 郵箱 txtEmail TextBox 填寫(xiě) /顯示 電子郵箱 性別 DropSex DropDownList 選擇性別 班級(jí) DropClass DropDownList 選擇班級(jí) 年級(jí) DropGrade DropDownList 選擇年級(jí) 系別 DropDept DropDownList 選擇系別 頭像 imgFileUp FileUpload 選擇要上傳的個(gè)人照片 個(gè)人權(quán)限 txtPermissions TextBox 顯示個(gè)人權(quán)限但是不能修改 修改 btnEdit Button 單擊后進(jìn) 行 修改 返回 btnReturn Button 單擊清空所填內(nèi)容 （ 2）老師 個(gè)人信息管理頁(yè)面 控件 設(shè)定值 類型 功能 賬號(hào) txtID TextBox 顯示賬號(hào)但是不能修改 姓名 txtName TextBox 填寫(xiě) /顯示姓名 密碼 txtPass TextBox 填寫(xiě) /顯示密碼 電話 txtPhone TextBox 填寫(xiě) /顯示電話號(hào)碼 電子郵箱 txtEmail TextBox 填寫(xiě) /顯示電子郵箱 性別 DropSex DropDownList 選擇性別 老師類型 DropClass DropDownList 選擇老師類型 系別 DropDept DropDownList 選擇系別 頭像 imgFileUp FileUpload 選擇要上傳的個(gè)人照片 個(gè)人權(quán)限 txtPermissions TextBox 顯示個(gè)人權(quán)限但是不能修改 修改 btnEdit Button 單擊后進(jìn)行修改 返回 btnReturn Button 單擊清空所填內(nèi)容 南京城市職業(yè)學(xué)院 53 功能要求 (1) 學(xué)生個(gè)人信息管理頁(yè)面 學(xué)生 個(gè)人信息管理 頁(yè)面如圖 21 所示，用于 1 級(jí)權(quán)限人員（學(xué)生） 修改個(gè)人信息 、登錄密碼、個(gè)人照片 ， 但是賬號(hào)和權(quán)限級(jí)別不能進(jìn)行更改 。 使用文本框控件輸入的信息，包括： ? 賬號(hào) ? 姓名 ? 密碼 ? 電話 ? 電子郵箱 ? 性別（ DropDownList） ? 班級(jí)（ DropDownList） ? 年級(jí)（ DropDownList） ? 系別（ DropDownList） ? 頭像（ FileUpload） 賬號(hào)、姓名、密碼都為必填項(xiàng)，且賬號(hào)限制只能輸入 12 個(gè)西文字符（ 6 個(gè)中文字符），姓名限制只能輸入 10 個(gè)西文字符（ 5 個(gè)中文字符），密碼限制只能輸入 20 個(gè)西文字符。輸入密碼時(shí)要求有回顯字符“ ”，當(dāng)輸入內(nèi)容為空時(shí)，將調(diào)用驗(yàn)證控件 RequiredFieldValidator進(jìn)行檢查，如果不正確將不能進(jìn)行 修改 。 電話、電子郵箱為選填項(xiàng)，電話最大只能輸入 20 個(gè)西文字符。而電子郵箱最大可輸入50 個(gè)西文字符，且通過(guò) RegularExpressionValidator 對(duì)輸入的電子郵箱格式進(jìn)行檢查，如果不正確將不能進(jìn)行 修改 。 性別、班級(jí)、年級(jí)、系別都為下拉列表，且都為必選項(xiàng)。如果不進(jìn)行修改，將自動(dòng)選擇下拉列表的第一個(gè)選項(xiàng)為默認(rèn)選擇項(xiàng)。從下拉列表框中選擇，不能自行填入，這樣就能保證輸入的內(nèi)容是實(shí)際存在的。 頭像為文件上傳（ FileUpload）型控件，且上傳的圖片格 式僅支持 .jpg,.png,.bmp型圖片。 修改的上傳圖片將被以二進(jìn)制數(shù)據(jù)的形式更新 至數(shù)據(jù)庫(kù)中。 頁(yè)面下方有兩個(gè)按鈕： ? 修改 ? 返回 單擊 修改 按鈕，將進(jìn)行格式檢查，核對(duì)是否有輸入的內(nèi)容不符要求 。 如果內(nèi)容全部正確南京城市職業(yè)學(xué)院 54 將在數(shù)據(jù)庫(kù)中 更新原有 學(xué)生信息，將上傳的頭像圖片 更新 至數(shù)據(jù)庫(kù)中 ，覆蓋原有數(shù)據(jù) 。 單擊返回按鈕，將當(dāng)前所進(jìn)行的操作取消，刷新頁(yè)面，重新初始化頁(yè)面。 (2) 老師個(gè)人信息管理頁(yè)面 老師個(gè)人信息管理頁(yè)面如圖 22 所示，用于 2 級(jí)權(quán)限人員（ 管理員、老師 ）修改個(gè)人信息、登錄密碼、個(gè)人