2068.国家电力配件网 网站建设用户登陆注册页面的实现

1、“国家电力配件网”网站建设 用户登陆/注册页面的实现内容摘要随着计算机的普及以及网络技术的发展，许多企业都建立了自己的网站，作为企业市场营销战略的一部分。而数据库技术也被广泛的应用于网站的建设中，人们通常利用asp技术实现后台数据库与前台网页的连接。本文中所做的主要工作如下：（1）介绍windows2000 server + iis + asp系统的一般原理；（2）阐述用户登陆/注册页面的工作原理；（3）设计实现用户登陆/注册页面的过程；（4）进行网站测试。关键词： 网络技术 数据库技术 asp技术目录一、背景- 3 -二、asp技术综述- 5 -（一）asp的产生- 5 -（二）iis简介-

2、 5 -（三）iis与asp的结合- 6 -三、asp的内部特点- 7 -（一）asp内部6大对象- 7 -（二）利用ado访问数据库- 8 -（三）asp与cgi的比较- 10 -四、asp等技术在网站建设中的应用- 11 -（一）设计用户注册页- 11 -（二）建立数据库- 12 -（三）建立数据源- 14 -（四）用户登陆- 18 -（五）用户注册- 21 -（六）性能测试- 25 -五、体会- 26 -六、致谢- 26 -参考文献：- 27 -一、背景internet是目前世界上最大的计算机互联网络，它遍布全球，将世界各地各种规模的网络连接成一个整体。作为internet上一种先进的，

3、易于被人们所接受的信息检索手段，world wide web(简称www)发展十分迅速，成为目前世界上最大的信息资源宝库。据估计，目前internet上已有上百万个web站点，其内容范围跨越了教育科研、文化事业、金融、商业、新闻出版、娱乐、体育等各个领域，其用户群十分庞大，因此，建设一个好的web站点对于一个机构的发展十分重要。近年来，随着网络用户要求的不断提高及计算机科学的迅速发展，特别是数据库技术在internet中的广泛应用，web站点向用户提供的服务将越来越丰富，越来越人性化。目前，许多企业都建立了自己的网站，他们把网站作为企业整体营销策略的一部分，借助网站来宣传企业文化，介绍企业的产

4、品和服务，有的还提供网上产品的买卖。与此同时，我们也发现，每个企业都有其特有的服务对象，有的是企业产品的关注者，他们最终有可能成为企业产品的购买者，有的是已经购买了企业产品是消费者。那么，企业如何通过网络来与这些人进行沟通？其方法不外乎电子邮件、bbs、留言板等。而要实现这样的功能，离不开后台数据库的支持。用户通过在企业的网站进行注册，所有注册信息都由数据库管理系统管理。本文中数据库服务器端采用了microsoft access数据库作为odbc(open database connectivity )数据源，并以ado（activex data objects）技术进行数据库存取等操作，使w

5、eb与数据库紧密联系起来。我主要负责完成web服务器端的用户注册/登陆系统模块的设计、实现与完善以网站最终测试工作。开发环境我选择的microsoft windows2000 servermacromedia dreamweaver mx，主要原因是microsoft windows2000 server具有internet information server（iis 网络信息服务）配合macromedia dreamweaver mx具有很强的网络开发能力。（用户登陆界面和用户注册界面见图1.1和图1.2）图1.1 用户登陆界面图1.2 用户注册界面二、asp技术综述（一）asp的产生近年

6、来随着internet技术的飞速发展及用户需求的不断升级，web页面技术也不断的推陈出新，使得web站点的功能越来越强大，能够提供的服务种类越来越繁多。从html、client script 到cgi,从java的诞生到activex, web页面设计人员不断受到冲击，微软公司在总结了以往技术，重新思考web页面设计的真正需要后，推出了active server pages (asp)，一种用以取代cgi(common gateway interface，通用网关接口)的技术。简单讲，asp是位于服务器端的脚本运行环境，通过这种环境，用户可以创建和运行动态的交互式 web 服务器应用程序，如交

7、互式的动态网页，包括使用 html 表单收集和处理信息，上传与下载等等。更重要的是，asp使用的activex技术基于开放设计环境，用户可以自己定义和制作组件加入其中，使自己的动态网页几乎具有无限的扩充能力，这是传统的web编写工具所远远不及的地方。使用asp还有个好处，就在于asp可利用ado(active data object,微软的一种新的数据访问模型)方便快捷地访问数据库,从而使得开发基于www的应用系统成为可能，这也是本文选择asp作为开发工具最重要的原因之一。（二）iis简介wsb服务器是web应用程序的心脏。iis(internet information server)是微软

8、推出的windows nt option pack的主要成员，作为windowsnt的扩展，自推出以来已经有了很大发展，其体系结构是当今市场上最受关注的web服务器之一。凡用过微软windowsnt server40的人士大都领略过内置于其中的iis（internet information server 40 web服务器。其以速度优于其它系统的web服务器而著称。而在windows 2000中，进一步更新了iis版本，即internet information server 5.0。它具有以下几个特点： 1、比原版本提供了更加方便的安装，将随同安装windows 2000 server 时

9、自动安装好，省却了老版本另行安装的麻烦。2、提供了很多的管理向导，如以权限设置向导来帮助设定和协调web访问和nifs文件的访问权限，服务器证书向导来给服务器安装电子证书等。3、具有对asp增强的支持，如，无脚本asp页面的快速处理、http和https(安全通道访问方式)共享状态等。4、可在单个ip地址上运营多个网站等。 而且，新iis 一个重要特性就是便于多用户在一个基于web的环境中共享和发布信息。在共享文件夹向导的指示下，可方便地将一个共享文件夹设置成一个安全的web地址。根据这一特性，我通过打开桌面上的我的网络位置，然后增加了一个新的网络位置，并将它设为http:/myservers

10、hare，从而实现了象平常访问普通文件夹那样的访问远程web文件夹中的文件。当然，新的iis还支持分布式发布和版本控制标准（distributed authoring and versioning），以及对新的一些安全机制（如digest authentication，server-gated cryptography and fortezza）等提供支持。总之，windows2000同时集成了最新最强的 internet应用程序服务，并拥有覆盖众多操作系统的完整internet服务，通过它可对各种变化做出快捷的反应，高效地部署解决方案。同时，新的通信和网络服务会使部署 vpn更方便，并可将现

11、有投资带入web，还可获得更高的可靠性、稳定性和扩展性。（三）iis与asp的结合在过去，客户机/服务器结构的设计与web的相关技术几乎处于平行线上，两者相互独立并无法作出集成性的设计。现在我们利用iis+asp构成三层式web结构（如图2.1所示）的中间一层，将客户机/服务器结构与web密切结合，完成前后端两者的集成输出功能，使得web站点的开发更方便，实现的功能更强大。利用iis+asp技术来集成web前后端所带来的强大效益可归结为以下几个方面：1、减少构建和维护成本；2、加快联机过程；3、应用软件集中在服务器端开发管理；4、前端可使用任何浏览器（ie、netscape.）；5、后端可存取

12、任何数据库 (sql、access.)；6、可使用任何脚本语言开发 (vbscript、javascript、perl.)数据库服务器 后端数据库activex server元件microsoft iis + asp 程序和计算逻辑 activex server元件浏览器 前端浏览器 图2.1 三层式web结构示意图三、asp的内部特点（一）asp内部6大对象asp提供了6个功能强大的内部对象，每个对象具有各自的属性（property）、方法（method），有的还拥有数据集合（collection）与事件（event），它们共同完成web中的一些重要工作。这6个对象及其功能描述如表2.1所示

13、。对象名称功能描述request从客户端取得信息response将信息送给客户端server提供一些web服务器工具session储存在一个session内的用户信息，该信息仅可被该用户访问application在一个asp-application中让不同的客户端共享信息objectcontext配合microsoft transaction服务器进行分布式事务处理表2.1 asp 内部6大对象及其功能合理地运用这些对象可以使原本复杂，烦琐的工作变得简捷而条理清晰。可以用以下的语法直接使用这些对象：对象属性/方法/数据集合（二）利用ado访问数据库ado（activex data object

14、s）是一种操作microsoft所支持的数据库的新技术。在asp中，ado可以看作是一个服务器组件(server component)，更简单点说，是一系列的对象，应用这些功能强大的对象，即可轻松完成对数据库复杂的操作。本文中个性化页面的实现便大量地用到了ado技术。具体的操作步骤可以归纳为以下几步：1、创建数据库源名(dsn)；2创建数据库链接(connection)；3创建数据对象；4操作数据库；5关闭数据对象和链接。每一步的具体作法如下：1、创建数据源名dsn(date source name)即数据源名称。我们知道，odbc是一种访问数据库的方法，只要系统中有相应的odbc驱动程序，任

15、何程序就可以通过odbc操纵驱动程序的数据库。比如我们系统中有access的odbc驱动程序，那么即使我们没有access软件，也可以在我们的程序中对一个access的mdb数据库加、删、改记录。而且我们根本不用知道这个数据库是放在哪里的。我们只要写出sql语句，odbc驱动程序就会帮我们做一切事情。我们在给odbc驱动程序传sql指令时，即是用dsn来告诉它到底操作的是哪一个数据库。如果数据库的平台变了，比如我们改用了sql server的数据库，只要其中表的结构没变，我们就不用改写我们的程序，只要重新在系统中配置dsn就行了。由此可见，dsn是应用程序和数据库之间的桥梁。2、创建数据库链接

16、(connection)链接用以保持一些关于正在访问的数据的一些状态信息，以及链接者信息。asp文件中如果要访问数据，必须首先创建与数据库的链接，其语法如下：set mconn=server createobject(“adobdconnection”)这条语句创建了链接对象mconn，接下来：mconn.open “dsn1”，“vsername”，“password”这条语句打开链接，用到了dsn，本例为“dsn1”。其后的两个参数分别是访问数据库的用户名和口令，为可选参数。以上两个步骤缺一不可，因为链接对象的创建与打开是两回事，只有打开了才真正可以使用。3、创建数据对象(record s

17、et)ado中的数据对象通常保存的是查询结果。record set是ado中最复杂的对象，有许多属性和方法。record set保存的是一行行的记录，并标有一个当前记录。以下是创建方法：set record set=mconn.execute(sqtstr)这条语句创建并打开了对象record set，其中mcon是先前创建的链接对象，sqtstr是一个字串，代表一条标准的sql语句。例如：sqlstr=“select * from tab1”set record set=mconn.execute(sqlstr)这条语句执行后，对象record set中就保存了表tab1中的所有记录。4、操

18、作数据库我们通过调用链接对象的execute方法来将查询结果返回给一个数据对象或进行插入、删除等操作。例如：sqlstr=“insert into tab1 values(1,2)”mconn.execute(sqlstr)/执行插入操作5、关闭数据对象和链接对象在使用了ado对象之后要关闭它，因为它使用了一定的服务器资源。通过调用方法close实现关闭，然后再释放它。record set.closeset record set=nothing/关闭创建的数据对象mconn.closeset mconn=nothing/关闭创建的链接对象（三）asp与cgi的比较cgi(common gate

19、way interface，通用网关接口)也是internet上一种功能强大的web页面技术，其工作方式有别于asp。我们现对二者进行比较。active server pages开发web应用程序的特点：1 完全嵌入html，与html、script语言完美结合。2 无须手动编译和链接程序。3 面向对象，并可扩展activex server组件功能。4 使用脚本语言（javascript、vbscript或perl）编写。5 存取数据库轻松容易（使用ado组件）。6 可使用任何语言编写自己的activex server组件。7 无浏览器兼容问题。8 程序代码隐藏，客户端仅能看到asp输出的ht

20、ml文件。9 缩短web开发时间。相比之下，使用cgi开发web应用程序具有以下缺点：1 不易与html文件集成。2 须使用其他较复杂的语言来开发cgi程序。3 程序开发时间较长。4 存取数据库不容易。5 每个cgi程序被不同用户执行时都得重新执行一次，并占去server的一个端口（port），降低server效率。可见，asp在数据库访问、与html的集成、提高服务器的效率等诸多方面都优于cgi，更适应web应用程序开发的需要，因此本文选择了asp作为个性化页面生成器的开发工具。四、asp等技术在网站建设中的应用（一）设计用户注册页首先，我所要做的工作是设计用户注册页，在参考了其他一些公司所

21、做的用户注册页后，针对华北电力公司的实际情况，我设计了现在所用的用户注册页（如图1.2所示）名字为useradd.asp。其中，带有红色“*”的为用户必填的内容，如果用户没有填，系统将会提示用户填写，以便收集到完整的用户信息。下面，我将注册页中各输入框的名称及其属性列出（如表4.11所示）。而首页上用户登陆的输入框所对应的规则和用户注册页上的“用户名”和“密码”是一样的。列表名称输入框名称类型最大字符长度用户名usernamesingle line20口令passpassword8口令确认repasspassword8姓名fullnamesingle line10联系电话phonesingle

22、 line15证件号码numsingle line18手机mobelsingle line15e-mailmailsingle line15详细地址addressmulti line邮编codesingle line10企业名称companysingle line职务zwsingle line所属行业callingtextlist/menuitem labelvalue请选择l政府机关a金融b商业贸易c电信d教育/科研e交通f工业制造g新闻/出版/广告h邮政i财税j其他k表4.11（二）建立数据库数据库是整个系统实现必不可少的组成部分，下面我就开始根据我所设计的用户注册页来设计本系统所用的数据

23、库：首先，我先新建了一个数据库，起名为database.mdb将它放在database文件夹下。然后，建立一个名为“用户表”的表，用来存放用户注册的基本信息（如图4.21所示）。“用户表”中字段名、字段类型及字段大小如表4.21所示。其中，“用户名”字段用来存放用户登陆时所用的名字，而“姓名”则是存放用户的真实姓名，“id”为系统自动生成的序号，是主关键字。“用户表”（如图4.22所示）。图4.21字段名称字段类型字段大小id自动编号长整型用户名文本50密码文本50姓名文本50联系电话文本50证件号码文本50手机文本50e-mail文本50详细地址文本50邮编文本50企业名称文本50所属行业文

24、本50表4.21图4.22（三）建立数据源由于各模块频繁地与数据库打交道，如何与数据库链接就显得十分重要。最初，我所采用的数据库链接的方式是将系统数据库定义为我所作的网站的数据库。这样，可以通过dreamweaver mx直接实现，其方法是：展开右边的application 面板，选择databases标签，按+按钮，选择data source name (dsn)（如图4.31）图4.31在弹出的data source name (dsn)对话框中继续进行设置。如果你已经在控制面板的odbc中设置了连接，那么你可以在data source name (dsn)下拉列表中找到你建立的连接，在c

25、onnection name中输入个名字，按test按钮，如果成功，那么数据库就连接好了。但是，如果我们并没有在odbc中设置连接怎么办呢？1、点击define按钮，就可以进入odbc数据源管理器。（如图4.32，）图4.322、 选择系统dsn标签，点击添加按钮（如图4.33）图4.333、 选择想用的数据驱动程序，在此选择（如图4.34）。图4.344、 点击完成按钮，选择数据库的路径，应该是databasedatabase.mdb。给数据源起个名字。叫database。（如图4.35）。图4.355、 单击确定就可以看到我们的数据源了database（如图4.36）。图4.366、 单击

26、确定按钮回到mx中的data source name (dsn)对话框。在connection name 中输入名字database测试，成功！(如图4.37)。图4.37这时，我考虑到由于公司所采用的是租赁主页空间的形式，采用设置系统数据库的方式是不行的。所以，我采用了另一种方式，也就是采用编写代码的方式，这样，就解决了无法设置系统数据库的问题。代码如下：book=dbq=+server.mappath(database/database.mdb)+;defaultdir=;driver=microsoft access driver (*.mdb);set conn=server.crea

27、teobject(adodb.connection)（四）用户登陆用户登陆部分是本网站中最重要的一部分，也就是说，只有当用户注册并且登陆后，才可以浏览网站更多的内容，否则只能浏览网站的一部分。要实现之一功能，我所采用的方法是当用户输入网址后，首先进入默认界面（如图1.1所示），用户可以浏览“火电系统”、“行业动态”、“技术咨询”、“客户中心”、“公司简介”五个板块。如果用户在本网站已经注册过，那么，用户可以在网页右边的“用户名”框内输入用户在本网站注册时所输入的“用户名”，然后，在“密码”框内输入密码，点击“登陆”按钮后就可以进入另一个页面，也就是网站的主页面（如图4.41所示）。在这个页面不

28、仅包括了首页所有的五个板块，而且增加了“工程承包”和“资信保证”两个板块。 图4.41在设计用户登陆模块时我原先的构想是根据用户计算机的cookie信息判断用户身份，这样，只要用户打开该站点就可直接进入网站的主页面，无须填入用户名和密码，服务器便能得知其身份。但是，现在有的用户并不是在固定的计算机上上网，而且有的用户经常删除cookie信息或者禁用cookie，这样，利用cookie信息来识别用户的可靠性并不高。所以我还是采用注册/登陆的方式来识别用户。用户身份验证的过程为：当用户输入用户名和密码后，并点击“登陆”按钮，页面中的身份验证部分的代码被激活。首先，系统与数据库建立连接，并打开数据库

29、。然后，系统读取“用户名”和“密码”，并将其与数据库中的“用户名”和“密码”逐一对比，如果用户输入的信息与数据库中的信息完全吻合，那么，系统将会自动跳转到网站的主页面，相反，当用户输入的用户名在数据库中根本不存在时，页面上则会返回给用户一条消息“我们的数据库中没有查到您的姓名，请先注册新用户。” 当用户输入的用户名在数据库中找到，而所对应的密码不正确时，页面上则会返回给用户一条消息“口令出错，请检查是否大小写不对。”此时，用户可以通过点击“注册新用户”进入用户注册页面，也可以不注册而只浏览网站的部分内容。具体实现代码如下：（这段代码的主要功能是实现系统与数据库的连接，并打开数据库。）%b1=r

30、equest(b1)if b1=登陆 thensql=select * from 用户表 where 用户名= & request(name) & set rs=conn.execute(sql)if rs.bof or rs.eof thenresponse.write 我们的数据库中没有查到您的姓名，请先注册新用户。elseif request(pass)rs(密码) thenresponse.write 口令出错，请检查是否大小写不对。else% （这段代码的主要功能是实现用户身份的验证，其中：response.redirect (index_1.htm)的作用是当用户输入的信息正确时，

31、将页面跳转到index_1.htm。）（五）用户注册用户注册是实现用户登陆的前提，如果用户没有注册，也就无所谓用户登陆。用户注册是企业收集用户信息的一种方式，可以使企业更好地为用户服务。用户进入注册页的方法很简单，只要用户点击首页上的“注册新用户”就可进入用户注册页面了（如图1.2所示）。页面中标有红色星号的部分是用户必填的内容，如果标有红色星号的部分没有填，那么，页面中将会出现相应的提示，帮助用户将注册信息填写完整。例如：如果用户没有填写“e-mail”项而点击“提交”按钮，页面中就会显示：“请输入您的邮箱地址”。如果用户所输入的信息没有错误，并被正确写入数据库中后，页面便会跳转到网站的主业面index_1.htm。这一功能的实现主要是由于我在页面中使用了一组条件判断语句，来判断用户输入的信息是否完整。当用户填完注册信息并点击“提交”按钮后，系统首先会与数据库建立联系，打开数据库，然后，把页面中用户必填的内容依次提取出来，存入相应的变量中，并对这些变量进行判断，看是否为空，如果为空，页面上就会出现相应的提示。如果经过判断，发现用户所输入的信