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

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

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

知識點任務七：登錄用戶分析設計

新用戶注冊

用戶登錄

修改用戶密碼注銷用戶

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

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

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