Dreamweaver構(gòu)建Blog全程實(shí)錄(6)-用戶(hù)注冊(cè)的實(shí)現(xiàn)
2006/2/14 7:49:00
第六章 Doking’s BLOG用戶(hù)注冊(cè)頁(yè)面的實(shí)現(xiàn)
有人發(fā)覺(jué):那用戶(hù)要到哪里發(fā)表筆記、回復(fù)呢?這是第六、七章將要解決的問(wèn)題。這一章主要講解用戶(hù)注冊(cè)頁(yè)面的實(shí)現(xiàn)。 6.1 基本頁(yè)面設(shè)計(jì)
6.1.1 模板bkblog.dwt.aspx頁(yè)面的修改
(1)打開(kāi)模板bkblog.dwt.aspx,在左邊欄目插入表格Lefttab,在第一行中插入表單Yhlogfrm,在表單Yhlogfrm中插入表格logtab,并插入有關(guān)文本框、文本區(qū)域及按鈕,結(jié)果如圖6-1-1所示:
圖6-1-1 模板中用戶(hù)登錄設(shè)計(jì)
(2)將作者相應(yīng)的文本框命名為L(zhǎng)ogname;將密碼相應(yīng)的文本框命名為L(zhǎng)ogpass,類(lèi)型改為密碼;“注冊(cè)”按鈕的動(dòng)作改為“無(wú)”;把“登錄”按鈕的動(dòng)作改為“提交表單”。
(3)選擇按鈕“注冊(cè)”按鈕,在【行為】面板中,添加行為轉(zhuǎn)到URL,在彈出的對(duì)話(huà)框中,輸入鏈接為“../yhinlog.aspx” 如圖6-1-2所示:
圖6-1-2 添加轉(zhuǎn)到URL的行為
(4)保存模板,更新所有的網(wǎng)頁(yè)。
6.1.2 注冊(cè)頁(yè)面的設(shè)計(jì)
(1)新建由模板bkblog.dwt.aspx生成的ASP.NET VB 動(dòng)態(tài)頁(yè)yhinlog.aspx,在mainbody可編輯區(qū)域中插入表單Yhinfrm,再插入表格yhinlog,并進(jìn)行有關(guān)設(shè)計(jì),結(jié)果如圖6-1-3所示:
圖6-1-3 表格yhinlog的設(shè)計(jì)
(2)選擇用戶(hù)名相應(yīng)的文本框,切換到標(biāo)簽面板,展開(kāi)“CSS/輔助功能”,在id中輸入YHNAME;展開(kāi)“未分類(lèi)”,輸入runat,server,把YHNAME文本框改為服務(wù)器控件,如圖6-1-4所示:
圖6-1-4 修改文本框標(biāo)簽
(3)依此類(lèi)推,密碼相應(yīng)的文本框命名為YHPASS,密碼再確認(rèn)相應(yīng)的文本框命名為REPASS,QQ碼相應(yīng)的文本框命名為YHQQ,Email相應(yīng)的文本框命名為YHEMAIL,主頁(yè)相應(yīng)的文本框命名為YHINDEX,將所有文本框改為服務(wù)器控件。
(4)選擇表單Yhinfrm,并將其改為服務(wù)器控件,保存yhinlog.aspx。
6.1.3 完成注冊(cè)頁(yè)面的設(shè)計(jì)
(1)由模板bkblog.dwt.aspx新建動(dòng)態(tài)動(dòng)態(tài)網(wǎng)頁(yè)yhlogok.aspx,在mainbody可編輯區(qū)域中插入三行一列的表格logok,在第二行中輸入文字“歡迎”,點(diǎn)擊ASP.NET快捷菜單中的“綁定數(shù)據(jù)”,再點(diǎn)擊“修剪的表單元素”,把光標(biāo)移到如圖6-1-5所示的位置,輸入“YHNAME”。
圖6-1-5 插入修剪的表單元素
(2)返回設(shè)計(jì)視圖,繼續(xù)輸入文字“Donking's BLOG!”,并、對(duì)表格logok,進(jìn)行有關(guān)設(shè)計(jì),結(jié)果如圖6-1-6所示:
圖6-1-6 表格logok的設(shè)計(jì)
(3)選擇按鈕“主頁(yè)”按鈕,在【行為】面板中,添加行為轉(zhuǎn)到URL,在彈出的對(duì)話(huà)框中,輸入鏈接為“index.aspx”,保存yhlogok.aspx 6.2驗(yàn)證用戶(hù)注冊(cè)
為了防止用戶(hù)輸入錯(cuò)誤的注冊(cè)信息,要對(duì)用戶(hù)注冊(cè)信息進(jìn)行規(guī)范和驗(yàn)證。
(1)打開(kāi)yhinlog.aspx,打開(kāi)ASP.NET快捷菜單,點(diǎn)擊【更多標(biāo)簽】,如圖6-2-1所示:
圖6-2-1 ASP.NET 快捷菜單
(2)在彈出的標(biāo)簽選擇器中展開(kāi)“ASP.NET 標(biāo)簽”→“驗(yàn)證服務(wù)器控件”,在右窗架中選中“asp:RequiredFieldvalidator”,單擊“插入”按扭,如下圖6-2-2所示:
圖6-2-2 標(biāo)簽選擇器
(3)在彈出的標(biāo)簽編輯器中,為文本框YHNAME添加驗(yàn)證控件,填寫(xiě)各項(xiàng)如圖6-2-3所示:
圖6-2-3 RequiredFieldValidator標(biāo)簽編輯器
(4)打開(kāi)標(biāo)簽選擇器,插入ASP.NET驗(yàn)證服務(wù)器控件→CompareValidator控件,為文本框YHPASS添加與REPASS文本框?qū)Ρ闰?yàn)證控件,填有關(guān)信息如圖6-2-4所示:
圖6-2-4 CompareValidato標(biāo)簽編輯器
(5)插入ASP.NET驗(yàn)證服務(wù)器控件→Rangevalidator控件,為文本框YHQQ添加驗(yàn)證控件,填有關(guān)信息如圖6-2-5所示:
圖6-2-5 Range validator標(biāo)簽編輯器
(6)插入ASP.NET驗(yàn)證服務(wù)器控件→Regularexpressionvalidator控件,為文本框YHEMAIL添加驗(yàn)證控件,填各項(xiàng)如圖6-2-6所示,
下一頁(yè)
返回列表
返回首頁(yè)
主站蜘蛛池模板:
国产男女爽爽爽爽爽免费视频|
波多野结衣痴女系列88|
国产福利午夜波多野结衣|
亚洲精品无码人妻无码|
美美女高清毛片视频免费观看|
在线观看a网站|
亚洲a∨无码男人的天堂|
狠狠躁夜夜躁人人爽天天古典
|
大香大香伊人在钱线久久下载|
亚洲人成在线播放|
狠狠色综合TV久久久久久|
啊~嗯短裙直接进去habo|
2020年亚洲天天爽天天噜|
太粗太深了用力点视频|
中文字幕aⅴ人妻一区二区|
日韩免费观看的一级毛片|
亚洲人av高清无码|
欧美高清69hd|
停不了的爱在线观看高清|
麻豆tv入口在线看|
国产精品国产精品国产专区不卡|
两根手指就抖成这样了朝俞|
日韩国产一区二区|
亚洲乱码无码永久不卡在线|
精品久久久无码人妻字幂|
国产无吗一区二区三区在线欢|
yy111111少妇影院无码|
无码专区天天躁天天躁在线|
久久精品国产亚洲av瑜伽|
欺凌小故事动图gif邪恶|
国产一区二区影院|
麻豆精品在线观看|
国产香蕉97碰碰久久人人|
中文字幕亚洲精品|
日本黄线在线播放免费观看|
亚洲A∨无码一区二区三区|
狠狠色伊人亚洲综合网站色|
午夜时刻免费入口|
老子影院dy888午夜|
国产偷人视频免费观看|
91se在线视频|