使用dreamweaver實現用戶註冊

基本頁面設計

6.1.1 模板bkblog.dwt.aspx頁面的修改

(1)打開模板bkblog.dwt.aspx，在左邊欄目插入表格Lefttab，在第一行中插入表單Yhlogfrm，在表單Yhlogfrm中插入表格logtab，並插入有關文本框、文本區域及按鈕，結果如圖6-1-1所示： 在此輸入圖片描述 圖6-1-1 模板中用戶登陸設計

(2)將做者相應的文本框命名爲Logname;將密碼相應的文本框命名爲Logpass，類型改成密碼;「註冊」按鈕的動做改成「無」;把「登陸」按鈕的動做改成「提交表單」。

(3)選擇按鈕「註冊」按鈕，在【行爲】面板中，添加行爲轉到URL，在彈出的對話框中，輸入連接爲「../yhinlog.aspx」 如圖6-1-2所示：

圖6-1-2 添加轉到URL的行爲

(4)保存模板，更新全部的網頁。

6.1.2 註冊頁面的設計

(1)新建由模板bkblog.dwt.aspx生成的ASP.NET VB 動態頁yhinlog.aspx，在mainbody可編輯區域中插入表單Yhinfrm，再插入表格yhinlog，並進行有關設計，結果如圖6-1-3所示：

圖6-1-3 表格yhinlog的設計

(2)選擇用戶名相應的文本框，切換到標籤面板，展開「CSS/輔助功能」，在id中輸入YHNAME;展開「未分類」，輸入runat，server，把YHNAME文本框改成服務器控件，如圖6-1-4所示：

圖6-1-4 修改文本框標籤

(3)依此類推，密碼相應的文本框命名爲YHPASS，密碼再確認相應的文本框命名爲REPASS，QQ碼相應的文本框命名爲YHQQ，Email相應的文本框命名爲YHEMAIL，主頁相應的文本框命名爲YHINDEX，將全部文本框改成服務器控件。

(4)選擇表單Yhinfrm，並將其改成服務器控件，保存yhinlog.aspx。

6.1.3 完成註冊頁面的設計

(1)由模板bkblog.dwt.aspx新建動態動態網頁yhlogok.aspx，在mainbody可編輯區域中插入三行一列的表格logok，在第二行中輸入文字「歡迎」，點擊ASP.NET快捷菜單中的「綁定數據」，再點擊「修剪的表單元素」，把光標移到如圖6-1-5所示的位置，輸入「YHNAME」。

\

圖6-1-5 插入修剪的表單元素

(2)返回設計視圖，繼續輸入文字「Donking's BLOG!」，並、對錶格logok，進行有關設計，結果如圖6-1-6所示：

圖6-1-6 表格logok的設計

(3)選擇按鈕「主頁」按鈕，在【行爲】面板中，添加行爲轉到URL，在彈出的對話框中，輸入連接爲「index.aspx」，保存yhlogok.aspx

6.2驗證用戶註冊

爲了防止用戶輸入錯誤的註冊信息，要對用戶註冊信息進行規範和驗證。

(1)打開yhinlog.aspx，打開ASP.NET快捷菜單，點擊【更多標籤】，如圖6-2-1所示：

圖6-2-1 ASP.NET 快捷菜單

(2)在彈出的標籤選擇器中展開「ASP.NET 標籤」→「驗證服務器控件」，在右窗架中選中「asp:RequiredFieldvalidator」，單擊「插入」按扭，以下圖6-2-2所示

圖6-2-2 標籤選擇器

(3)在彈出的標籤編輯器中，爲文本框YHNAME添加驗證控件，填寫各項如圖6-2-3所示：

圖6-2-3 RequiredFieldValidator標籤編輯器

(4)打開標籤選擇器，插入ASP.NET驗證服務器控件→CompareValidator控件，爲文本框YHPASS添加與REPASS文本框對比驗證控件，填有關信息如圖6-2-4所示：

圖6-2-4 CompareValidato標籤編輯器

(5)插入ASP.NET驗證服務器控件→Rangevalidator控件，爲文本框YHQQ添加驗證控件，填有關信息如圖6-2-5所示：

圖6-2-5 Range validator標籤編輯器

(6)插入ASP.NET驗證服務器控件→Regularexpressionvalidator控件，爲文本框YHEMAIL添加驗證控件，填各項如圖6-2-6所示，其中的驗證表達式爲：\w+([-+.]\w+)@\w+([-.]\w+).\w+([-.]\w+)* (8)應該再一個驗證控件防止用戶註冊的用戶名重複。

①添加數據集yhinlog，設爲篩選，篩選字段爲YHNAME，參數變量爲來之表單變量YHNAME，其設置如圖6-2-8所示：

(9)保存yhinlog.aspx，在IE中進行瀏覽，若是出現圖6-2-10所示的對話框，那說明的dklog站點根目錄下沒有子目錄aspnet_client，也是就沒有驗證控件必要的JS腳本庫。這個在安裝.NET框架的時候，安裝程序已經複製在默認站點c:\ Inetpub\wwwroot的根目錄下，複製c:\ Inetpub\wwwroot中的子目錄aspnet_client到dkblog站點根目錄下，就OK了!

6.3 添加「插入記錄」服務器行爲

(1)打開yhinlog.aspx，添加【插入記錄】服務器行爲，表單的有關數據添加到數據表YH中，其有關設置如圖6-3-1所示：

(2)ASP.NET是不支持gb2312編碼傳輸。切換到代碼視圖，找到：

把 ResponseEncoding="gb2312" 這句代碼刪掉就OK了：

(3)保存，在IE中瀏覽提交用戶註冊信息，在Access打開YH表，能夠發現提交的中文信息全變成了??。那怎麼辦?不用急，這是因爲TASP.NET不支持gb2312編碼傳輸所致。打開yhinlog.aspx，切換到代碼視圖，找到第一行代碼：

把它改成：

也就是去除ResponseEncoding="gb2312"。其餘網頁也按此法進行修改，防止中文提交信息出錯。 end