動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì)與制作

動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì)與制作西藏職業(yè)技術(shù)學(xué)院第四局部：動(dòng)態(tài)頁(yè)面設(shè)計(jì)任務(wù)七：用戶登錄工程簡(jiǎn)介任務(wù)七：用戶登錄

本任務(wù)將通過(guò)制作博客網(wǎng)站中的注冊(cè)登錄功能，學(xué)習(xí)設(shè)計(jì)的分析，具體功能的制作。為以后留言板和通訊錄的制作做好準(zhǔn)備。具體包括注冊(cè)用戶、用戶登錄、修改密碼等。理解表單在數(shù)據(jù)提交中的作用理解客戶端數(shù)據(jù)驗(yàn)證的代碼掌握效勞器行為：插入記錄、更新記錄、登錄用戶、檢查新用戶名Session語(yǔ)句的學(xué)習(xí)知識(shí)目標(biāo)任務(wù)七：用戶登錄培養(yǎng)學(xué)生解決問(wèn)題的能力正確應(yīng)用效勞器行為解決問(wèn)題培養(yǎng)學(xué)生的溝通協(xié)調(diào)能力能力目標(biāo)任務(wù)七：登錄用戶效果圖任務(wù)七：登錄用戶

知識(shí)點(diǎn)任務(wù)七：登錄用戶分析設(shè)計(jì)

新用戶注冊(cè)

用戶登錄

修改用戶密碼注銷用戶

分析設(shè)計(jì)任務(wù)七：登錄用戶任務(wù)功能結(jié)構(gòu)

網(wǎng)站首頁(yè)index.asp用戶注冊(cè)Register.asp用戶登錄index.sap修改密碼

update.asp新用戶注冊(cè)任務(wù)七：登錄用戶創(chuàng)立新用戶注冊(cè)頁(yè)面文件Register.asp。通過(guò)首頁(yè)用戶登錄欄的“新用戶注冊(cè)〞按鈕進(jìn)入Register.asp頁(yè)面。注冊(cè)是要求用戶輸入用戶名、密碼和確認(rèn)密碼，客戶端負(fù)責(zé)驗(yàn)證用戶輸入的信息，效勞器端負(fù)責(zé)讀取用戶提交的用戶名和密碼并保存于ＵserLogin數(shù)據(jù)表中。注冊(cè)成功后轉(zhuǎn)入網(wǎng)站首頁(yè)index.sap。制作向?qū)蝿?wù)七：登錄用戶創(chuàng)立新用戶注冊(cè)界面：①在“文件〞窗口中，右擊站點(diǎn)blog，在彈出的快捷菜單中選擇“新建文件〞創(chuàng)立。②翻開(kāi)regester.asp文件，在設(shè)計(jì)視圖中插入表單。③將光標(biāo)定位在表單中，插入一個(gè)６行４列的表格，完成新用戶注冊(cè)界面設(shè)計(jì)。修改用戶名、密碼和確認(rèn)密碼的文本框名稱，分別設(shè)置為Uname,Upass和UpassOK。制作向?qū)蝿?wù)七：登錄用戶添加插入記錄效勞器行為：翻開(kāi)“效勞器行為〞控制面板，單擊面板上的＋按鈕，在彈出的下拉菜單中選擇“插入記錄〞對(duì)話框，設(shè)置相關(guān)參數(shù)。單擊“確定〞按鈕，將信息保存于數(shù)據(jù)表中。制作向?qū)蝿?wù)七：登錄用戶添加插入記錄效勞器行為：翻開(kāi)“效勞器行為〞控制面板，單擊面板上的＋按鈕，在彈出的下拉菜單中選擇“插入記錄〞對(duì)話框，設(shè)置相關(guān)參數(shù)。單擊“確定〞按鈕，將信息保存于數(shù)據(jù)表中。制作向?qū)蝿?wù)七：登錄用戶添加插入記錄效勞器行為：翻開(kāi)“效勞器行為〞控制面板，單擊面板上的＋按鈕，在彈出的下拉菜單中選擇“插入記錄〞對(duì)話框，設(shè)置相關(guān)參數(shù)。單擊“確定〞按鈕，將信息保存于數(shù)據(jù)表中。制作向?qū)蝿?wù)七：登錄用戶完善頁(yè)面：根本頁(yè)面創(chuàng)立后，可以發(fā)現(xiàn)某些數(shù)據(jù)提交的不完整行和重疊性，例如用戶密碼為空、出現(xiàn)相同的用戶昵稱等，因此，這里有必要在用戶提交數(shù)據(jù)之前，對(duì)其操作行為進(jìn)行合理性檢查。在檢查過(guò)程中，如果數(shù)據(jù)非法，那么限制其提交；反之，那么允許提交數(shù)據(jù)。用戶登錄任務(wù)七：登錄用戶用戶在首頁(yè)的“登錄區(qū)域“輸入用戶名和密碼后，效勞器負(fù)責(zé)讀取用戶提交的用戶名和密碼。通過(guò)在數(shù)據(jù)表UserLogin中查找是否符合條件的記錄，驗(yàn)證該登錄用戶的身份是否合法，登錄成功后轉(zhuǎn)入index.asp，在“登錄區(qū)域〞顯示“歡送界面〞，假設(shè)登錄失敗將彈出非法用戶對(duì)話框，并轉(zhuǎn)入index.asp提供再次登錄的時(shí)機(jī)。制作向?qū)蝿?wù)七：登錄用戶客戶端輸入信息驗(yàn)證：要求用戶在登錄時(shí)，用戶與密碼文本框均不能為空。該功能與“新用戶注冊(cè)〞中的客戶端用戶輸入信息驗(yàn)證方法相同。制作向?qū)蝿?wù)七：登錄用戶效勞端登錄用戶身份驗(yàn)證①、選擇首頁(yè)文件index.asp“登錄區(qū)域〞所在的表單。②、翻開(kāi)“效勞器行為〞面板，選擇“用戶身份驗(yàn)證〞>“登錄用戶〞命令。③、翻開(kāi)登錄用戶對(duì)話框，如圖１－４所示。設(shè)置完畢，單擊“確定〞按鈕制作向?qū)蝿?wù)七：登錄用戶讀取登錄用戶的用戶名：為了在登錄成功的頁(yè)面上顯示用戶名，所以我們還需要保存登錄用戶的用戶名信息。①、翻開(kāi)index.asp，代碼視圖如以下圖所示。注意其中已經(jīng)生成了用戶的局部變量Session(“MM_Username〞),該變量可以整站通用。制作向?qū)蝿?wù)七：登錄用戶②、在“綁定〞面板中，單擊＋按鈕，并從彈出的菜單中選擇“階段變量〞對(duì)話框中輸入名稱MM_Username，如圖１－６所示。單擊“確定〞按鈕，進(jìn)入“綁定〞面板，如以下圖所示。生成的階段變量將隨用隨調(diào)，非常方便。修改用戶密碼任務(wù)七：登錄用戶創(chuàng)立修改用戶密碼頁(yè)面update.asp。要求顯示登錄用戶的用戶名，提示用戶輸入新密碼與確認(rèn)密碼，并將數(shù)據(jù)表UserLogin中登錄用戶密碼字段的值改為新密碼的值，修改成功后轉(zhuǎn)入index.asp。制作向?qū)蝿?wù)七：登錄用戶創(chuàng)立修改用戶密碼界面①、創(chuàng)立update.asp頁(yè)面。翻開(kāi)文件，在設(shè)計(jì)視圖中插入表單，表單名為form1。②、插入一個(gè)７行４列的表格，完成修改用戶密碼界面，如效果展示圖。從“綁定〞面板中拖入Session變量。制作向?qū)蝿?wù)七：登錄用戶客戶端用戶輸入信息驗(yàn)證：要求新密碼和確認(rèn)密碼的文本框值非空且相等。其操作方法類似于新用戶注冊(cè)客戶端信息驗(yàn)證。制作向?qū)蝿?wù)七：登錄用戶修改登錄用戶密碼：①選擇“效勞器行為〞－“記錄集查詢〞命令，彈出“記錄集〞對(duì)話框。設(shè)置各參數(shù)制作向?qū)蝿?wù)七：登錄用戶修改登錄用戶密碼：②選擇“效勞器行為〞－“更新記錄〞命令，彈出“更新記錄〞對(duì)話框，設(shè)置其參數(shù)制作向?qū)蝿?wù)七：登錄用戶添加“設(shè)置對(duì)頁(yè)的訪問(wèn)〞的效勞器行為：為了禁止直接瀏覽修改登錄用戶密碼頁(yè)面update.asp，需要添加“限制對(duì)頁(yè)的訪問(wèn)〞的效勞器行為。選擇“用戶身份驗(yàn)證〞－“限制對(duì)頁(yè)的訪問(wèn)〞命令，翻開(kāi)“限制對(duì)頁(yè)的訪問(wèn)〞的對(duì)話框，單擊“確定〞按鈕。注銷用戶任務(wù)七：登錄用戶在用戶登錄成功后，我們可以選擇首頁(yè)的“index.asp〞中的“注銷〞超鏈接，注銷session(“MM_Username〞)變量，然后當(dāng)前面返回值首頁(yè)的初始狀態(tài)。制作向?qū)蝿?wù)七：登錄用戶〔１〕翻開(kāi)index.asp文件，進(jìn)入設(shè)計(jì)視圖，選中文字“注銷“?！玻病吃凇靶谄餍袨楱暶姘逯校x擇“用戶身份驗(yàn)證〞－“注銷用戶〞命令然后彈出“注銷用戶〞對(duì)話框，單擊“確定〞。程序分析任務(wù)七：登錄用戶密碼和確認(rèn)密碼的正確性判斷：if(document.form1.Upass.value!=docume