注冊(cè)和登錄功能的設(shè)計(jì)與制作

1、ECWebsite 實(shí)現(xiàn)電子商務(wù)網(wǎng)站中的注冊(cè)功能目錄登錄模塊的設(shè)計(jì)與實(shí)現(xiàn)注冊(cè)和登錄功能的設(shè)計(jì)與制作1實(shí)現(xiàn)電子商務(wù)網(wǎng)站中的注冊(cè)功能1前言 幾乎所有的電子商務(wù)網(wǎng)站都需要進(jìn)行會(huì)員注冊(cè)及登錄幾乎所有的電子商務(wù)網(wǎng)站都需要進(jìn)行會(huì)員注冊(cè)及登錄的功能，才能在網(wǎng)站上進(jìn)行購(gòu)物，一般情況下，登錄及的功能，才能在網(wǎng)站上進(jìn)行購(gòu)物，一般情況下，登錄及注冊(cè)模塊的功能比較單一，除了實(shí)現(xiàn)驗(yàn)證用戶信息的有注冊(cè)模塊的功能比較單一，除了實(shí)現(xiàn)驗(yàn)證用戶信息的有效性和一些必要的安全設(shè)置外，更多的是如何提高程序效性和一些必要的安全設(shè)置外，更多的是如何提高程序的可操作性，更好地方便用戶。的可操作性，更好地方便用戶。 登錄及注冊(cè)模塊由用戶注冊(cè)、

2、用戶登錄和找回密碼三登錄及注冊(cè)模塊由用戶注冊(cè)、用戶登錄和找回密碼三部分組成。部分組成。2用戶注冊(cè)流程 用戶注冊(cè)的信息分為必填信息及可選信息。用戶注冊(cè)的信息分為必填信息及可選信息。 必填信息默認(rèn)是可見的，而可選信息默認(rèn)是隱藏的。必填信息默認(rèn)是可見的，而可選信息默認(rèn)是隱藏的。 在必填信息不完整的時(shí)候，在必填信息不完整的時(shí)候，“注冊(cè)注冊(cè)”按鈕是不可用的。按鈕是不可用的。對(duì)于可選信息，用戶可以選擇填寫或者不填寫。對(duì)于可選信息，用戶可以選擇填寫或者不填寫。 用戶注冊(cè)成功后顯示成功信息，同時(shí)將用戶名保存到用戶注冊(cè)成功后顯示成功信息，同時(shí)將用戶名保存到SessionSession中，并跳轉(zhuǎn)到主頁面。中，并跳

3、轉(zhuǎn)到主頁面。2用戶注冊(cè)流程注冊(cè)入口注冊(cè)入口注冊(cè)成功注冊(cè)成功必選項(xiàng)為空必選項(xiàng)為空用戶名有效？用戶名有效？2次輸入密碼是否一致？次輸入密碼是否一致？密碼長(zhǎng)度符合要求？密碼長(zhǎng)度符合要求？其他信息有效？其他信息有效？是是是是是是是是是是否否否否否否否否否否3模塊功能分析 注冊(cè)系統(tǒng)一般由注冊(cè)信息填寫和注冊(cè)信息處理兩大部分構(gòu)成注冊(cè)系統(tǒng)一般由注冊(cè)信息填寫和注冊(cè)信息處理兩大部分構(gòu)成 注冊(cè)信息填寫部分：注冊(cè)信息填寫一般是由用戶完成，在填注冊(cè)信息填寫部分：注冊(cè)信息填寫一般是由用戶完成，在填寫的過程中應(yīng)該有相應(yīng)的提示，比如用戶名、密碼填寫要求，寫的過程中應(yīng)該有相應(yīng)的提示，比如用戶名、密碼填寫要求，對(duì)于不符合得填寫應(yīng)

4、給出說明。對(duì)于不符合得填寫應(yīng)給出說明。 注冊(cè)信息處理部分：注冊(cè)信息填寫完成后，用戶單擊注冊(cè)信息處理部分：注冊(cè)信息填寫完成后，用戶單擊“注冊(cè)注冊(cè)”按鈕，應(yīng)該調(diào)用相應(yīng)的信息處理程序，將客戶填寫的信息添加按鈕，應(yīng)該調(diào)用相應(yīng)的信息處理程序，將客戶填寫的信息添加到相應(yīng)的數(shù)據(jù)庫中，如果客戶填寫的信息不符合要求，則提示到相應(yīng)的數(shù)據(jù)庫中，如果客戶填寫的信息不符合要求，則提示填寫有誤，請(qǐng)用戶重新填寫。填寫有誤，請(qǐng)用戶重新填寫。3模塊功能分析填寫注冊(cè)填寫注冊(cè)信息信息提交提交進(jìn)行數(shù)據(jù)處理，進(jìn)行數(shù)據(jù)處理，注冊(cè)成功，并跳注冊(cè)成功，并跳轉(zhuǎn)到登錄頁面轉(zhuǎn)到登錄頁面商城用戶商城用戶4數(shù)據(jù)庫設(shè)計(jì) 用戶表（用戶表（usersuse

5、rs）結(jié)構(gòu)）結(jié)構(gòu)5注冊(cè)功能的實(shí)現(xiàn) 文件層次結(jié)構(gòu)文件層次結(jié)構(gòu)5注冊(cè)功能的實(shí)現(xiàn) 用戶注冊(cè)頁面用戶注冊(cè)頁面5注冊(cè)功能的實(shí)現(xiàn) register.asp register.asp 頁面設(shè)計(jì)頁面設(shè)計(jì)5注冊(cè)功能的實(shí)現(xiàn) register.asp register.asp 驗(yàn)證表單驗(yàn)證表單 窗口窗口 - - 行為行為 - - “+ +” ” - - 檢查檢查表單表單1.在此選擇在此選擇需要驗(yàn)證的需要驗(yàn)證的表單項(xiàng)表單項(xiàng)2.選擇選擇“必需必需的的”復(fù)選框表復(fù)選框表示所選項(xiàng)目必示所選項(xiàng)目必填內(nèi)容填內(nèi)容3.“可接受可接受”選選項(xiàng)用于限制填寫項(xiàng)用于限制填寫內(nèi)容的形式內(nèi)容的形式5注冊(cè)功能的實(shí)現(xiàn) register.asp r

6、egister.asp 驗(yàn)證表單驗(yàn)證表單 本例中，設(shè)置用戶名文本框、密碼文本框、重復(fù)密碼文本本例中，設(shè)置用戶名文本框、密碼文本框、重復(fù)密碼文本框、真實(shí)姓名文本框?yàn)榭?、真?shí)姓名文本框?yàn)椤爸担罕匦璧闹担罕匦璧摹?，“可接受：任何東可接受：任何東西西”；聯(lián)系電話文本框、郵政編碼文本框?yàn)?；?lián)系電話文本框、郵政編碼文本框?yàn)椤翱山邮埽簲?shù)字可接受：數(shù)字” 設(shè)置完成后，單擊設(shè)置完成后，單擊“確定確定”按鈕，完成對(duì)檢查表單的設(shè)置按鈕，完成對(duì)檢查表單的設(shè)置 “ “代碼代碼”視圖中，視圖中，DreamWeaverDreamWeaver會(huì)自動(dòng)加入如下代碼：會(huì)自動(dòng)加入如下代碼：5注冊(cè)功能的實(shí)現(xiàn) register.asp

7、register.asp 驗(yàn)證表單驗(yàn)證表單 將這段代碼修改成如下：將這段代碼修改成如下：function MM_findObj(n,d) /v4.01 var p,i,x; if(!d) d=document; if(p=n.indexOf(?)0 & parent.frames.length) d=parent.framesn.substring(p+1).document; n=n.substring(0,p); if(!(x=dn) & d.all) x=d.alln; for(i=0; !x & id.forms.length; i+) x=d.formsin;

8、 for(i=0; !x & id.layers & id.layers.length; i+) x=MM_findObj(n,d.layersi.document); if(!x & d.getElementById) x=d.getElementById(n); return x;function MM_validateForm() /v4.0 定義創(chuàng)建對(duì)話框的基本屬性 var i,p,q,nm,test,num,min,max,errors=,args=MM_validateForm.arguments;/檢查提交表單的內(nèi)容 for (i=0; i(args.le

9、ngth-2); i+=3) test=argsi+2; val=MM_findObj(argsi); if (val) nm=; if (val=val.value)!=) if (test.indexOf(isEmail)!=-1) p=val.indexOf(); if (p1 | p=(val.length-1) errors+=- +nm+ 需要輸入郵箱地址.n; else if (test!=R) num = parseFloat(val); if (isNaN(val) errors+=- +nm+ 需要輸入數(shù)字.n; if (test.indexOf(inRan

10、ge) != -1) p=test.indexOf(:); min=test.substring(8,p); max=test.substring(p+1); if (nummin | maxnum) errors+=- +nm+ 需要輸入數(shù)字 +min+ 至 +max+.n; else if (test.charAt(0) = R) errors += - +nm+ 為必填項(xiàng).n; if(MM_findObj(txtPwd).value != MM_findObj(txtPwdAgain).value) errors += - 兩次密碼輸入不一致.n; if (errors) alert(注

11、冊(cè)時(shí)出現(xiàn)如下錯(cuò)誤:n+errors); document.MM_returnValue = (errors = );5注冊(cè)功能的實(shí)現(xiàn) register.asp register.asp 驗(yàn)證表單驗(yàn)證表單 代碼修改完成后，可以測(cè)試一下執(zhí)行的效果，當(dāng)輸入不正代碼修改完成后，可以測(cè)試一下執(zhí)行的效果，當(dāng)輸入不正確時(shí)，單擊確時(shí)，單擊“注冊(cè)注冊(cè)”按鈕時(shí)，會(huì)打開一個(gè)警告框，如圖所示：按鈕時(shí)，會(huì)打開一個(gè)警告框，如圖所示：5注冊(cè)功能的實(shí)現(xiàn) register.asp register.asp 插入記錄插入記錄 窗口窗口 - - 服務(wù)器行為服務(wù)器行為 - “+” - “+” - 插入記錄插入記錄1.將表單里將表單里

12、輸入的數(shù)據(jù)輸入的數(shù)據(jù)插入到相應(yīng)插入到相應(yīng)的數(shù)據(jù)表中的數(shù)據(jù)表中2.表單中的文本表單中的文本框框ID和要插入和要插入到的數(shù)據(jù)表中到的數(shù)據(jù)表中的字段相對(duì)應(yīng)的字段相對(duì)應(yīng)5注冊(cè)功能的實(shí)現(xiàn) register.asp register.asp 用戶名唯一用戶名唯一 窗口窗口 - - 服務(wù)器行為服務(wù)器行為 - “+” - “+” - 用戶身份驗(yàn)證用戶身份驗(yàn)證 - - 檢查新用戶名檢查新用戶名1.根據(jù)數(shù)據(jù)表中根據(jù)數(shù)據(jù)表中已有的數(shù)據(jù)字段已有的數(shù)據(jù)字段來判斷用戶名是來判斷用戶名是否已存在否已存在2.選擇同一站點(diǎn)選擇同一站點(diǎn)下的下的regfail.asp文件文件5注冊(cè)功能的實(shí)現(xiàn) regok.aspregok.asp超

13、鏈接，指向超鏈接，指向index.asp頁面頁面5注冊(cè)功能的實(shí)現(xiàn) regfail.aspregfail.asp超鏈接，指向超鏈接，指向register.asp頁面頁面5注冊(cè)功能的實(shí)現(xiàn) 測(cè)試測(cè)試 1. 1. 注冊(cè)信息不正確時(shí)注冊(cè)信息不正確時(shí) 2. 2. 注冊(cè)信息正確，成功注冊(cè)，檢查注冊(cè)信息正確，成功注冊(cè)，檢查store.mdbstore.mdb是否有新是否有新增用戶信息增用戶信息 3. 3. 注冊(cè)一個(gè)已經(jīng)存在的用戶名注冊(cè)一個(gè)已經(jīng)存在的用戶名2登錄模塊的設(shè)計(jì)與實(shí)現(xiàn)1前言 登錄功能是一個(gè)電子商務(wù)網(wǎng)站最基本的功能之一，登錄以登錄功能是一個(gè)電子商務(wù)網(wǎng)站最基本的功能之一，登錄以后，網(wǎng)站可以識(shí)別用戶是否有權(quán)

14、限執(zhí)行某些操作，或者可后，網(wǎng)站可以識(shí)別用戶是否有權(quán)限執(zhí)行某些操作，或者可以記錄用戶執(zhí)行的操作。以記錄用戶執(zhí)行的操作。 登錄功能包括登錄功能包括3 3個(gè)部分：登錄信息輸入、登錄信息檢查和個(gè)部分：登錄信息輸入、登錄信息檢查和檢測(cè)用戶的登錄狀態(tài)檢測(cè)用戶的登錄狀態(tài)2登錄信息檢查頁面的處理流程開始開始結(jié)束結(jié)束檢測(cè)登錄信息是否為空檢測(cè)登錄信息是否為空檢測(cè)是否存在用戶記錄檢測(cè)是否存在用戶記錄檢測(cè)密碼是否正確檢測(cè)密碼是否正確獲取用戶輸入的登錄信息獲取用戶輸入的登錄信息以輸入的用戶名為條件從數(shù)據(jù)庫中獲取記錄以輸入的用戶名為條件從數(shù)據(jù)庫中獲取記錄設(shè)置用戶登錄狀態(tài)設(shè)置用戶登錄狀態(tài)3登錄功能的實(shí)現(xiàn) index.asp

15、 index.asp 頁面設(shè)計(jì)頁面設(shè)計(jì)3登錄功能的實(shí)現(xiàn) index.asp index.asp 登錄驗(yàn)證登錄驗(yàn)證 服務(wù)器行為服務(wù)器行為 - - “+ +”- - 用戶身份驗(yàn)證用戶身份驗(yàn)證 - - 登錄用戶登錄用戶3登錄功能的實(shí)現(xiàn) loginfail.asploginfail.asp超鏈接，指向超鏈接，指向index.asp頁面頁面3登錄功能的實(shí)現(xiàn) welcome.aspwelcome.asp頁面設(shè)計(jì)頁面設(shè)計(jì)3登錄功能的實(shí)現(xiàn) welcome.aspwelcome.asp設(shè)置階段變量設(shè)置階段變量 綁定綁定 - - “+ +” ” - - 階段變量階段變量 在設(shè)計(jì)視圖中通過拖動(dòng)鼠標(biāo)選擇在設(shè)計(jì)視圖中通

16、過拖動(dòng)鼠標(biāo)選擇“XXXXXXXXXX”文本，然后在文本，然后在“綁定綁定”面板中選擇面板中選擇MM_UsernameMM_Username變量，再單擊變量，再單擊“綁定綁定”面板底部的面板底部的“插入插入”按鈕，將其插入到該頁面按鈕，將其插入到該頁面中指定的位置。插入完畢，可以看到中指定的位置。插入完畢，可以看到“XXXXXXXXXX”文本被文本被Session.MM_UsernameSession.MM_Username占位占位符代替符代替3登錄功能的實(shí)現(xiàn) welcome.aspwelcome.asp注銷用戶注銷用戶 拖動(dòng)鼠標(biāo)選中拖動(dòng)鼠標(biāo)選中“注銷你的用戶注銷你的用戶”鏈接文本，執(zhí)行：服務(wù)鏈接文本，執(zhí)行：服務(wù)器行為器行為 - - 用戶身份驗(yàn)證用戶身份驗(yàn)證 - - 注銷用戶注銷用戶注銷完成后轉(zhuǎn)至注銷完成后轉(zhuǎn)至logout.asp頁面頁面3登錄功能的實(shí)現(xiàn) logout.asplogout.asp超鏈接，指向超鏈接，指向index.asp頁面頁面4登錄功能的實(shí)現(xiàn) 測(cè)試測(cè)