用户注册的实现-Dreamweaver构建Blog (1)
<P> 有人发觉：那用户要到哪里发表笔记、回复呢？这是第六、七章将要解决的问题。这一章主要讲解用户注册页面的实现。</P>6.1 基本页面设计<P> <STRONG>6.1.1 模板bkblog.dwt.aspx页面的修改</STRONG></P><P> （1）打开模板bkblog.dwt.aspx，在左边栏目插入表格Lefttab，在第一行中插入表单Yhlogfrm，在表单Yhlogfrm中插入表格logtab，并插入有关文本框、文本区域及按钮，结果如图6-1-1所示：</P><P align=center><IMGsrc="/bbs/attachments/websoft/20081202/200812292153077801.gif" border=0></P><P align=center>图6-1-1 模板中用户登录设计</P><P> （2）将作者相应的文本框命名为Logname；将密码相应的文本框命名为Logpass，类型改为密码；“注册”按钮的动作改为“无”；把“登录”按钮的动作改为“提交表单”。</P><P> （3）选择按钮“注册”按钮，在【行为】面板中，添加行为转到URL，在弹出的对话框中，输入链接为“../yhinlog.aspx” 如图6-1-2所示：</P><P align=center><IMGsrc="/bbs/attachments/websoft/20081202/2008122921531577802.gif" border=0></P><P align=center>图6-1-2 添加转到URL的行为</P><P> （4）保存模板，更新所有的网页。</P><P> <STRONG>6.1.2 注册页面的设计</STRONG></P><P> （1）新建由模板bkblog.dwt.aspx生成的ASP.NET VB 动态页yhinlog.aspx，在mainbody可编辑区域中插入表单Yhinfrm，再插入表格yhinlog，并进行有关设计，结果如图6-1-3所示：</P><P align=center><IMG height=156src="/bbs/attachments/websoft/20081202/2008122921533177803.gif" width=524 border=0></P><P align=center>图6-1-3 表格yhinlog的设计</P><P> （2）选择用户名相应的文本框，切换到标签面板，展开“CSS/辅助功能”，在id中输入YHNAME；展开“未分类”，输入runat，server，把YHNAME文本框改为控件，如图6-1-4所示：</P><P align=center><IMGsrc="/bbs/attachments/websoft/20081202/20081229215312577804.gif" border=0></P><P align=center>图6-1-4 修改文本框标签</P><P> （3）依此类推，密码相应的文本框命名为YHPASS，密码再确认相应的文本框命名为REPASS，码相应的文本框命名为YHQQ，Email相应的文本框命名为YHEMAIL，主页相应的文本框命名为YHINDEX，将所有文本框改为服务器控件。</P><P> （4）选择表单Yhinfrm，并将其改为服务器控件，保存yhinlog.aspx。</P><p></p><p> </p><P> <STRONG>6.1.3 完成注册页面的设计</STRONG></P><P><STRONG> </STRONG>（1）由模板bkblog.dwt.aspx新建动态动态网页yhlogok.aspx，在mainbody可编辑区域中插入三行一列的表格logok，在第二行中输入文字“欢迎”，点击ASP.NET快捷菜单中的“绑定数据”，再点击“修剪的表单元素”，把光标移到如图6-1-5所示的位置，输入“YHNAME”。</P><P align=center><IMGsrc="/bbs/attachments/websoft/20081202/20081229215312577805.gif" border=0></P><P align=center>图6-1-5 插入修剪的表单元素</P><P> （2）返回设计视图，继续输入文字“Donking's BLOG！”，并、对表格logok，进行有关设计，结果如图6-1-6所示：</P><P align=center><IMG height=81src="/bbs/attachments/websoft/20081202/20081229215321877806.gif" width=522 border=0></P></p><p align='center'><b><font color='red'></font> <a href='/news/news001/dreamweaver/200510/20051016194448_2.html'></a> <a href='/news/news001/dreamweaver/200510/20051016194448_3.html'></a> <a href='/news/news001/dreamweaver/200510/20051016194448_4.html'></a> <a href='/news/news001/dreamweaver/200510/20051016194448_2.html'></a></b></p><P> 有人发觉：那用户要到哪里发表笔记、回复呢？这是第六、七章将要解决的问题。这一章主要讲解用户注册页面的实现。</P>6.1 基本页面设计<P> <STRONG>6.1.1 模板bkblog.dwt.aspx页面的修改</STRONG></P><P> （1）打开模板bkblog.dwt.aspx，在左边栏目插入表格Lefttab，在第一行中插入表单Yhlogfrm，在表单Yhlogfrm中插入表格logtab，并插入有关文本框、文本区域及按钮，结果如图6-1-1所示：</P><P align=center><IMGsrc="/bbs/attachments/websoft/20081202/200812292153077801.gif" border=0></P><P align=center>图6-1-1 模板中用户登录设计</P><P> （2）将作者相应的文本框命名为Logname；将密码相应的文本框命名为Logpass，类型改为密码；“注册”按钮的动作改为“无”；把“登录”按钮的动作改为“提交表单”。</P><P> （3）选择按钮“注册”按钮，在【行为】面板中，添加行为转到URL，在弹出的对话框中，输入链接为“../yhinlog.aspx” 如图6-1-2所示：</P><P align=center><IMGsrc="/bbs/attachments/websoft/20081202/2008122921531577802.gif" border=0></P><P align=center>图6-1-2 添加转到URL的行为</P><P> （4）保存模板，更新所有的网页。</P><P> <STRONG>6.1.2 注册页面的设计</STRONG></P><P> （1）新建由模板bkblog.dwt.aspx生成的ASP.NET VB 动态页yhinlog.aspx，在mainbody可编辑区域中插入表单Yhinfrm，再插入表格yhinlog，并进行有关设计，结果如图6-1-3所示：</P><P align=center><IMG height=156src="/bbs/attachments/websoft/20081202/2008122921533177803.gif" width=524 border=0></P><P align=center>图6-1-3 表格yhinlog的设计</P><P> （2）选择用户名相应的文本框，切换到标签面板，展开“CSS/辅助功能”，在id中输入YHNAME；展开“未分类”，输入runat，server，把YHNAME文本框改为控件，如图6-1-4所示：</P><P align=center><IMGsrc="/bbs/attachments/websoft/20081202/20081229215312577804.gif" border=0></P><P align=center>图6-1-4 修改文本框标签</P><P> （3）依此类推，密码相应的文本框命名为YHPASS，密码再确认相应的文本框命名为REPASS，码相应的文本框命名为YHQQ，Email相应的文本框命名为YHEMAIL，主页相应的文本框命名为YHINDEX，将所有文本框改为服务器控件。</P><P> （4）选择表单Yhinfrm，并将其改为服务器控件，保存yhinlog.aspx。</P><p></p><p> </p><P> <STRONG>6.1.3 完成注册页面的设计</STRONG></P><P><STRONG> </STRONG>（1）由模板bkblog.dwt.aspx新建动态动态网页yhlogok.aspx，在mainbody可编辑区域中插入三行一列的表格logok，在第二行中输入文字“欢迎”，点击ASP.NET快捷菜单中的“绑定数据”，再点击“修剪的表单元素”，把光标移到如图6-1-5所示的位置，输入“YHNAME”。</P><P align=center><IMGsrc="/bbs/attachments/websoft/20081202/20081229215312577805.gif" border=0></P><P align=center>图6-1-5 插入修剪的表单元素</P><P> （2）返回设计视图，继续输入文字“Donking's BLOG！”，并、对表格logok，进行有关设计，结果如图6-1-6所示：</P><P align=center><IMG height=81src="/bbs/attachments/websoft/20081202/20081229215321877806.gif" width=522 border=0></P></p><p align='center'><b><font color='red'></font> <a href='/news/news001/dreamweaver/200510/20051016194448_2.html'></a> <a href='/news/news001/dreamweaver/200510/20051016194448_3.html'></a> <a href='/news/news001/dreamweaver/200510/20051016194448_4.html'></a> <a href='/news/news001/dreamweaver/200510/20051016194448_2.html'></a></b></p>
<P align=center>图6-1-6 表格logok的设计</P><P> （3）选择按钮“主页”按钮，在【行为】面板中，添加行为转到URL，在弹出的对话框中，输入链接为“index.aspx”，保存yhlogok.aspx</P>6.2验证用户注册<P> 为了防止用户输入错误的注册信息，要对用户注册信息进行规范和验证。</P><P> （1）打开yhinlog.aspx，打开ASP.NET快捷菜单，点击【更多标签】，如图6-2-1所示：</P><P align=center><IMG height=70src="/bbs/attachments/websoft/20081202/20081229215321877807.gif" width=516 border=0></P><P align=center>图6-2-1 ASP.NET 快捷菜单</P><P> （2）在弹出的标签选择器中展开“ASP.NET 标签”→“验证控件”，在右窗架中选中“asp:RequiredFie
页:
[1]