实训四 设计用户系统的注册及登录

实训四设计用户系统的注册及登录

一、实训目的

1.能正确设计用户注册程序。

2.能正确设计用户登录程序。

3.能正确设计用户的管理程序。

二、工作任务

任务1：将静态注册页面转换成动态ASP文件页面，设置表单对象。

任务2：为网页设置引用文件。

任务3：为注册页面编程，实现对填写的注册信息进行判断的功能，并将注册信息写入数据库。

任务4：为登录页面编程，实现登录功能，并出现欢迎用户登录的界面。

三、实训步骤

（一）编程实现用户注册功能

首先创建注册界面

图1注册界面

任务1操作方法：

1）用dreamweaver打开前面我们所创建的动态网站，将项目三中所设计的静态注册页面reguser.html复制一份并改名为reguser.asp，其中注册部分页面如图2如所。

图2注册界面

3）选择标签

，将其属性按图3修改，将表单名称命名为fom1，动作右侧的文本框中输入reguser.asp?act=reg，其含义为此表单提交到本页处理，并附加参数act=reg，此参数含义为表单填写完成后提交表单进行注册的参数传递，方法右侧的列表中选择post，其它方面可以忽略。

图3表单属性

4）依照表1修改各个表单元素的名称，以方便程序的编写。

表1注册表单中各表单元素的名称

文本名称表单元素名称文本名称表单元素名称

用户名f_user固定电话f_tel1f_tel2

密码f_code手机号码f_mtel

姓名f_name其他联系f_contact

性别f_sex提交submit 详细地址f_addr 重置reset

设计思想：

当用户输入注册信息时，如果用户名或密码没有填写时系统出现提示信息“用户名或密码不能为空！”，并将重新注册；

如果用户名在数据库中已经存在通过判断语句系统会有弹出提示信息“用户名已经存在，请重新注册！”，本教材的其他信息并不要求必须输入，读者可以自己设计；

将用户信息写入到数据库的tbl_user表中保存，注册成功时会有弹出信息“注册成功！”，单击“确定”按钮将跳转到登录页面可供用户登录，如果注册失败弹出提示信息，并说明注册失败的原因。

任务2操作方法：

1）先创建一个数据库连接文件db.asp，代码：

<%

dim conn,dbpath

set conn=Server.CreateObject("adodb.connection")

DBPath = Server.MapPath("db/tygasp.mdb")

conn.Open "Provider=Microsoft.Jet.OLEDB.4.0;Data Source="& DBPath

%>

2）打开网页的代码视图，我们在网页的最上部添加代码如下的代码如图4所示，由于数据库连接文件我们在项目五中已经完成，本项目只要使用语句将其引用到本页面中即可，以后的网页中也是一样：

图4引用文件部分

代码讲解：

3）注册网页参考代码：

在标签后面加入如下代码，以实现注册数据的处理代码，我们编程处理参数时总是在网页的开始进行，这样如果数据有改变马上就会在下面的代码上表示出来。

至此，注册页面的功能已经完成，按F12浏览网页并进行注册测试，如按图5进行注<%@language="vbscript"%> '声明使用vbscript脚本

<%option explicit%> '限制本页面引用的变量都需要定义

'前台用户注册注释

'引用数据库连接文件

判断用户名和密码是否为空

判断是否有同名用户

设置固定电话格式

将表单注册信息存入tbl_user表

注册是否成功的提示信息！

出错后继续执行

关闭记录集和清空记录集

册，单击“提交”按钮，将出来图6注册成功的提示信息，单击“确定”按钮将跳转到登录界面，如果最用相同的用户名进行注册，将来出现图7的对话框，单击“确定”按钮返回注册界面，如果我们没有输入用户名或密码时将会出现图8对话框，单击“确定”按钮返回注册界面。

图5用户注册

图6注册成功图7用户名存在图8用户名或密码为空

设计思想：

当用户提交输入注册信息也就是提交表单动作参数act=”reg”时，如果用户名或密码没有填写时系统出现提示信息“用户名或密码不能为空！”，并将重新注册，否则进行用户名的判断，如果用户名在数据库中已经存在，判断语句会弹出提示信息“用户名已经存在，请重新注册！”，所有判断合法之后将注册信息写入数据库，注册成功时会有弹出信息“注册成功！”，单击“确定”按钮将跳转到登录页面可供用户登录，如果注册失败弹出提示信息。

（二）实现用户登录功能

用户登录参考代码：

1）将公司主页index.html更名为index.asp，并将登录表单动作改为"index.asp?act=login"，表单元素用户名改为f_user，密码改为f_code。

2）将引用文件添加到网页上方，如图9所示。

创建recordset对象

图9 index.asp引用文件部分

3）用户登录部分，登录前是一个表单，如图10所示，登录后要显示用户登录的信息，如图11所示。

图10登录界面图11用户登录信息

以下代码实现了此功能，代码及说明如下：

4）在标签后面添加用户登录和及用户注销信息的处理代码，代码及说明如下：

如果session变量为空表示未登录显示登录表单

如果session变量不空显示用户登录信息及退出登