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

EC Website,注冊(cè)和登錄功能的設(shè)計(jì)與制作,實(shí)現(xiàn)電子商務(wù)網(wǎng)站中的注冊(cè)功能,目錄,登錄模塊的設(shè)計(jì)與實(shí)現(xiàn),1,實(shí)現(xiàn)電子商務(wù)網(wǎng)站中的注冊(cè)功能,1,前言,幾乎所有的電子商務(wù)網(wǎng)站都需要進(jìn)行會(huì)員注冊(cè)及登錄的功能，才能在網(wǎng)站上進(jìn)行購(gòu)物，一般情況下，登錄及注冊(cè)模塊的功能比較單一，除了實(shí)現(xiàn)驗(yàn)證用戶(hù)信息的有效性和一些必要的安全設(shè)置外，更多的是如何提高程序的可操作性，更好地方便用戶(hù)。 登錄及注冊(cè)模塊由用戶(hù)注冊(cè)、用戶(hù)登錄和找回密碼三部分組成。,2,用戶(hù)注冊(cè)流程,用戶(hù)注冊(cè)的信息分為必填信息及可選信息。 必填信息默認(rèn)是可見(jiàn)的，而可選信息默認(rèn)是隱藏的。 在必填信息不完整的時(shí)候，“注冊(cè)”按鈕是不可用的。對(duì)于可選信息，用戶(hù)可以選擇填寫(xiě)或者不填寫(xiě)。 用戶(hù)注冊(cè)成功后顯示成功信息，同時(shí)將用戶(hù)名保存到Session中，并跳轉(zhuǎn)到主頁(yè)面。,2,用戶(hù)注冊(cè)流程,3,模塊功能分析,注冊(cè)系統(tǒng)一般由注冊(cè)信息填寫(xiě)和注冊(cè)信息處理兩大部分構(gòu)成 注冊(cè)信息填寫(xiě)部分：注冊(cè)信息填寫(xiě)一般是由用戶(hù)完成，在填寫(xiě)的過(guò)程中應(yīng)該有相應(yīng)的提示，比如用戶(hù)名、密碼填寫(xiě)要求，對(duì)于不符合得填寫(xiě)應(yīng)給出說(shuō)明。 注冊(cè)信息處理部分：注冊(cè)信息填寫(xiě)完成后，用戶(hù)單擊“注冊(cè)”按鈕，應(yīng)該調(diào)用相應(yīng)的信息處理程序，將客戶(hù)填寫(xiě)的信息添加到相應(yīng)的數(shù)據(jù)庫(kù)中，如果客戶(hù)填寫(xiě)的信息不符合要求，則提示填寫(xiě)有誤，請(qǐng)用戶(hù)重新填寫(xiě)。,3,模塊功能分析,4,數(shù)據(jù)庫(kù)設(shè)計(jì),用戶(hù)表（users）結(jié)構(gòu),5,注冊(cè)功能的實(shí)現(xiàn),文件層次結(jié)構(gòu),5,注冊(cè)功能的實(shí)現(xiàn),用戶(hù)注冊(cè)頁(yè)面,5,注冊(cè)功能的實(shí)現(xiàn),register.asp 頁(yè)面設(shè)計(jì),5,注冊(cè)功能的實(shí)現(xiàn),register.asp 驗(yàn)證表單 窗口 - 行為 - “+” - 檢查表單,1.在此選擇需要驗(yàn)證的表單項(xiàng),2.選擇“必需的”復(fù)選框表示所選項(xiàng)目必填內(nèi)容,3.“可接受”選項(xiàng)用于限制填寫(xiě)內(nèi)容的形式,5,注冊(cè)功能的實(shí)現(xiàn),register.asp 驗(yàn)證表單 本例中，設(shè)置用戶(hù)名文本框、密碼文本框、重復(fù)密碼文本框、真實(shí)姓名文本框?yàn)椤爸担罕匦璧摹?，“可接受：任何東西”；聯(lián)系電話(huà)文本框、郵政編碼文本框?yàn)椤翱山邮埽簲?shù)字” 設(shè)置完成后，單擊“確定”按鈕，完成對(duì)檢查表單的設(shè)置 “代碼”視圖中，DreamWeaver會(huì)自動(dòng)加入如下代碼：,5,注冊(cè)功能的實(shí)現(xiàn),register.asp 驗(yàn)證表單 將這段代碼修改成如下：, function MM_findObj(n,d) /v4.01 var p,i,x; if(!d) d=document; if(p=n.indexOf(“?“)0 ,5,注冊(cè)功能的實(shí)現(xiàn),register.asp 驗(yàn)證表單 代碼修改完成后，可以測(cè)試一下執(zhí)行的效果，當(dāng)輸入不正確時(shí)，單擊“注冊(cè)”按鈕時(shí)，會(huì)打開(kāi)一個(gè)警告框，如圖所示：,5,注冊(cè)功能的實(shí)現(xiàn),register.asp 插入記錄 窗口 - 服務(wù)器行為 - “+” - 插入記錄,1.將表單里輸入的數(shù)據(jù)插入到相應(yīng)的數(shù)據(jù)表中,2.表單中的文本框ID和要插入到的數(shù)據(jù)表中的字段相對(duì)應(yīng),5,注冊(cè)功能的實(shí)現(xiàn),register.asp 用戶(hù)名唯一 窗口 - 服務(wù)器行為 - “+” - 用戶(hù)身份驗(yàn)證 - 檢查新用戶(hù)名,1.根據(jù)數(shù)據(jù)表中已有的數(shù)據(jù)字段來(lái)判斷用戶(hù)名是否已存在,2.選擇同一站點(diǎn)下的regfail.asp文件,5,注冊(cè)功能的實(shí)現(xiàn),regok.asp,超鏈接，指向index.asp頁(yè)面,5,注冊(cè)功能的實(shí)現(xiàn),regfail.asp,超鏈接，指向register.asp頁(yè)面,5,注冊(cè)功能的實(shí)現(xiàn),測(cè)試 1. 注冊(cè)信息不正確時(shí) 2. 注冊(cè)信息正確，成功注冊(cè)，檢查store.mdb是否有新增用戶(hù)信息 3. 注冊(cè)一個(gè)已經(jīng)存在的用戶(hù)名,2,登錄模塊的設(shè)計(jì)與實(shí)現(xiàn),1,前言,登錄功能是一個(gè)電子商務(wù)網(wǎng)站最基本的功能之一，登錄以后，網(wǎng)站可以識(shí)別用戶(hù)是否有權(quán)限執(zhí)行某些操作，或者可以記錄用戶(hù)執(zhí)行的操作。 登錄功能包括3個(gè)部分：登錄信息輸入、登錄信息檢查和檢測(cè)用戶(hù)的登錄狀態(tài),2,登錄信息檢查頁(yè)面的處理流程,3,登錄功能的實(shí)現(xiàn),index.asp 頁(yè)面設(shè)計(jì),3,登錄功能的實(shí)現(xiàn),index.asp 登錄驗(yàn)證 服務(wù)器行為 - “+”- 用戶(hù)身份驗(yàn)證 - 登錄用戶(hù),3,登錄功能的實(shí)現(xiàn),loginfail.asp,超鏈接，指向index.asp頁(yè)面,3,登錄功能的實(shí)現(xiàn),welcome.asp頁(yè)面設(shè)計(jì),3,登錄功能的實(shí)現(xiàn),welcome.asp設(shè)置階段變量 綁定 - “+” - 階段變量 在設(shè)計(jì)視圖中通過(guò)拖動(dòng)鼠標(biāo)選擇“XXXXX”文本，然后在“綁定”面板中選擇MM_Username變量，再單擊“綁定”面板底部的“插入”按鈕，將其插入到該頁(yè)面中指定的位置。插入完畢，可以看到“XXXXX”文本被Session.MM_Username占位符代替,3,登錄功能的實(shí)現(xiàn),welcome.asp注銷(xiāo)用戶(hù) 拖動(dòng)鼠標(biāo)選中“注銷(xiāo)你的用戶(hù)”鏈接文本，執(zhí)行：服務(wù)器行為 - 用戶(hù)身份驗(yàn)證 - 注銷(xiāo)用戶(hù),注銷(xiāo)完成后轉(zhuǎn)至logout.asp頁(yè)面,3