實訓四__設(shè)計用戶系統(tǒng)的注冊及登錄_第1頁
實訓四__設(shè)計用戶系統(tǒng)的注冊及登錄_第2頁
實訓四__設(shè)計用戶系統(tǒng)的注冊及登錄_第3頁
實訓四__設(shè)計用戶系統(tǒng)的注冊及登錄_第4頁
實訓四__設(shè)計用戶系統(tǒng)的注冊及登錄_第5頁
已閱讀5頁，還剩10頁未讀， 繼續(xù)免費閱讀

下載本文檔

版權(quán)說明：本文檔由用戶提供并上傳，收益歸屬內(nèi)容提供方，若內(nèi)容存在侵權(quán)，請進行舉報或認領(lǐng)

文檔簡介

1、實訓四 設(shè)計用戶系統(tǒng)的注冊及登錄一、 實訓目的1. 能正確設(shè)計用戶注冊程序。2. 能正確設(shè)計用戶登錄程序。3. 能正確設(shè)計用戶的管理程序。二、 工作任務(wù)任務(wù)1：將靜態(tài)注冊頁面轉(zhuǎn)換成動態(tài)ASP文件頁面，設(shè)置表單對象。任務(wù)2：為網(wǎng)頁設(shè)置引用文件。任務(wù)3：為注冊頁面編程，實現(xiàn)對填寫的注冊信息進行判斷的功能，并將注冊信息寫入數(shù)據(jù)庫。任務(wù)4：為登錄頁面編程，實現(xiàn)登錄功能，并出現(xiàn)歡迎用戶登錄的界面。三、 實訓步驟（一） 編程實現(xiàn)用戶注冊功能首先創(chuàng)建注冊界面圖1注冊界面 任務(wù)1操作方法：1）用dreamweaver打開前面我們所創(chuàng)建的動態(tài)網(wǎng)站，將項目三中所設(shè)計的靜態(tài)注冊頁面reguser.html復制一份并

2、改名為reguser.asp，其中注冊部分頁面如圖2如所。圖2注冊界面3）選擇標簽<form>，將其屬性按圖3修改，將表單名稱命名為fom1，動作右側(cè)的文本框中輸入reguser.asp?act=reg，其含義為此表單提交到本頁處理，并附加參數(shù)act=reg，此參數(shù)含義為表單填寫完成后提交表單進行注冊的參數(shù)傳遞，方法右側(cè)的列表中選擇post，其它方面可以忽略。圖3表單屬性4）依照表1修改各個表單元素的名稱，以方便程序的編寫。表1注冊表單中各表單元素的名稱文本名稱表單元素名稱文本名稱表單元素名稱用戶名f_user固定電話f_tel1f_tel2密碼f_code手機號碼f_mtel姓名

3、f_name其他聯(lián)系f_contact性別f_sex提交submit詳細地址f_addr重置reset設(shè)計思想：當用戶輸入注冊信息時，如果用戶名或密碼沒有填寫時系統(tǒng)出現(xiàn)提示信息“用戶名或密碼不能為空！”，并將重新注冊；如果用戶名在數(shù)據(jù)庫中已經(jīng)存在通過判斷語句系統(tǒng)會有彈出提示信息“用戶名已經(jīng)存在，請重新注冊！”，本教材的其他信息并不要求必須輸入，讀者可以自己設(shè)計；將用戶信息寫入到數(shù)據(jù)庫的tbl_user表中保存，注冊成功時會有彈出信息“注冊成功！”，單擊“確定”按鈕將跳轉(zhuǎn)到登錄頁面可供用戶登錄，如果注冊失敗彈出提示信息，并說明注冊失敗的原因。任務(wù)2操作方法：1）先創(chuàng)建一個數(shù)據(jù)庫連接文件db.as

4、p，代碼：<%dim conn,dbpathset conn=Server.CreateObject("adodb.connection")DBPath = Server.MapPath("db/tygasp.mdb")conn.Open "Provider=Microsoft.Jet.OLEDB.4.0;Data Source="& DBPath%>2）打開網(wǎng)頁的代碼視圖，我們在網(wǎng)頁的最上部添加代碼如下的代碼如圖4所示，由于數(shù)據(jù)庫連接文件我們在項目五中已經(jīng)完成，本項目只要使用<!-#include file

5、="db.asp"->語句將其引用到本頁面中即可，以后的網(wǎng)頁中也是一樣：圖4引用文件部分代碼講解：<%language="vbscript"%> '聲明使用vbscript腳本<%option explicit%> '限制本頁面引用的變量都需要定義<!-前臺用戶注冊-> '前臺用戶注冊注釋<!-#include file="db.asp"-> '引用數(shù)據(jù)庫連接文件<!-#include file="config/function.in

6、c.asp"-> '引用自定義函數(shù)文件3）注冊網(wǎng)頁參考代碼：在<body>標簽后面加入如下代碼，以實現(xiàn)注冊數(shù)據(jù)的處理代碼，我們編程處理參數(shù)時總是在網(wǎng)頁的開始進行，這樣如果數(shù)據(jù)有改變馬上就會在下面的代碼上表示出來。將表單注冊信息存入tbl_user表關(guān)閉記錄集和清空記錄集出錯后繼續(xù)執(zhí)行判斷用戶名和密碼是否為空判斷是否有同名用戶設(shè)置固定電話格式注冊是否成功的提示信息！至此，注冊頁面的功能已經(jīng)完成，按F12瀏覽網(wǎng)頁并進行注冊測試，如按圖5進行注冊，單擊“提交”按鈕，將出來圖6注冊成功的提示信息，單擊“確定”按鈕將跳轉(zhuǎn)到登錄界面，如果最用相同的用戶名進行注冊，將來出

7、現(xiàn)圖7的對話框，單擊“確定”按鈕返回注冊界面，如果我們沒有輸入用戶名或密碼時將會出現(xiàn)圖8對話框，單擊“確定”按鈕返回注冊界面。圖5用戶注冊 圖6注冊成功 圖7用戶名存在 圖8用戶名或密碼為空設(shè)計思想：當用戶提交輸入注冊信息也就是提交表單動作參數(shù)act=”reg” 時，如果用戶名或密碼沒有填寫時系統(tǒng)出現(xiàn)提示信息“用戶名或密碼不能為空！”，并將重新注冊，否則進行用戶名的判斷，如果用戶名在數(shù)據(jù)庫中已經(jīng)存在，判斷語句會彈出提示信息“用戶名已經(jīng)存在，請重新注冊！”，所有判斷合法之后將注冊信息寫入數(shù)據(jù)庫，注冊成功時會有彈出信息“注冊成功！”，單擊“確定”按鈕將跳轉(zhuǎn)到登錄頁面可供用戶登錄，如果注冊失敗彈出提

8、示信息。（二） 實現(xiàn)用戶登錄功能用戶登錄參考代碼：1）將公司主頁index.html更名為index.asp，并將登錄表單動作改為"index.asp?act=login"，表單元素用戶名改為f_user，密碼改為f_code。2）將引用文件添加到網(wǎng)頁上方，如圖9所示。創(chuàng)建recordset對象圖9 index.asp引用文件部分3）用戶登錄部分，登錄前是一個表單，如圖10所示，登錄后要顯示用戶登錄的信息，如圖11所示。 圖10登錄界面 圖11用戶登錄信息以下代碼實現(xiàn)了此功能，代碼及說明如下：如果session變量不空顯示用戶登錄信息及退出登錄如果session變量為空表示

9、未登錄顯示登錄表單4）在標簽<body>后面添加用戶登錄和及用戶注銷信息的處理代碼，代碼及說明如下：注銷登錄后，用戶名和密碼的session變量賦值為空關(guān)閉對象判斷用戶注銷登陸信息查詢成功后，用戶名和密碼分別賦值給session變量查詢數(shù)據(jù)庫中是否有相應(yīng)的用戶名和密碼判斷用戶提交表單登陸信息5）在</body>前面加下以下代碼：清空記錄集關(guān)閉記錄集清空對象至此登錄功能設(shè)計完成，按F12進瀏覽測試，輸入我們上次注冊的數(shù)據(jù)，登錄后將出現(xiàn)如圖11所示的歡迎信息，如果用戶名或密碼有錯，將會出現(xiàn)圖12所示的彈出信息，單擊“確定”按鈕，返回登錄頁面。 圖12登錄失敗彈出信息設(shè)計思想

10、：1在主頁中用戶登錄前將出現(xiàn)登錄界面，登錄后由歡迎用戶的界面代替原來的表單界面，如“歡迎您，某某”，并具有退出登錄的功能；2登錄數(shù)據(jù)必須是已經(jīng)注冊過的信息，否則會出現(xiàn)“登錄失敗，用戶名或者密碼錯誤！”的提示信息。（三） 設(shè)計用戶系統(tǒng)的后臺管理1.顯示用戶的網(wǎng)頁及編程 顯示用戶部分操作方法：1）制作如圖13所示顯示用戶的表格網(wǎng)頁，可以顯示用戶的注冊信息，取名為admin_user.asp。圖6.12顯示用戶界面2）切換到代碼視圖，在網(wǎng)頁的頂部輸入代碼，以引用前面的數(shù)據(jù)庫連接、自編函數(shù)及定義變量等，方法如模塊1的任務(wù)，如圖6.13所示。圖13引用文件及自定義變量3）在<body><

11、;/body>中添加顯示用戶信息的功能代碼，如下：定義recordset對象rst變量，降序排列顯示用戶列表，并將查詢結(jié)果存入rst變量里循環(huán)讀取rst變量里的用戶信息，并顯示在相應(yīng)表格的單元格中。Rst對象指針下移讀取下條記錄關(guān)閉、清空記錄集添加代碼和的網(wǎng)頁設(shè)計視圖如圖14所示。圖14添加代碼后的設(shè)計視圖4）如果我們要對用戶進行修改或刪除，首先設(shè)計修改和刪除網(wǎng)頁，然后設(shè)計參數(shù)的提交即可，我們放到后面進行。按F12瀏覽即得到用戶的資料以倒序顯示，如圖15所示。圖15用戶資料顯示5）要完成用戶的修改及刪除，需將“修改”和“刪除”的文本超鏈接到處理修改的文件上。代碼如下：超鏈接文件，指定傳遞

12、參數(shù)，修改和刪除具體的id號用戶（一） 修改用戶的網(wǎng)頁及編程修改用戶操作方法：1）如圖16所示制作一張顯示表單網(wǎng)頁，用來修改用戶的注冊信息，取名為admin_user_modify.asp。 圖16修改用戶表單網(wǎng)頁2） 選擇標簽<form>，將表單屬性按圖17設(shè)置，將表單名稱命名為form1，動作右側(cè)的文本框中輸入“admin_user_modify.asp?act=update&id=<%=request.querystring("id")%>”，其含義為此表單提交到本頁處理，并通過用戶id進行修改，方法右側(cè)的列表中選擇post。圖17修改

13、表單屬性的設(shè)置3）設(shè)置表單屬性，表單及表單元素的命名與我們前面的注冊網(wǎng)頁基本相同，見表2所示。表2修改用戶注冊信息單元素的名稱文本名稱表單元素名稱文本名稱表單元素名稱用戶名f_user固定電話f_tel密碼f_code手機號碼f_mtel姓名f_name其他聯(lián)系f_contact性別f_sex提交submit詳細地址f_addr重置reset4）考慮到用戶名不能修改，直接顯示就行，輸入代碼后的網(wǎng)頁結(jié)構(gòu)視圖如圖18如示。 圖18添加代碼后的修改表單判斷參數(shù)act是否與modify相等當點擊“修改”超鏈接里，傳遞參數(shù)act=modify運行admin _user_modify.asp中顯示修改用戶

14、資料的表單，此表單的實現(xiàn)代碼如下：判斷數(shù)據(jù)的合法性，查詢記錄表單處理方法讀取用戶信息將密碼賦為初始值5）當提交修改用戶表單后，傳遞參數(shù)act=update表示需要運行admin _user_modify.asp中的修改用戶信息代碼，代碼加入到<body>后“顯示需要修改用戶信息表單”之前，代碼如下：錯誤處理判斷參數(shù)是否正確將表單注冊信息更新存入tbl_user表（三）刪除用戶的網(wǎng)頁及編程任務(wù)3操作方法：1）新建一張刪除網(wǎng)頁命名為admin_user_del.asp，此網(wǎng)頁通過用戶id刪除其用戶信息。引用文件添加到網(wǎng)頁上方，切換到代碼視圖，代碼如下。刪除信息錯誤處理判斷參數(shù)是否合法2

15、）按F12瀏覽測試。注意，為了刪除安全，我們應(yīng)該在刪除用戶信息時彈出一條提示信息，這兒可以采用一條js的代碼來完成，如"targer="_blank" onClick="javascript:return confirm('您確定要刪除此用戶嗎？');"。（四）查詢用戶的網(wǎng)頁及編程任務(wù)4操作方法：1如圖6.18所示制作一張查詢用戶的表單網(wǎng)頁，取名為admin_user_ask.asp，并設(shè)計表單屬性，表單名為form1，文本框命名為f_user，動作右側(cè)的文本框中輸入“admin_user_ask.asp”，其它為默認。并制作一表格用來顯示查詢用戶信息的列表。圖6

溫馨提示

  • 1. 本站所有資源如無特殊說明，都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等，如果需要附件，請聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙，網(wǎng)頁內(nèi)容里面會有圖紙預覽，若沒有圖紙預覽就沒有圖紙。
  • 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
  • 5. 人人文庫網(wǎng)僅提供信息存儲空間，僅對用戶上傳內(nèi)容的表現(xiàn)方式做保護處理，對用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯，并不能對任何下載內(nèi)容負責。
  • 6. 下載文件中如有侵權(quán)或不適當內(nèi)容，請與我們聯(lián)系，我們立即糾正。
  • 7. 本站不保證下載資源的準確性、安全性和完整性, 同時也不承擔用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。

評論

0/150

提交評論