第六章  doking’s blog用户注册页面的实现

　　有人发觉：那用户要到哪里发表笔记、回复呢？这是第六、七章将要解决的问题。这一章主要讲解用户注册页面的实现。 7v{;mAxszyYVff~ [ 本 资 料 来 源 于 贵 州 学 习 网 网页设计Dreamweaver教程 http://Www.gzU521.com ] 7v{;mAxszyYVff~

6.1  基本页面设计

　　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”。T:wj+XW9O w2|:QO[ 此文转贴于我的学习网网页设计Dreamweaver教程 http://www.Gzu521.com]T:wj+XW9O w2|:QO

图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所示：