注冊和登錄功能的設計與制作

ECWebsite注冊和登錄功能的設計與制作

第一頁，共三十三頁。實現(xiàn)電子商務網站中的注冊功能目錄登錄模塊的設計與實現(xiàn)……第二頁，共三十三頁。1實現(xiàn)電子商務網站中的注冊功能第三頁，共三十三頁。1前言幾乎所有的電子商務網站都需要進行會員注冊及登錄的功能，才能在網站上進行購物，一般情況下，登錄及注冊模塊的功能比較單一，除了實現(xiàn)驗證用戶信息的有效性和一些必要的安全設置外，更多的是如何提高程序的可操作性，更好地方便用戶。登錄及注冊模塊由用戶注冊、用戶登錄和找回密碼三部分組成。第四頁，共三十三頁。2用戶注冊流程用戶注冊的信息分為必填信息及可選信息。必填信息默認是可見的，而可選信息默認是隱藏的。在必填信息不完整的時候，“注冊”按鈕是不可用的。對于可選信息，用戶可以選擇填寫或者不填寫。用戶注冊成功后顯示成功信息，同時將用戶名保存到Session中，并跳轉到主頁面。第五頁，共三十三頁。2用戶注冊流程注冊入口注冊成功必選項為空用戶名有效？2次輸入密碼是否一致？密碼長度符合要求？其他信息有效？是是是是是否否否否否第六頁，共三十三頁。第二十二頁，共三十三頁。第二十一頁，共三十三頁。vari,p,q,nm,test,num,min,max,errors='',args=MM_validateForm.第二十八頁，共三十三頁。本例中，設置用戶名文本框、密碼文本框、重復密碼文本框、真實姓名文本框為“值：必需的”，“可接受：任何東西”；窗口->服務器行為->“+”->插入記錄charAt(0)=='R')errors+='-'+nm+'為必填項.綁定->“+”->階段變量}}}elseif(test.用戶表（users）結構第十四頁，共三十三頁。獲取用戶輸入的登錄信息第十五頁，共三十三頁。functionMM_validateForm(){//v4.if(p<1||p==(val.3模塊功能分析注冊系統(tǒng)一般由注冊信息填寫和注冊信息處理兩大部分構成注冊信息填寫部分：注冊信息填寫一般是由用戶完成，在填寫的過程中應該有相應的提示，比如用戶名、密碼填寫要求，對于不符合得填寫應給出說明。注冊信息處理部分：注冊信息填寫完成后，用戶單擊“注冊”按鈕，應該調用相應的信息處理程序，將客戶填寫的信息添加到相應的數據庫中，如果客戶填寫的信息不符合要求，則提示填寫有誤，請用戶重新填寫。第七頁，共三十三頁。3模塊功能分析填寫注冊信息提交進行數據處理，注冊成功，并跳轉到登錄頁面商城用戶第八頁，共三十三頁。4數據庫設計用戶表（users）結構第九頁，共三十三頁。5注冊功能的實現(xiàn)文件層次結構第十頁，共三十三頁。5注冊功能的實現(xiàn)用戶注冊頁面第十一頁，共三十三頁。5注冊功能的實現(xiàn)

register.asp——頁面設計第十二頁，共三十三頁。5注冊功能的實現(xiàn)

register.asp——驗證表單窗口->行為->“+”->檢查表單1.在此選擇需要驗證的表單項2.選擇“必需的”復選框表示所選項目必填內容3.“可接受”選項用于限制填寫內容的形式第十三頁，共三十三頁。5注冊功能的實現(xiàn)

register.asp——驗證表單本例中，設置用戶名文本框、密碼文本框、重復密碼文本框、真實姓名文本框為“值：必需的”，“可接受：任何東西”；聯(lián)系電話文本框、郵政編碼文本框為“可接受：數字”設置完成后，單擊“確定”按鈕，完成對檢查表單的設置“代碼”視圖中，DreamWeaver會自動加入如下代碼：第十四頁，共三十三頁。5注冊功能的實現(xiàn)

register.asp——驗證表單將這段代碼修改成如下：<scripttype="text/javascript">functionMM_findObj(n,d){//v4.01varp,i,x;if(!d)d=document;if((p=n.indexOf("?"))>0&&parent.frames.length){ d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}if(!(x=d[n])&&d.all)x=d.all[n];for(i=0;!x&&i<d.forms.length;i++)x=d.forms[i][n];for(i=0;!x&&i<d.layers&&i<d.layers.length;i++)x=MM_findObj(n,d.layers[i].document);if(!x&&d.getElementById)x=d.getElementById(n);returnx;}functionMM_validateForm(){//v4.0定義創(chuàng)建對話框的基本屬性

vari,p,q,nm,test,num,min,max,errors='',args=MM_validateForm.arguments; //檢查提交表單的內容

for(i=0;i<(args.length-2);i+=3){test=args[i+2];val=MM_findObj(args[i]);if(val){nm=;if((val=val.value)!=""){if(test.indexOf('isEmail')!=-1){p=val.indexOf('@');if(p<1||p==(val.length-1))errors+='-'+nm+'需要輸入郵箱地址.\n';}elseif(test!='R'){num=parseFloat(val);if(isNaN(val))errors+='-'+nm+'需要輸入數字.\n';if(test.indexOf('inRange')!=-1){p=test.indexOf(':');min=test.substring(8,p);max=test.substring(p+1);if(num<min||max<num)errors+='-'+nm+'需要輸入數字'+min+'至'+max+'.\n';}}}elseif(test.charAt(0)=='R')errors+='-'+nm+'為必填項.\n';}}if(MM_findObj('txtPwd').value!=MM_findObj('txtPwdAgain').value)errors+='-兩次密碼輸入不一致.\n'; if(errors)alert('注冊時出現(xiàn)如下錯誤:\n'+errors);document.MM_returnValue=(errors=='');}</script>第十五頁，共三十三頁。5注冊功能的實現(xiàn)

register.asp——驗證表單代碼修改完成后，可以測試一下執(zhí)行的效果，當輸入不正確時，單擊“注冊”按鈕時，會打開一個警告框，如圖所示：第十六頁，共三十三頁。5注冊功能的實現(xiàn)

register.asp——插入記錄窗口->服務器行為->“+”->插入記錄1.將表單里輸入的數據插入到相應的數據表中2.表單中的文本框ID和要插入到的數據表中的字段相對應第十七頁，共三十三頁。5注冊功能的實現(xiàn)

register.asp——用戶名唯一窗口->服務器行為->“+”->用戶身份驗證->檢查新用戶名1.根據數據表中已有的數據字段來判斷用戶名是否已存在2.選擇同一站點下的regfail.asp文件第十八頁，共三十三頁。5注冊功能的實現(xiàn)

regok.asp超鏈接，指向index.asp頁面第十九頁，共三十三頁。5注冊功能的實現(xiàn)

regfail.asp超鏈接，指向register.asp頁面第二十頁，共三十三頁。5注冊功能的實現(xiàn)測試

1.注冊信息不正確時

2.注冊信息正確，成功注冊，檢查store.mdb是否有新增用戶信息

3.注冊一個已經存在的用戶名第二十一頁，共三十三頁。2登錄模塊的設計與實現(xiàn)第二十二頁，共三十三頁。1前言登錄功能是一個電子商務網站最基本的功能之一，登錄以后，網站可以識別用戶是否有權限執(zhí)行某些操作，或者可以記錄用戶執(zhí)行的操作。登錄功能包括3個部分：登錄信息輸入、登錄信息檢查和檢測用戶的登錄狀態(tài)第二十三頁，共三十三頁。for(i=0;i<(args.if(num<min||max<num)errors+='-'+nm+'需要輸入數字'+min+'至'+max+'.必填信息默認是可見的，而可選信息默認是隱藏的。if(errors)alert('注冊時出現(xiàn)如下錯誤:\n'+errors);length;i++)x=MM_findObj(n,d.服務器行為->“+”->用戶身份驗證->登錄用戶if(!(x=d[n])&&d.第十五頁，共三十三頁。第二十一頁，共三十三頁。登錄及注冊模塊由用戶注冊、用戶登錄和找回密碼三部分組成。注冊信息正確，成功注冊，檢查store.第十五頁，共三十三頁。獲取用戶輸入的登錄信息for(i=0;i<(args.選擇同一站點下的regfail.2登錄信息檢查頁面的處理流程開始結束檢測登錄信息是否為空檢測是否存在用戶記錄檢測密碼是否正確獲取用戶輸入的登錄信息以輸入的用戶名為條件從數據庫中獲取記錄設置用戶登錄狀態(tài)第二十四頁，共三十三頁。3登錄功能的實現(xiàn)

index.asp——頁面設計第二十五頁，共三十三頁。3登錄功能的實現(xiàn)

index.asp——登錄驗證服務器行為->“+”->用戶身份驗證->登錄用戶第二十六頁，共三十三頁。3登錄功能的實現(xiàn)

loginfail.asp超鏈接，指向index.asp頁面第二十七頁，共三十三頁。3登錄功能的實現(xiàn)

welcome.asp——頁面設計第二十八頁，共三十三頁。3登錄功能的實現(xiàn)

welcome.asp——設置階段變量綁定->“+”->階段變量

在設計視圖中通過拖動鼠標選擇“XXXXX”文本，然后在“綁定”面板中選擇MM_Username變量，再單擊“綁定”面板底部的“插入”按鈕，將其插入到該頁面中指定的位置。插入完畢，可以看到“XXXXX”文本被{Session.MM_Username}占位符代替第二十九頁，共三十三頁。3登錄功能的實現(xiàn)

welcome.a