網站設計與開發技術教程 第8章 用戶登錄注冊以及圖書展示模塊_第1頁
網站設計與開發技術教程 第8章 用戶登錄注冊以及圖書展示模塊_第2頁
網站設計與開發技術教程 第8章 用戶登錄注冊以及圖書展示模塊_第3頁
網站設計與開發技術教程 第8章 用戶登錄注冊以及圖書展示模塊_第4頁
網站設計與開發技術教程 第8章 用戶登錄注冊以及圖書展示模塊_第5頁
已閱讀5頁,還剩63頁未讀 繼續免費閱讀

下載本文檔

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

文檔簡介

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

溫馨提示

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

評論

0/150

提交評論