文档章节

使用dreamweaver实现用户注册

crossmix
 crossmix
发布于 2015/04/12 13:30
字数 1334
阅读 80
收藏 0
点赞 0
评论 0
 基本页面设计

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

© 著作权归作者所有

共有 人打赏支持
crossmix
粉丝 64
博文 302
码字总数 645711
作品 0
广州
高级程序员
细谈Dreamweaver扩展插件

网站设计人员都知道插件,扩展插件又很重要。 需要了解到Dreamweaver扩展(插件)制作的基本步骤,即了解扩展文件(.mxp)在打包前的文件结构及文件内容。可参看“使用扩展管理器”帮助文档(...

crossmix ⋅ 2015/12/24 ⋅ 0

使用Dreamweaver cs6定义PHP站点

因为 PHP 文件需要由 Web 服务器处理,所以您需要将测试服务器的位置告知 Dreamweaver。您还需要告诉Dreamweaver 测试文件时要使用的正确 URL。以下说明假设您已经按上述部分中的描述在自己的...

crossmix ⋅ 2015/10/08 ⋅ 0

使用dreamweaver设计后台主页面

dreamweaver设计后台主页面,必须是建立动态网站项目,是创建一个通用型动态网站的后台管理页面,即通过该页面对前台的注册用户、新闻发布、投票调查、留言和通讯录进行管理。包括管理员用户...

crossmix ⋅ 2015/05/01 ⋅ 0

搭建CDNFikker CDN 主控系统常问问题

如何修改 Fikker CDN 主控系统访问端口? 1. 修改配置文件 localapache2confhttpd.conf 的端口配置项:Listen 2. 修改 localFikCronconfigfikcron.ini 里 URL 链接的端口; 注: URL 的IP必须...

别处 ⋅ 2015/11/11 ⋅ 0

在DreamWeaver里搜索ini文件的问题

事情的起因,是这样地:平时在做的一些小型的PHP系统,有时会用到ini文件来保存语言等字符串信息,在开发过程中常常需要对其进行搜索替换等操作,而由于ini文件在默认情况下是不被DreamWeav...

离子翼 ⋅ 2009/12/17 ⋅ 0

Dreamweaver® CS4 新增功能

新增功能 下面是 Adobe® Dreamweaver® CS4 最新功能的列表。 实时视图 Dreamweaver CS4 使您在保持直接访问代码的同时,能够使用新的“实时”视图在实际的浏览器条件下设计网页。对代码所做...

晨曦之光 ⋅ 2012/03/09 ⋅ 0

Dreamweaver cs6自定义后台主页面

以前网站设计都用CMS内容管理系统,如Joomla,WordPress等。后台页面登录内容是固定的,无法修改,久了就烦,只好用Dreamweaver Cs6来重新设计后台主页。 使用dreamweaver设计后台主页面,必...

crossmix ⋅ 2015/12/12 ⋅ 0

如何在自己创建的网站上增加评论功能???

最近自己用Dreamweaver做了一些网页,都是html+CSS代码,没有php之类的语言。 主要还是不会其他编程语言啦。 现在我有个想法,就是想把这些网页放到我的虚拟主机上,然后通过我申请的域名,让...

丘淳 ⋅ 2012/09/23 ⋅ 14

切版内部使用 css 框架 v1.4 发布

切版v1.4版是在切版v1.2版基础上升级的一个版本! 添加了切图工具,公共样式,表单美化,动画交互,响应式,丰富了栏目内容,新增js功能插件。 切版v1.4版本演示地址 src="http://www2.qieba...

切版 ⋅ 2017/07/26 ⋅ 11

Dreamweaver格式化html代码提高代码质量

一、快速启动:Dreamweaver-html源代码自动格式化 把自己页面的源代码按照标准的格式整理好!也就是类似于: <table> <tr> <td> XXX </td> </tr> </table> 的格式,标签必须对整齐。 首先在[编辑......

刘小p ⋅ 2011/08/10 ⋅ 2

没有更多内容

加载失败,请刷新页面

加载更多

下一页

idea 整合 vue 启动

刚学习Vue 搭建了一个项目 只能命令启动 Idea里面不会启动 尝试了一下修改启动的配置 如下: 1.首先你要保证你的package.json没有修改过 具体原因没有看 因为我改了这个name的值 就没办法启动...

事儿爹 ⋅ 18分钟前 ⋅ 0

数据仓库技术概述(一看就是架构师写的,对我极其有用)

ETL,是英文 Extract-Transform-Load 的缩写,用来描述将数据从来源端经过抽取(extract)、交互转换(transform)、加载(load)至目的端的过程。ETL一词较常用在数据仓库,但其对象并不限于...

gulf ⋅ 19分钟前 ⋅ 0

redis在windows环境的后台运行方法

在后台运行,首先需要安装redis服务,命令为 redis-server.exe --service-install redis.windows.conf --loglevel verbose 启动,命令为 redis-server --service-start 停止,命令为 redis-...

程序羊 ⋅ 21分钟前 ⋅ 0

比特币现金开发者提出新的交易订单规则

本周,四位比特币现金的四位开发者和研究员:Joannes Vermorel(Lokad),AmaurySéchet(比特币ABC),Shammah Chancellor(比特币ABC)和Tomas van der Wansem(Bitcrust)共同发表了一篇关...

lpy411 ⋅ 25分钟前 ⋅ 0

vue获取input输入框的数据

用惯了jQuery,突然使用vue感觉很不习惯,有很多不同的地方,感觉是两个不同的思想来写前端的代码。jQuery是使用选择器($)选取DOM对象,对其进行赋值、取值、事件绑定等操作。而Vue则是通过...

王子城 ⋅ 27分钟前 ⋅ 0

竟然这就是面向对象的游戏设计?!

从程序角度考虑,许多 JavaScript 都基于循环和大量的 if/else 语句。在本文中,我们可了解一种更聪明的做法 — 在 JavaScript 游戏中使用面向对象来设计。本文将概述原型继承和使用 JavaSc...

柳猫 ⋅ 32分钟前 ⋅ 2

git cmd git bash

刚用到了Git,看到windows环境下有两个命令输入窗口 第一个是可视化图形界面,第二个是CMD,第三个是Bash。 Git中的Bash是基于CMD的,在CMD的基础上增添一些新的命令与功能。所以建议在使用的...

东东笔记 ⋅ 34分钟前 ⋅ 0

分布式系统CAP和Base

1、分布式系统 1.1 简介 由多台计算机和通信的软件组件通过计算机网络连接(本地网络或广域网)组成。分布式系统是建立在网络之上的软件系统。正是因为软件的特性,所以分布式系统具有高度的...

xixingzhe ⋅ 45分钟前 ⋅ 0

查看磁盘占用情况

记一次jenkins构建失败的问题 Build step 'Send build artifacts over SSH' changed build result to UNSTABLE 网上查资料都没明确表明是什么错,回忆之前处理这样的问题。第一时间想到的是不...

ManderSF ⋅ 47分钟前 ⋅ 0

数据库管理提速:SQL解析的探索与应用

前言: SQL解析是一项复杂的技术,一般都是由数据库厂商来掌握,当然也有公司专门提供SQL解析的API。SQL解析与优化是属于编译器范畴,和C语言等其他语言的解析没有本质的区别。其中分为词法分...

java高级架构牛人 ⋅ 53分钟前 ⋅ 0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

返回顶部
顶部