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

下載本文檔

版權說明：本文檔由用戶提供并上傳，收益歸屬內容提供方，若內容存在侵權，請進行舉報或認領

文檔簡介

-.z.實訓四設計用戶系統(tǒng)的注冊及登錄實訓目的能正確設計用戶注冊程序。能正確設計用戶登錄程序。能正確設計用戶的管理程序。工作任務任務1：將靜態(tài)注冊頁面轉換成動態(tài)ASP文件頁面，設置表單對象。任務2：為網頁設置引用文件。任務3：為注冊頁面編程，實現對填寫的注冊信息進展判斷的功能，并將注冊信息寫入數據庫。任務4：為登錄頁面編程，實現登錄功能，并出現歡送用戶登錄的界面。實訓步驟編程實現用戶注冊功能首先創(chuàng)立注冊界面圖1注冊界面任務1操作方法：1〕用dreamweaver翻開前面我們所創(chuàng)立的動態(tài)網站，將工程三中所設計的靜態(tài)注冊頁面reguser.html復制一份并改名為reguser.asp，其中注冊局部頁面如圖2如所。圖2注冊界面3〕選擇標簽<form>，將其屬性按圖3修改，將表單名稱命名為fom1，動作右側的文本框中輸入reguser.asp"act=reg，其含義為此表單提交到本頁處理，并附加參數act=reg，此參數含義為表單填寫完成后提交表單進展注冊的參數傳遞，方法右側的列表中選擇post，其它方面可以忽略。圖3表單屬性4〕依照表1修改各個表單元素的名稱，以方便程序的編寫。表1注冊表單中各表單元素的名稱文本名稱表單元素名稱文本名稱表單元素名稱用戶名f_user固定f_tel1f_tel2密碼f_code手機號碼f_mtelf_name其他聯(lián)系f_contact性別f_se*提交submit詳細地址f_addr重置reset設計思想：當用戶輸入注冊信息時，如果用戶名或密碼沒有填寫時系統(tǒng)出現提示信息"用戶名或密碼不能為空！〞，并將重新注冊；如果用戶名在數據庫中已經存在通過判斷語句系統(tǒng)會有彈出提示信息"用戶名已經存在，請重新注冊！〞，本教材的其他信息并不要求必須輸入，讀者可以自己設計；將用戶信息寫入到數據庫的tbl_user表中保存，注冊成功時會有彈出信息"注冊成功！〞，單擊"確定〞按鈕將跳轉到登錄頁面可供用戶登錄，如果注冊失敗彈出提示信息，并說明注冊失敗的原因。任務2操作方法：1〕先創(chuàng)立一個數據庫連接文件db.asp，代碼：<%dimconn,dbpathsetconn=Server.CreateObject("adodb.connection")DBPath=Server.MapPath("db/tygasp.mdb")conn.Open"Provider=Microsoft.Jet.OLEDB.4.0;DataSource="&DBPath%>2〕翻開網頁的代碼視圖，我們在網頁的最上部添加代碼如下的代碼如圖4所示，由于數據庫連接文件我們在工程五中已經完成，本工程只要使用<!--#includefile="db.asp"-->語句將其引用到本頁面中即可，以后的網頁中也是一樣：圖4引用文件局部代碼講解：<%@language="vbscript"%><%@language="vbscript"%>'聲明使用vbscript腳本<%optione*plicit%>'限制本頁面引用的變量都需要定義<!--前臺用戶注冊-->'前臺用戶注冊注釋<!--#includefile="db.asp"-->'引用數據庫連接文件<!--#includefile="config/function.inc.asp"-->'引用自定義函數文件3〕注冊網頁參考代碼：在<body>標簽后面參加如下代碼，以實現注冊數據的處理代碼，我們編程處理參數時總是在網頁的開場進展，這樣如果數據有改變馬上就會在下面的代碼上表示出來。將表單注冊信息存入tbl_user表關閉記錄集和清空記錄集出錯后繼續(xù)執(zhí)行判斷用戶名和密碼是否為空判斷是否有同名用戶設置固定格式將表單注冊信息存入tbl_user表關閉記錄集和清空記錄集出錯后繼續(xù)執(zhí)行判斷用戶名和密碼是否為空判斷是否有同名用戶設置固定格式注冊是否成功的提示信息！至此，注冊頁面的功能已經完成，按F12瀏覽網頁并進展注冊測試，如按圖5進展注冊，單擊"提交〞按鈕，將出來圖6注冊成功的提示信息，單擊"確定〞按鈕將跳轉到登錄界面，如果最用一樣的用戶名進展注冊，將來出現圖7的對話框，單擊"確定〞按鈕返回注冊界面，如果我們沒有輸入用戶名或密碼時將會出現圖8對話框，單擊"確定〞按鈕返回注冊界面。圖5用戶注冊圖6注冊成功圖7用戶名存在圖8用戶名或密碼為空設計思想：當用戶提交輸入注冊信息也就是提交表單動作參數act=〞reg〞時，如果用戶名或密碼沒有填寫時系統(tǒng)出現提示信息"用戶名或密碼不能為空！〞，并將重新注冊，否則進展用戶名的判斷，如果用戶名在數據庫中已經存在，判斷語句會彈出提示信息"用戶名已經存在，請重新注冊！〞，所有判斷合法之后將注冊信息寫入數據庫，注冊成功時會有彈出信息"注冊成功！〞，單擊"確定〞按鈕將跳轉到登錄頁面可供用戶登錄，如果注冊失敗彈出提示信息。實現用戶登錄功能用戶登錄參考代碼：1〕將公司主頁inde*.html更名為inde*.asp，并將登錄表單動作改為"inde*.asp"act=login"，表單元素用戶名改為f_user，密碼改為f_code。2〕將引用文件添加到網頁上方，如圖9所示。創(chuàng)立recordset創(chuàng)立recordset對象圖9inde*.asp引用文件局部3〕用戶登錄局部，登錄前是一個表單，如圖10所示，登錄后要顯示用戶登錄的信息，如圖11所示。圖10登錄界面圖11用戶登錄信息以下代碼實現了此功能，代碼及說明如下：如果session變量不空如果session變量不空顯示用戶登錄信息及退出登錄如果session變量為空表示未登錄顯示登錄表單4〕在標簽<body>后面添加用戶登錄和及用戶注銷信息的處理代碼，代碼及說明如下：注銷登錄后，用戶名和密碼的session變量賦值為空關閉對象判斷用戶注銷登陸信息注銷登錄后，用戶名和密碼的session變量賦值為空關閉對象判斷用戶注銷登陸信息查詢成功后，用戶名和密碼分別賦值給session變量查詢數據庫中是否有相應的用戶名和密碼判斷用戶提交表單登陸信息5〕在</body>前面加下以下代碼：清空記錄集關閉記錄集清空對象清空記錄集關閉記錄集清空對象至此登錄功能設計完成，按F12進瀏覽測試，輸入我們上次注冊的數據，登錄后將出現如圖11所示的歡送信息，如果用戶名或密碼有錯，將會出現圖12所示的彈出信息，單擊"確定〞按鈕，返回登錄頁面。圖12登錄失敗彈出信息設計思想：1．在主頁中用戶登錄前將出現登錄界面，登錄后由歡送用戶的界面代替原來的表單界面，如"歡送您，**〞，并具有退出登錄的功能；2．登錄數據必須是已經注冊過的信息，否則會出現"登錄失敗，用戶名或者密碼錯誤！〞的提示信息。〔三〕設計用戶系統(tǒng)的后臺管理1.顯示用戶的網頁及編程顯示用戶局部操作方法：1〕制作如圖13所示顯示用戶的表格網頁，可以顯示用戶的注冊信息，取名為admin_user.asp。圖6.12顯示用戶界面2〕切換到代碼視圖，在網頁的頂部輸入代碼，以引用前面的數據庫連接、自編函數及定義變量等，方法如模塊1的任務，如圖6.13所示。圖13引用文件及自定義變量3〕在<body></body>中添加顯示用戶信息的功能代碼，如下：定義recordset對象rst變量，降序排列顯示用戶列表，并將查詢結果存入rst變量里循環(huán)讀取rst變量里的用戶信息，并顯示在相應表格的單元格中。定義recordset對象rst變量，降序排列顯示用戶列表，并將查詢結果存入rst變量里循環(huán)讀取rst變量里的用戶信息，并顯示在相應表格的單元格中。Rst對象指針下移讀取下條記錄關閉、清空記錄集添加代碼和的網頁設計視圖如圖14所示。圖14添加代碼后的設計視圖4〕如果我們要對用戶進展修改或刪除，首先設計修改和刪除網頁，然后設計參數的提交即可，我們放到后面進展。按F12瀏覽即得到用戶的資料以倒序顯示，如圖15所示。圖15用戶資料顯示5〕要完成用戶的修改及刪除，需將"修改〞和"刪除〞的文本超鏈接到處理修改的文件上。代碼如下：超鏈接文件，指定傳遞參數，修改和刪除具體的id號用戶超鏈接文件，指定傳遞參數，修改和刪除具體的id號用戶修改用戶的網頁及編程修改用戶操作方法：1〕如圖16所示制作一張顯示表單網頁，用來修改用戶的注冊信息，取名為admin_user_modify.asp。圖16修改用戶表單網頁選擇標簽<form>，將表單屬性按圖17設置，將表單名稱命名為form1，動作右側的文本框中輸入"admin_user_modify.asp"act=update&id=<%=request.querystring("id")%>〞，其含義為此表單提交到本頁處理，并通過用戶id進展修改，方法右側的列表中選擇post。圖17修改表單屬性的設置3〕設置表單屬性，表單及表單元素的命名與我們前面的注冊網頁根本一樣，見表2所示。表2修改用戶注冊信息單元素的名稱文本名稱表單元素名稱文本名稱表單元素名稱用戶名f_user固定f_tel密碼f_code手機號碼f_mtelf_name其他聯(lián)系f_contact性別f_se*提交submit詳細地址f_addr重置reset4〕考慮到用戶名不能修改，直接顯示就行，輸入代碼后的網頁構造視圖如圖18如示。圖18添加代碼后的修改表單判斷參數act是否與modify相等當點擊"修改〞超鏈接里，傳遞參數act=modify運行admin_user_modify.asp中顯示修改用戶資料的表單，此表單的實現代碼如下：判斷參數act是否與modify相等判斷數據的合法性，查詢記錄表單處理方法讀取用戶信息將密碼賦為初始值判斷數據的合法性，查詢記錄表單處理方法讀取用戶信息將密碼賦為初始值5〕當提交修改用戶表單后，傳遞參數act=update表示需要運行admin_user_modify.asp中的修改用戶信息代碼，代碼參加到<body>后"顯示需要修改用戶信息表單〞之前，代碼如下：錯誤處理判斷參數是否正確將表單注冊信息更新錯誤處理判斷參數是否正確將表單注冊信息更新存入tbl_user表〔三〕刪除用戶的網頁及編程任務3操作方法：1〕新建一張刪除網頁命名為admin_user_del.asp，此網頁通過用戶id刪除其用戶信息。引用文件添加到網頁上方，切換到代碼視圖，代碼如下。刪除信息錯誤處理判斷參數是否合法2〕按F12瀏覽測試。刪除信息錯誤處理判斷參數是否合法注意，為了刪除平安，我們應該在刪除用戶信息時彈出一條提示信息，這兒可以

溫馨提示

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

評論

0/150

提交評論