Dreamweaver构建Blog全程实录(6)-用户注册的实现

dreamweaver|用户注册

第六章  Doking’s BLOG用户注册页面的实现

  有人发觉:那用户要到哪里发表笔记、回复呢?这是第六、七章将要解决的问题。这一章主要讲解用户注册页面的实现。

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”。

图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+)*

图6-2-6 Regular expression validator标签编辑器

  (7)插入ASP.NET验证服务器控件→Regularexpressionvalidator控件,为文本框YHINDEX添加验证控件,填写各项如图6-2-7所示,其中的验证表达式为:http://([\w-]+\.)+[\w-]+(/[\w- ./?%&=]*)?

图6-2-7  Regular expression validator 标签编辑器

  (8)应该再一个验证控件防止用户注册的用户名重复。

  ①添加数据集yhinlog,设为筛选,筛选字段为YHNAME,参数变量为来之表单变量YHNAME,其设置如图6-2-8所示:

图6-2-8  插入数据集yhinlog

  ②插入ASP.NET验证服务器控件→CustomValidator控件,为文本框YHINDEX再添加验证控件,填写各项如图6-2-9所示,其中的客户端验证功能为:

<%# IIf(yhinlog.RecordCount>0,FALSE,TRUE) %>

图6-2-9  Custom Validator标签编辑器

  (9)保存yhinlog.aspx,在IE中进行浏览,如果出现图6-2-10所示的对话框,那说明的dklog站点根目录下没有子目录aspnet_client,也是就没有验证控件必要的JS脚本库。这个在安装.NET框架的时候,安装程序已经复制在默认站点c:\ Inetpub\wwwroot的根目录下,复制c:\ Inetpub\wwwroot中的子目录aspnet_client到dkblog站点根目录下,就OK了!

图6-2-10  找不到必要JS脚本库

6.3  添加“插入记录”服务器行为

  (1)打开yhinlog.aspx,添加【插入记录】服务器行为,表单的有关数据添加到数据表YH中,其有关设置如图6-3-1所示:

图6-3-1  添加【插入记录】服务器行为

  (2)ASP.NET是不支持gb2312编码传输。切换到代码视图,找到:

<%@ Page Language="VB" ContentType="text/html" ResponseEncoding="gb2312" %>

  把 ResponseEncoding="gb2312" 这句代码删掉就OK了:

<%@ Page Language="VB" ContentType="text/html"%>

  (3)保存,在IE中浏览提交用户注册信息,在Access打开YH表,可以发现提交的中文信息全变成了??。那怎么办?不用急,这是由于TASP.NET不支持gb2312编码传输所致。打开yhinlog.aspx,切换到代码视图,找到第一行代码:

<%@ Page Language="VB" ContentType="text/html" ResponseEncoding="gb2312" %>

  把它改为:

<%@ Page Language="VB" ContentType="text/html" %>

  也就是去除ResponseEncoding="gb2312"。其他网页也按此法进行修改,防止中文提交信息出错。

  

转自:动态网制作指南 www.knowsky.com

时间: 2024-11-03 17:44:38

Dreamweaver构建Blog全程实录(6)-用户注册的实现的相关文章

dreamweaver构建blog全程实录:目录

Dreamweaver构建Blog全程实录(1):Blog简介 Dreamweaver构建Blog全程实录(2):构建开发环境 Dreamweaver构建Blog全程实录(3):数据库的设计和连接 Dreamweaver构建Blog全程实录(4):首页的实现 Dreamweaver构建Blog全程实录(5):分栏及回复的实现 Dreamweaver构建Blog全程实录(6):用户注册的实现 Dreamweaver构建Blog全程实录(7):用户登录的实现 Dreamweaver构建Blog全程实

Dreamweaver构建Blog全程实录(1)

dreamweaver Dreamweaver构建Blog全程实录(1)·Dreamweaver构建Blog(2):构建开发环境 Dreamweaver构建Blog(3):数据库的设计和连接·Dreamweaver构建Blog(4):首页的实现 当今,网络数据库的应用已十分广泛,它的开发也是程序员必备的技能之一,但由于数据库的开发难度大.程序复杂,常使许多初学者止步.在这里,以Doking's BLOG的实例开发为教程,引导众多初学者在几乎不用编程的情况下也能开发网络数据库. 1.1 什么是BL

Dreamweaver构建Blog全程实录(4)-首页的实现

dreamweaver 第四章  Doking's BLOG首页的实现 现在,万事俱备,应该着手Doking's BLOG的页面设计和数据库前台的实现. 4.1  基本页面设计 这里,不是要谈网页艺术创造的知识,而是讲解在Dreamweaver MX2004中构建网站内页的思路和方法. 4.1.1 网站设计思路 每个网页开始前,一般要在Firworks或在Photoshop等图像设计软件中设计好基本页面设计,图4-1-1就是Photoshop中设计好的基本页面设计图. 图4-1-1  Dokin

Dreamweaver构建Blog全程实录(7)-用户登录的实现

dreamweaver 第七章  Doking's BLOG用户登录页面的实现 已完成用户的注册,用户现在可以登录到网站中,发表笔记.笔记回复. 7.1  用户登录服务器行为 用户登录,经过验证正确,页面换了个用户登录后的面貌. (1)打开模板bkblog.dwt.aspx,在左边栏插入表格yhtab,并设计如图7-1黑色圈中所示. (2)插入关于YH表查询的数据集yhlog,以验证用户登录的正确. ①将数据集yhlog设为筛选,如图7-2所示. 图7-1  表格yhtab的设计图    开发全

Dreamweaver构建Blog全程实录(9)-站点统计

dreamweaver|统计|站点 第九章  站点统计的实现 目前为止,Doking's BLOG已可以运作了.但可以发现左边的导航还是空空的,下面的章节主要为左边导航添加功能菜单.这一章主要讲解在左边导航上添加有关站点统计. 9.1  基本页面设计 打开模板dkblog.dwt.aspx,在左边导航上添加文字设计如图9-1所示. 图9-1  模板dkblog.dwt.aspx左边导航文字设计 9.2  在线人数统计 在线人数统计的实现得依靠global.asax文件.global.asax文件

Dreamweaver构建Blog全程实录(8)-管理员页面的实现

dreamweaver|管理员|页面 第八章  管理员页面的实现 目前为止,Doking's BLOG基本功能已经实现了.但得管理员至高无上的"生死大权",严厉管理用户发表的笔记和回复,防止用户在Doking's BLOG发表有危害性信息. 8.1  管理员登录的实现 (1)新建空白的APS.NET VB动态页gllogin.aspx,插入表单glfrm,再插入表格,设置如图8-1所示. 图8-1  gllogin的页面设计 (2)设管理员相应的文本框的ID为GLY,密码对应的文本框的

Dreamweaver构建Blog全程实录(12)-上传安装

dreamweaver|上传 第十二章  把Doking's BLOG上传到远程空间 为了使Doking's BLOG程序上传到远程空间后能正常的运行,下面介绍几个安装要点. 1.本教程提供的Doking's BLOG程序是以站点根目录为主,由于要用到web.config配置文件.bin目录以及aspnet_client脚本库,这三个文件和目录必须放在站点的根目录下才能数据集.窗体验证程序正常运行. 2.本教程的源程序文件和web.config配置文件.bin目录以及aspnet_client脚

Dreamweaver构建Blog全程实录(3)-数据库的设计和连接

dreamweaver|设计|数据|数据库 第三章 Doking's BLOG 数据库的设计和连接 构建好开发环境后,Doking's BLOG数据库规划是第三步,它也是直接关系到数据库以后是否能够有效运行的关键步骤,也是对一个数据库开发人员的规范要求. 3.1 数据库的规范化 数据库的规范化主要体现在表与表之间的关系.数据结构及存储两大方面. 3.1.1 数据表之间的关系 许多初学者常常认为,建立一个表储存所有数据就可以了.如果这么认为,那经常会造成数据冗余的.图3-1-1是一个数据表,可以看

Dreamweaver构建Blog全程实录(1)-BLOG功能简介

dreamweaver BLOG,就是"网络日志(Web Log)".Blog通常是由简短且经常更新的Post所构成:这些张贴的文章都按照年份和日期排列.Blog的内容和目的有很大的不同,从对其他网站的超级链接和评论,有关公司.个人.构想的新闻到日记.照片.诗歌.散文,甚至科幻小说的发表或张贴都有.许多Blog是个人心中所想之事情的发表,其它Blog则是一群人基于某个特定主题或共同利益领域的集体创作. 本文将使用Dreamweaver MX 2004 + Asp.net + Acces