【文章內(nèi)容簡(jiǎn)介】 t_pwd If MM_fldUserAuthorization Then = amp。 , amp。 MM_fldUserAuthorization = amp。 FROM tea WHERE t_name=39。 amp。 Replace (MM_valUsername,39。,39。39。) amp。39。 AND t_pwd=39。 amp。 Replace ( (t_pwd),39。,39。39。) amp。 39。 = 0 = 2 = 3 If Not or Not Then ?Username and password match this is a valid user Session (MM_Username) = MM_valUsername If (MM_fldUserAuthorization ) Then Session (MM_UserAuthorization) = CStr ( (MM_fldUserAuthorization).Value) Else Session (MM_UserAuthorization) = End If if CStr((accessdenied)) And false Then MM_redirectLoginSuccess = (accessdenied) End If (MM_redirectLoginSuccess) End If (MM_redirectLoginFailed) End If 單擊此對(duì)話框中的“確定”按鈕后， Dreamweaver MX 2021將自動(dòng)在，這樣就完成了關(guān)于教師登錄頁(yè)面的設(shè)計(jì)。 登錄成功頁(yè)面 在上一節(jié)里，對(duì)“登錄用戶”對(duì)話框中的“如果登錄成功，轉(zhuǎn)到”欄設(shè)置為轉(zhuǎn)到“ ”。如圖 8所示。 圖 7 登錄成功頁(yè)面 在 Dreamweaver MX 2021中，當(dāng)添加了“登錄用戶”服務(wù)器行為后，會(huì)自動(dòng)產(chǎn)生 Session值，切換至“代碼”視圖： MM_valUsername=CSTr ( (“t_name”)) ....... If not or Not Then Session (“MM_Username”) =MM_valUsername ……… End if … MM_valUsername為一變量，其值主要是 (“t_name”),即表示輸入登錄的用戶名。 在用戶 名正確 登錄后 ， Dreamweaver MX 2021 將會(huì)生 成一 個(gè)名為“ MM_Username”的 Session變量： Session(“MM_Username”)。該 Session的值為 變量 MM_valUsername所對(duì)應(yīng)值，亦即是正確登錄的用戶名。 If (MM_fldUserAuthorization””) then Session (“MM_UserAuthorization”) =CStr ( (MM_flduserAuthorization).value) Else Session (“MM_UserAuthorization”) =”” End if 另外，在“登錄用戶”對(duì)話框“基于以下限制訪問(wèn)”中選擇“用戶名、密碼和訪問(wèn)級(jí)別”的用戶登錄，則還會(huì)產(chǎn)生一個(gè)表示訪問(wèn)級(jí)別的 Session變量：Session(“MM_UserAuthorization”)。 此時(shí)可以為 Web應(yīng)用程序添加“階段變量”，打開(kāi)“綁定”面板，單擊“添加”按鈕，從彈出菜單中選擇“階段變量”，彈出“階段變量”對(duì)話框。在“名稱”的文本輸入“ MM_Username”，單擊“確定”按鈕完成階段變量的添加。 登錄失敗頁(yè)面 在 ，在“登錄用戶”對(duì)話框中對(duì)“如果登錄失敗，轉(zhuǎn)到 ”欄設(shè)置為轉(zhuǎn)到“ ”，當(dāng)用戶登錄失敗后，轉(zhuǎn)到這個(gè)頁(yè)面，這個(gè)頁(yè)面將完成兩個(gè)功能：一個(gè)是提示用戶操作失敗，二是讓用戶選擇下一步的操作。 根據(jù)總體設(shè)計(jì)以及用戶登錄失敗，可能的兩種情況如下所示。 (1)用戶忘記了用戶名或者密碼，此時(shí)，用戶可以選擇“重新登錄”返回到“登錄頁(yè)面”。 (2)用戶沒(méi)有帳號(hào)，此時(shí)，可以選擇“注冊(cè)新用戶”轉(zhuǎn)到“注冊(cè)頁(yè)面”。登錄失敗的頁(yè)面，如圖 9所示。 如圖 9所示，把“返回登錄頁(yè)面”文本字樣設(shè)置超鏈接到“ ” ,把“注冊(cè)新用戶”文本字樣設(shè)置鏈接到“ ” ,把“回首頁(yè)”文本字樣設(shè)置超鏈接到主界面“ ”。 圖 8 登錄失敗頁(yè)面 注冊(cè)頁(yè)面 注冊(cè)頁(yè)面的設(shè)計(jì)與登錄頁(yè)面的設(shè)計(jì)類似，首先來(lái)設(shè)計(jì)如圖 10所示的頁(yè)面。 圖 9 注冊(cè)頁(yè)面 在完成網(wǎng)頁(yè)設(shè)計(jì)后，就可用“服務(wù)器行為”來(lái)完成對(duì)注冊(cè)的操作和處理。其具步驟如下： (1)檢查表單 在“文檔窗口”中選擇“提交”按鈕，然后打開(kāi)“行為”面板，單擊“添加行為”按鈕；在彈出的菜單中選擇“檢查表單”菜單命令；彈出“檢查表單”對(duì)話框，在“命名的欄位”中選擇表單項(xiàng)，“值”選擇為“必需的”，“可接受 ”選擇“任何東西”，以上操作針對(duì)“用戶名”、“密碼”、“密碼提示問(wèn)題”、“密碼提示答案”、“教師課件密碼”表單元素；對(duì)于“電子郵件”來(lái)說(shuō)，因?yàn)槭强蛇x項(xiàng)，所以其“值”不需要選擇“必需的”，但“可接受”應(yīng)選擇為“電子郵件地址”。 這里的“檢查表單”是進(jìn)行客戶端的表單元素內(nèi)容的檢查，比如，當(dāng)會(huì)員注冊(cè)時(shí)忘記輸入了密碼等“必需”的內(nèi)容，或輸入的電子郵件地址不符合郵件地址規(guī)范等情況時(shí)，網(wǎng)頁(yè)會(huì)提示注冊(cè)用戶正確填寫(xiě)。在通過(guò)這項(xiàng)檢測(cè)后，則可將注冊(cè)的信息“插入記錄”了。 (2)插入記錄 如圖 11所示 ,打開(kāi)“服務(wù)器行為 ”面板 ,單 擊“添加 ”按鈕 ,在彈出菜單中選擇“插 入記錄 ”，彈出如圖所示的“插入記錄”對(duì)話框，進(jìn)行如下設(shè)置。 圖 10 “插入記錄”對(duì)話框 (3)檢查新用戶名 如圖 12所示，打開(kāi)“插入”面板，選擇“應(yīng)用程序”標(biāo)簽，單擊“用戶身份身份驗(yàn)證”按鈕后的向下箭頭，在彈出菜單中選擇“檢查新用戶名”，在彈出的對(duì)話框中進(jìn)行如下設(shè)置。 圖 11 檢查新用戶名 注冊(cè)成功頁(yè)面 當(dāng)注冊(cè)成功時(shí)將轉(zhuǎn)到注冊(cè)成功頁(yè)面，頁(yè)面的設(shè)計(jì)如圖 13所示。 圖 12 注冊(cè)成功頁(yè)面 此頁(yè)面表示注冊(cè)操作已經(jīng)完成，在此頁(yè)面中添加一個(gè)“登錄”鏈接返回到登錄 頁(yè)面。 注冊(cè)失敗頁(yè)面 當(dāng)用戶名已經(jīng)存在時(shí)，注冊(cè)操作會(huì)失敗，則通過(guò)注冊(cè)失敗頁(yè)面來(lái)提示用戶，如圖 14所示。 在文檔窗口的“設(shè)計(jì)”視圖中，選中“返回”文本字樣，然后在“屬性檢查器”面板的“鏈接”欄添加以下代碼： Javascript: onclick= (1) 在此頁(yè)面中單擊“返回”鏈接，頁(yè)面將返回到上一頁(yè)，即注冊(cè)頁(yè)面。 圖 13 注冊(cè)失敗頁(yè)面 以上是教師登錄和注冊(cè)模塊的設(shè)計(jì)實(shí)現(xiàn)，與之相關(guān)的學(xué)生登錄和注冊(cè)模塊的設(shè)計(jì)與此相似，這里省略，詳細(xì)情況見(jiàn)源代碼。 管理功能模塊設(shè)計(jì) 用戶修改信息頁(yè)面 在用戶登錄后可以根據(jù)情況修改自己的個(gè)人信息頁(yè)面如圖 15所示，具體步驟如下。 (1)單擊“綁定”面板上的加號(hào)（ +）按鈕，在彈出的菜單中選擇“記錄集（查詢）”命令，將彈出“記錄集”對(duì)話框，在此對(duì)話框中的“連接”下拉列表框中選擇已建立的數(shù)據(jù)連接“ conn”，在“表格”下拉列表框中選擇數(shù)據(jù)庫(kù)表“ tea”，然后在“篩選”的下拉列表中選擇“ t_name”列，操作符為“ =”，篩選類型選擇“階段變量”，變量名輸入為“ MM_Usernamer”。然后如圖 17所示設(shè)置該頁(yè)面。 (2)在“服務(wù)器行 為”面板上單擊加號(hào)（ +），選擇“更新記錄”，彈出對(duì)話框，“連接”下拉列表框中選擇“ conn” ,“要更新的表格”為“ tea”，“唯一鍵列”為“ t_id”，“在更新后，轉(zhuǎn)到”為“ ../../”。 這樣就完成了用記修改個(gè)人信息的功能，修改成功后將轉(zhuǎn)到首頁(yè)。這里是教師修改個(gè)人信息，學(xué)生修改個(gè)人信息和管理員修改用戶信息與此類似，這里省略。 圖 14 修改教師信息 用戶找回密碼功能 查找密碼第一步：輸入需要查詢密碼的用戶名。建立查詢輸入平臺(tái)頁(yè)“ ” ,該查詢輸入平臺(tái)頁(yè)面具有表單元 素，用以提供瀏覽者輸入注冊(cè)用戶名進(jìn)行查詢，同時(shí)并做客戶端檢測(cè)：瀏覽者有沒(méi)有輸入表單元素內(nèi)容， 查找密碼第二步：接收 ，給出兩種反饋信息。 (1)經(jīng)檢測(cè)若無(wú)此注冊(cè)用戶，則提醒出錯(cuò)信息，并提供跳轉(zhuǎn)到 接，重新輸入用戶名。 (2)經(jīng)檢測(cè)具有該用戶名，則輸出“找回密碼問(wèn)題”信息內(nèi)容，并提供“找回密碼答案”的文本輸入框，提交給 。 查找密碼第三步：接收 “注冊(cè)用戶名”、“找回密碼問(wèn)題”以及“找回密碼答案” 3個(gè)表單元素的值，與數(shù)據(jù) 庫(kù)中相應(yīng)的列（字段）值進(jìn)行比較。根據(jù)比較結(jié)果，做兩種信息的反饋。 (1)“找回密碼答案”不正確，顯示錯(cuò)誤提示信息，并提跳轉(zhuǎn)到重新輸入“找回密碼答案”的頁(yè)面 。 (2)“找回密碼答案”與數(shù)據(jù)庫(kù)表中對(duì)應(yīng)列值完全吻合，則顯示注冊(cè)密碼。 具體設(shè)計(jì)見(jiàn)源程序“課件管理系統(tǒng)”，這里省略。 管理員編輯用戶信息和刪除用戶 管理員編輯用戶信息與用戶修改個(gè)人信息相似，參照 ，這里省略。 刪除頁(yè)，必須確保刪除的記錄不能誤刪，這就需要綁定正確的記錄集，如圖 16所示設(shè)計(jì)用戶列表頁(yè)，在用戶列表頁(yè) ，傳遞該用戶的 t_id值到刪除頁(yè)面 ，確保刪除對(duì)象。 圖 15 用戶列表頁(yè) 在刪除頁(yè) ，設(shè)計(jì)如圖 17所示： 圖 16 刪除頁(yè)面 打開(kāi)服務(wù)器面板，單擊添加按鈕，從彈出菜單中選擇“刪除記錄”菜單命令，進(jìn)行如圖 18設(shè)置。 圖 17 刪除記錄設(shè)置 課件管理 教師可以上傳課件和刪除不需要的課件，管理員也可以管理所有教師的課 件，一般表現(xiàn)在可以刪除不需要的課件，課件列表頁(yè) 19所示，參照該圖進(jìn)行設(shè)置，點(diǎn)擊“刪除 ”可鏈接到課件刪除頁(yè) 。 圖 18 課件列表頁(yè) 圖 19 課件刪除頁(yè)面 圖 20 刪除記錄設(shè)置 如上圖 20所示，設(shè)計(jì)課件刪除頁(yè) ，單擊服務(wù)器面板，選擇“刪除記錄”，如圖 21所示進(jìn)行設(shè)置： 切換到“代碼”視圖，加入如下代碼，以上設(shè)置只是刪除數(shù)據(jù)庫(kù)記錄，并沒(méi)有刪除上傳的文件，加入以下代碼則可以刪除硬盤(pán)上的文件。 % dim objfso, URL URL=Trim ( (k_loadurl)) Set objfso= () If ( (URL)) then (URL), true Else 文件不存在 End if Set objfso=nothing % 課件上傳與下載功能模塊設(shè)計(jì) 無(wú)組件上傳類文件 化境無(wú)組件上傳類文件主 要功能是實(shí)現(xiàn)文件的上傳，文件內(nèi)容可從官方網(wǎng)站下載獲得。本系統(tǒng)所使用的上傳類文件名為“ ”，將下載 的文件保存在“課件管理系統(tǒng)”的“ tan”文件夾內(nèi)。 文件上傳平臺(tái) 1．獨(dú)立的文件上傳平臺(tái)，如圖 22所示。 (1)在“課件管理系統(tǒng)”的“ tan”文件夾內(nèi)新建文件“ ”。 (2)在“文檔窗口”中打開(kāi)該文件，打開(kāi)“插入”面板，單擊“表單”類別中的“表單”按鈕，在文檔中插入黃色虛線框。 (3)選擇插入在頁(yè)面中的表單，打開(kāi)“屬性”面板，“動(dòng)作”輸入為“ ”，并選擇“ MIME類型”為“ multipart/formdata”。 (4)單擊“表單”類別中的“文件域”按鈕，在表單區(qū)域中插入一個(gè)具有“瀏覽”按鈕的表單元素，打開(kāi)其“屬性”面板，“文件域名稱”輸入為“ file”。 (5)在文檔中插入“隱藏域”，打開(kāi)其“屬性面板”，定義名稱為“ upfilefolder” ,輸入其“值”為“ uploadfile”。 (6)在表單區(qū)域內(nèi)插入“按鈕”，“值”為“上傳”，“動(dòng)作”為“提交表單”。 圖 21 文件上傳平臺(tái)頁(yè)面 () 上傳功能 單獨(dú)的上傳平臺(tái)頁(yè)在 Web應(yīng)用系統(tǒng)中還需要結(jié)合到相關(guān)的數(shù)據(jù)錄入頁(yè)中，一般采用 iframe浮動(dòng)框架進(jìn)行引用。 (1)如圖 23所示，在“文檔窗口”中打開(kāi)表示“上傳課件”的“ ” 文件，切換至“拆分”視圖，將鼠標(biāo)光標(biāo)定位在網(wǎng)頁(yè)代碼中即將插入“浮動(dòng)框架”的位置。 (2)打開(kāi)“插入”面板中的“ HTML”類別，單擊“框架”按鈕后的向下箭頭，從彈出菜單中選擇“浮動(dòng)框架”，即在網(wǎng)頁(yè)中插入了浮動(dòng)框架的 HTML標(biāo)簽“ iframe/iframe”。 (3)在 HTML標(biāo)簽“ iframe/iframe”上單擊鼠標(biāo)右鍵，從彈出菜單中選擇“編輯標(biāo)簽”。 (4)彈出“標(biāo)簽編輯器”對(duì)話框，選擇“源”為獨(dú)立上傳平臺(tái)頁(yè)“ ”。 圖 22 插入浮動(dòng)框架 文件上傳功能頁(yè) 上傳功能頁(yè)主要是接收上傳平臺(tái)頁(yè) “瀏覽”選擇的所需上傳文件，并進(jìn)行相關(guān)處理后將文件上傳至服務(wù)器的操作。 在站點(diǎn)“ tan”文件夾內(nèi)新建文件“ ” ,表示文件上傳的功能頁(yè)，在“文檔窗口”中打開(kāi)該文件，切換至“代碼”視圖，在 HTML標(biāo)簽 body的 上方輸入代碼“ !include file=”””，表示該文件對(duì)化境無(wú)組件上傳類文件的引用。在 HTML標(biāo)簽 body… /body之間輸入如下代碼。