網(wǎng)上書店系統(tǒng)一、網(wǎng)上書店系統(tǒng)數(shù)據(jù)庫(kù)設(shè)計(jì)二、會(huì)員登錄注冊(cè)模塊2.1會(huì)員登錄系統(tǒng)的實(shí)現(xiàn)這局部包括了login.asp、loginfo.asp和logerr.asp三個(gè)頁(yè)面，分別表示用戶登錄頁(yè)面、登錄成功信息顯示頁(yè)面和登錄失敗信息顯示頁(yè)面。1．用戶登錄頁(yè)面〔login.asp〕〔1〕根本頁(yè)面設(shè)計(jì)新建一個(gè)“ASPVBscript〞類型的動(dòng)態(tài)頁(yè)，并保存文件名為“l(fā)ogin.asp〞，然后將其保存在站點(diǎn)根目錄下面。接著，在頁(yè)面中添加表單，在表單內(nèi)插入8行2列的表格，設(shè)置表格寬度為“215〞，表格高度為“215〞，并添加各個(gè)表單控件?！?〕添加“登錄用戶〞效勞器行為①翻開(kāi)應(yīng)用程序面板，切換到“效勞器行為〞窗口，單擊“+〞按鈕，選擇“用戶身份驗(yàn)證〞|“登錄用戶〞效勞器行為。②在彈出的“登錄用戶〞對(duì)話框中，設(shè)“使用連接驗(yàn)證〞為“conn〞，“表格〞為“users〞，“用戶名列〞為“username〞，“密碼列〞為“userpassword〞。③設(shè)置“如果登錄成功，轉(zhuǎn)到〞項(xiàng)為“l(fā)oginfo.asp〞，設(shè)置“如果登錄失敗，轉(zhuǎn)到〞項(xiàng)為“l(fā)ogerr.asp〞。④設(shè)置“基于以下項(xiàng)限制訪問(wèn)〞為“用戶名和密碼〞，其他保持默認(rèn)設(shè)置。這時(shí)，表單的屬性為：〔3〕添加“注冊(cè)〞按鈕行為在“文檔〞編輯窗口中，選中“注冊(cè)〞按鈕，切換到“行為〞面板，單擊“+〞按鈕，在彈出的快捷菜單中選擇“轉(zhuǎn)到URL〞，在彈出的“轉(zhuǎn)到URL〞對(duì)話框中，設(shè)置URL為“register.asp〞2．登錄成功信息顯示頁(yè)面〔loginfo.asp〕〔1〕根本頁(yè)面設(shè)計(jì)新建一個(gè)“ASPVBscript〞類型的動(dòng)態(tài)頁(yè)文件，并保存文件名為“l(fā)oginfo.asp〞。接著在頁(yè)面中參加需要顯示的提示信息并進(jìn)行有關(guān)的樣式設(shè)置?！?〕添加階段變量通過(guò)Dreamweaver8中的“登錄用戶〞效勞器行為登錄時(shí)，通常情況下，將為該用戶創(chuàng)立一個(gè)包含其登錄名的階段變量Session〔＂MM_Username＂〕，所以用戶登錄后可以通過(guò)階段變量Session〔＂MM_Username＂〕獲取用戶的登錄名，而不用訪問(wèn)數(shù)據(jù)庫(kù)，例如，在頁(yè)面中參加用戶名，其操作步驟如下：將鼠標(biāo)移到提示信息“您好！您已經(jīng)登錄〞之前，然后在插入欄中切換到“ASP〞；單擊編輯欄中的“<％＝〞按鈕，在等號(hào)之后添加代碼：“Session〔＂MM_Username＂〕〞〔3〕添加“注銷用戶〞效勞器行為選擇“注銷〞按鈕，切換到“效勞器行為〞面板，選擇“用戶身份驗(yàn)證〞|“注銷用戶〞效勞器行為。在彈出的“注銷用戶〞對(duì)話框中，設(shè)置“在完成后，轉(zhuǎn)到〞為“l(fā)ogin.asp〞，最后，單擊“確定〞按鈕〔4〕添加“限制對(duì)頁(yè)的訪問(wèn)〞效勞器行為添加“限制對(duì)頁(yè)的訪問(wèn)〞效勞器行為，就是限制用戶對(duì)當(dāng)前頁(yè)面訪問(wèn)，即只有用戶名及密碼驗(yàn)證正確才可以顯示當(dāng)前頁(yè)面。①在“效勞器行為〞控制面板中，添加“用戶身份驗(yàn)證〞|“限制對(duì)頁(yè)的訪問(wèn)〞效勞器行為。②在彈出的“限制對(duì)頁(yè)的訪問(wèn)〞對(duì)話框中，設(shè)置“基于以下內(nèi)容進(jìn)行限制〞為“用戶名和密碼〞，“如果訪問(wèn)被拒絕，那么轉(zhuǎn)到〞為“l(fā)ogin.asp〞，最后，單擊“確定〞按鈕〔5〕添加修改個(gè)人注冊(cè)信息鏈接選中頁(yè)面提示信息中“修改〞字樣，添加鏈接為“editregister.asp〞。3．登錄失敗信息顯示頁(yè)面〔logerr.asp〕〔1〕根本頁(yè)面設(shè)計(jì)新建一個(gè)“ASPVBscript〞類型的動(dòng)態(tài)頁(yè)文件，并保存文件名為“l(fā)ogerr．a(chǎn)sp〞。接著在頁(yè)面中參加“你輸入的用戶名或密碼有錯(cuò)誤，請(qǐng)重新登錄！〞提示信息并進(jìn)行有關(guān)的樣式設(shè)置〔2〕添加重新登錄鏈接選中頁(yè)面提示信息中“登錄〞字樣，添加鏈接為“index.asp〞，“目標(biāo)〞為“_parent〞或者是鏈接為“l(fā)ogin.asp〞，“目標(biāo)〞為“_self〞。4．添加模板嵌入式框架〔1〕翻開(kāi)模板文件“〞，將鼠標(biāo)移到“用戶登錄〞字樣下方，并將插入欄切換到“常用〞欄，單擊“標(biāo)簽選擇器〞按鈕。〔2〕在彈出的“標(biāo)簽選擇器〞對(duì)話框中，依次選擇“HTML標(biāo)簽〞|“頁(yè)元素〞|“iframe〞標(biāo)簽，然后，單擊“插入〞按鈕。iframe框架稱為嵌入式框架或浮動(dòng)框架，與普通框架的主要區(qū)別是，前者允許嵌入到網(wǎng)頁(yè)文檔中。2.2會(huì)員注冊(cè)系統(tǒng)的實(shí)現(xiàn)會(huì)員注冊(cè)系統(tǒng)主要實(shí)現(xiàn)用戶信息的錄入。其中，在錄入信息之前，為了維護(hù)數(shù)據(jù)的完整性，必須對(duì)用戶所提交的表單數(shù)據(jù)進(jìn)行合法性檢查。這局部包含了register.asp、userinfo.asp、registerback.asp和editregister.asp共4個(gè)頁(yè)面，分別表示注冊(cè)頁(yè)面、注冊(cè)成功信息顯示頁(yè)面、用戶名已存在信息顯示頁(yè)面和修改注冊(cè)信息頁(yè)面。1．注冊(cè)頁(yè)面〔register.asp〕〔1〕根本頁(yè)面設(shè)計(jì)由模板新建頁(yè)面，并保存文件名為“Register.asp〞。在“MainEdit〞可編輯區(qū)域中插入表單，并設(shè)置表單名稱為“Regform〞。接著，在表單“Regform〞中插入19行2列的表格，并進(jìn)行有關(guān)樣式設(shè)定，最后插入相關(guān)的表單控件〔2〕添加“檢查表單〞行為通過(guò)檢查表單行為，可以對(duì)表單控件的輸入進(jìn)行簡(jiǎn)單的檢查驗(yàn)證，如檢查必填的表單控件，在提交表單時(shí)是否已填寫信息和是否按電子郵件地址的填寫規(guī)那么填寫電子郵件等。單擊“提交〞按鈕，切換到“行為〞面板，添加“檢查表單〞行為，在彈出的“檢查表單〞對(duì)話框中設(shè)置各表單控件的檢查規(guī)那么，其中“電子郵件〞文本區(qū)域設(shè)置步驟如下：在“命名的欄位〞列表項(xiàng)中，選擇“文本‘mail’在表單‘Regform’〞，勾選“必需的〞復(fù)選框，設(shè)置“可接受〞為“電子郵件地址〞〔其他表單控件設(shè)置為“任何東西〞〕，將“name〞、“password〞、“password2〞設(shè)置為“必需的〞〔3〕添加“插入記錄〞效勞器行為在“效勞器行為〞面板中添加“插入記錄〞效勞器行為，在彈出的“插入記錄〞對(duì)話框中，分別設(shè)置“連接〞和“插入到表格〞為“conn〞和“users〞；設(shè)置“插入后，轉(zhuǎn)到〞為“userinfo.asp〞；設(shè)置“獲取值自〞為“Regform〞；“表單元素〞的設(shè)置那么可以從下面“列〞下拉菜單中選擇表格中相應(yīng)的列。〔4〕添加密碼比較驗(yàn)證的代碼，切換到“代碼〞視圖，找到以下代碼：<%'***InsertRecord:setvariablesIf(CStr(Request("MM_insert"))="RegForm")ThenMM_editConnection=MM_conn_STRINGMM_editTable="user"MM_editRedirectUrl="userinfo.asp"MM_fieldsStr=……%>這段代碼實(shí)現(xiàn)的就是插入記錄的行為，在代碼“If(CStr(Request(〞MM_insert“))=〞RegForm“)Then〞后插入以下代碼：ifRequest.form("password")<>Request.form("password2")thenResponse.write"對(duì)不起，輸入的密碼不相符！請(qǐng)<afref='register.asp'>返回！</a>"Response.endendif這段代碼表示當(dāng)輸入的兩個(gè)密碼不同時(shí)，返回重新添加注冊(cè)信息?！?〕驗(yàn)證用戶名唯一性。在“效勞器行為〞面板中添加“用戶身份驗(yàn)證〞|“檢查新用戶名〞，在彈出的“檢查新用戶名〞對(duì)話框中，設(shè)置“用戶名字段〞為“name〞，“如果已存在，那么轉(zhuǎn)到〞為“registerback.asp〞〔5〕添加“注冊(cè)時(shí)間〞初始值代碼選擇“注冊(cè)時(shí)間〞所對(duì)應(yīng)的文本域，將視圖切換到“代碼〞視圖，找到代碼<inputname="time"type="text"id="time"value=""style="height:15px;width:180px"/>，將鼠標(biāo)定位在value后面的雙引號(hào)中，然后將插入欄中切換到“ASP〞，單擊編輯欄中的“<％＝〞按鈕，在等號(hào)之后添加代碼：now()2．注冊(cè)成功信息顯示頁(yè)〔userinfo.asp〕〔1〕根本頁(yè)面設(shè)計(jì)由模板新建頁(yè)面，并保存文件名為“userinfo.asp〞。在“MainEdit〞可編輯區(qū)域中添加提示信息，〔2〕添加鏈接選中提示信息“回首頁(yè)〞，添加鏈接為“index.asp〞3．用戶名已存在信息顯示頁(yè)面〔registerback.asp〕〔1〕根本頁(yè)面設(shè)計(jì)由模板新建頁(yè)面，并保存文件名為“registerback.asp〞。在“MainEdit〞可編輯區(qū)域中添加提示信息〔2〕添加鏈接選中提示信息“返回〞，添加鏈接為“register.asp〞4．修改注冊(cè)信息頁(yè)面〔editregister.asp〕〔1〕根本頁(yè)面設(shè)計(jì)由模板新建頁(yè)面，并保存文件名為“editregister.asp〞。在“MainEdit〞可編輯區(qū)域中插入表單，并設(shè)置表單名稱為“editRegForm〞。接著，在表單“editRegForm〞中插入5行2列的表格，并進(jìn)行有關(guān)樣式設(shè)定，最后插入相關(guān)的表單控件〔2〕添加記錄集①翻開(kāi)應(yīng)用程序面板，切換到“效勞器行為〞面板，添加“數(shù)據(jù)集〔查詢〕〞效勞器行為。一個(gè)ASP頁(yè)面與數(shù)據(jù)庫(kù)連接，就單獨(dú)這一功能來(lái)說(shuō)，對(duì)ASP頁(yè)而言是沒(méi)有實(shí)際意義的。ASP頁(yè)最需要的是對(duì)數(shù)據(jù)庫(kù)的表及表中字段進(jìn)行具體操作，而連接數(shù)據(jù)庫(kù)只是根本前提。所以每個(gè)需要對(duì)數(shù)據(jù)庫(kù)表及字段進(jìn)行操作的ASP頁(yè)，還需要綁定相關(guān)查詢記錄集。這個(gè)記錄集相對(duì)于數(shù)據(jù)庫(kù)表而言，它可以是某個(gè)數(shù)據(jù)庫(kù)表中的局部?jī)?nèi)容或全部?jī)?nèi)容，或者是多個(gè)數(shù)據(jù)庫(kù)表之間的聯(lián)合內(nèi)容。②在彈出的“記錄集〞對(duì)話框中，設(shè)置“名稱〞為“editregister〞，“連接〞為“conn〞，“表格〞為“users〞，“列〞為“全部〞，“篩選〞為“username〞|“=〞|“階段變量〞|“MM_Username〞，“排序〞為“無(wú)〞單擊“記錄集〞對(duì)話框中的“測(cè)試〞按鈕，可以看到“測(cè)試SQL指令〞對(duì)話框，顯示的數(shù)據(jù)庫(kù)表中所有記錄的情況實(shí)際上設(shè)置“記錄集〞對(duì)話框中選項(xiàng)的過(guò)程，就是生成SQL語(yǔ)句的過(guò)程。單擊“記錄集〞對(duì)話框中的“高級(jí)〞按鈕進(jìn)行狀態(tài)的切換，即可看到記錄集的本相——SQL查詢語(yǔ)句。〔3〕綁定動(dòng)態(tài)文本在“綁定〞面板中，拖動(dòng)記錄集下面的“username〞、“userpassword〞、“userpassword〞、“usermail〞字段到表單控件“name〞、“password〞、“password2〞、“mail〞中〔4〕添加“更新記錄〞效勞器行為在“效勞器行為〞面板中添加“更新記錄〞效勞器行為，在彈出的“更新記錄〞對(duì)話框中，分別設(shè)置“連接〞和“插入到表格〞為“conn〞和“users〞；設(shè)置“選取記錄自〞為“editregister〞；設(shè)置“插入后，轉(zhuǎn)到〞為“edituserinfo.asp〞〔修改成功提示信息〕；設(shè)置“獲取值自〞為“editRegform〞；“表單元素〞的設(shè)置那么可以從“列〞下拉菜單中選擇表格中相應(yīng)的列〔5〕添加密碼比較驗(yàn)證的代碼切換到“代碼〞視圖，在代碼If(CStr(Request("MM_update"))="editregform"AndCStr(Request("MM_recordId"))<>"")Then后插入以下代碼：ifRequest.form("password")<>Request.form("password2")thenResponse.write"對(duì)不起，輸入的密碼不相符！請(qǐng)<afref='register.asp'>返回！</a>"Response.endendif數(shù)據(jù)庫(kù)設(shè)計(jì)1.首頁(yè)根本頁(yè)面設(shè)計(jì)〔index.asp〕2最新上架展示的實(shí)現(xiàn)〔2〕動(dòng)態(tài)綁定產(chǎn)品圖像〔3〕動(dòng)態(tài)綁定圖像標(biāo)簽選擇剛插入的動(dòng)態(tài)圖像，切換到“代碼〞視圖，找到該圖像源代碼，然后將“產(chǎn)品名稱〞選中，接著在“綁定〞面板中，拖動(dòng)記錄集“NewProduct〞中的“name〞字段，替換“產(chǎn)品名稱〞〔4〕動(dòng)態(tài)綁定其他動(dòng)態(tài)文本切換到“設(shè)計(jì)〞視圖，分別將“NewProduct〞中的“name〞、“author〞、“productdate〞、“price1〞、“price2〞字段綁定到表格“tb3〞的相應(yīng)行中〔5〕添加重復(fù)區(qū)域①選中表格“tb2〞，在“效勞器行為〞面板中添加“重復(fù)區(qū)域〞效勞器行為。②在彈出的“重復(fù)區(qū)域〞對(duì)話框中，設(shè)計(jì)“記錄集〞為“NewProduct〞，并顯示“4〞條記錄，單擊“確定〞按鈕選擇<td>或者用鼠標(biāo)拖動(dòng)的方法選擇單元格添加的重復(fù)區(qū)域，在瀏覽器上顯示的效果是橫向重復(fù)不換行，在代碼區(qū)生成的代碼是：小知識(shí)如果想到達(dá)換行顯示的效果，也就是每行一個(gè)記錄的效果，可以手動(dòng)修改代碼，在“<%While((Repeat1__numRows<>0)AND(NOTNewProduct.EOF))%>〞后添加“<tr>〞或者在標(biāo)簽選擇器中選擇<tr>〔表格行〕標(biāo)簽，然后添加重復(fù)區(qū)域效勞器行為。③切換到“代碼〞視圖，在剛剛添加的“添加重復(fù)區(qū)域〞代碼中，找到如下代碼：<%While((Repeat1__numRows<>0)AND(NOTNewProduct.EOF))%>在其前面插入代碼：<%DIMRepeat1_numTdRepeat1_numTd=0%>④切換到“代碼〞視圖，在剛剛添加的“添加重復(fù)區(qū)域〞代碼中，找到如下代碼：Repeat1__index=Repeat1__index+1 Repeat1__numRows=Repeat1__numRows-1 NewProduct.MoveNext()⑤在“<%〞之后插入如下代碼，該代碼段表示每行顯示兩條記錄Repeat1_numTd=Repeat1_numTd+1IfRepeat1_numTdmod2=0ThenResponse.Write("</tr><tr>")EndIf〔6〕添加產(chǎn)品圖像鏈接③在彈出的“動(dòng)態(tài)數(shù)據(jù)〞對(duì)話框中，選中“NewProduct〞中的“id〞字段設(shè)置正確后關(guān)閉對(duì)話框，這時(shí)，在“屬性〞面板中“鏈接〞后面的文本框中就出現(xiàn)了如下值：“showdetail.asp?Pro_id=<%=(NewProduct.Fields.Item("id").Value)%>〞?！?〕根本頁(yè)面設(shè)計(jì)①由模板新建頁(yè)面，并保存文件名為“showdetail.asp〞，在“MainEdit〞可編輯區(qū)域中插入一個(gè)5行2列表格并進(jìn)行相關(guān)的屬性設(shè)計(jì)，設(shè)置其ID為“tb1〞。②選中表格前4行第1列，合并單元格，在這里將動(dòng)態(tài)綁定產(chǎn)品圖像。③選中表格第5行合并單元格，并在該行中插入1行1列表格，設(shè)置ID為“tb2〞。④在表格第4行第2列添加購(gòu)物車圖片和“放入購(gòu)物車〞字樣〔2〕添加記錄集在效勞器行為面板中添加記錄集“detail〞，其中，設(shè)置“連接〞和“表格〞分別為“conn〞和“product〞；設(shè)置“列〞為“全部〞，“篩選〞為“id〞|“=〞|“URL參數(shù)〞|“Pro_id〞；設(shè)置“排序〞為“無(wú)〞，即記錄集篩選條件為:“id〞取上一頁(yè)面?zhèn)鬟f的參數(shù)“Pro_id〞的值5最新上架更多記錄頁(yè)〔showbynew.asp〕〔1〕根本頁(yè)面設(shè)計(jì)①由模板新建頁(yè)面，并保存文件名為“showbynew.asp〞，在“MainEdit〞可編輯區(qū)域中插入一個(gè)3行2列表格并進(jìn)行相關(guān)的屬性設(shè)計(jì)，設(shè)置其ID為“tb1〞。②在表格“tb1〞第2行第2列插入5行1列的表格并進(jìn)行相關(guān)的屬性設(shè)計(jì)，設(shè)置其ID為“tb2〞，在表格“tb2〞第5行插入購(gòu)物