動態(tài)網(wǎng)頁設(shè)計與制作

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

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

知識點任務(wù)七：登錄用戶分析設(shè)計

新用戶注冊

用戶登錄

修改用戶密碼注銷用戶

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

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

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