登录注册注销NEW.docx
- 文档编号:29792508
- 上传时间:2023-07-27
- 格式:DOCX
- 页数:20
- 大小:391.84KB
登录注册注销NEW.docx
《登录注册注销NEW.docx》由会员分享,可在线阅读,更多相关《登录注册注销NEW.docx(20页珍藏版)》请在冰豆网上搜索。
登录注册注销NEW
典型实例----制作注册页
设计结果:
本节将成功创建字符串的数据库链接,通过表单制作网站的注册页面来收集注册者的信息,并通过创建应用程序将表单的信息保存到数据库当中,如图所示。
设计思路:
(1)使用表单制作注册页。
(2)创建字符串的数据库链接。
(3)通过插入记录将表单域的信息保存在数据库中。
具体制作步骤:
1.在网站根目录下新建一个文档"reg.asp",将文档的标题设置为"注册"、页边距全部设置为"0"。
2.在文档中插入一个表格(1行、1列、100%宽),将表格的【高】属性也设置为"100%"。
提示:
切换至代码视图,将第2行的代码"
DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http:
//www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">"删除,因为这行代码有时会限制部分功能的实现,如表格高度的100%。
3.针对当前的文档新建一个"table-bg"样式,包含在新样式表文件"css1.css"中。
4.在【背景】分类中设置【背景图像】属性,如图2所示。
图2设置【背景图像】属性
5.在表格【属性】面板的【类】下拉菜单中选择创建的"table-bg"样式,如图3所示。
图3选择创建的"table-bg"样式
6.创建标签"body"的重新定义css样式,将边距设置为"0"。
7.单击【表单】面板中的"表单"按钮,在表格内插入一个空表单。
8.在表单内插入一个表格(7行、2列、90%宽、间距为5),如图4所示。
图4在表单内插入一个表格
9.将表格居中对齐,在css样式面板中对"caption"标签进行重新定义,如图5所示。
图5对"caption"标签进行重新定义
10.将表格的左列宽度设直为"45%"、【水平】属性设置为"右对齐",将右~IJ宽度设置为"55%",在左列中添加提示性文本,如图6所示。
11.依次在单元格内添加各表单域,如图7所示。
图7在文档中插入各表单域
头像的表单域较为特殊,因为需要实现动态的改变,所以要用菜单域和图像共同来实现,并要添加菜单域的"onChange"事件。
12.插入菜单域,在【属性】面板中将名称改为"face",然后单击"列表值"按钮,在【列表值】对话框中的【项目标签】栏下面添加"image<%=i%>",在【值】栏下面添加"/images/face/image<%=i%>.gif',如图8所示。
图8设置列表值
13.在菜单域的右侧插入图像"/images/face/image1.gif",并在【属性】面板中设置边框和对齐,将图像名称设置为"faceimg",如图9所示。
图9在【属性】面板中设置参数
14.切换至代码视图,在菜单域标签"select"之间加入"<%fori=1to60%>"和"<%next%>"
这是两段ASP代码,是将变量"i"从1~60进行一次循环,从而实现60个头像名称及图像路径的选择,如图10所示。
图10在代码中加入循环控制语句
下面开始将动态的选择结果传递给图像。
15.在标签"select"后面按下空格键,在下拉列表中选择"onChange"事件,如图11所示。
图11为标签"select"添加"onChange"事件
16.在"onChange"事件后面添加动作代码"faceimg.src=options[selectedlndex].value",用来改变图像的路径。
17.在最后一行中添加两个按钮,分别设置为"提交表单"和"重设表单",如图12所示。
图12设置按钮的动作属性
18.在如图12所示按钮的后面插入隐藏域,将其命名为"regtime",将其【值】选项设置为"<%=now()%>",如图13所示
图13插入隐藏域
19.分别为文档中的"table"、"input"、"select"、"textarea"标签创建重新定义CSS样式,将【类型】分类中的【大小】属性均设置为"12"。
20.将整个表单选中,然后打开【行为】面板,单击"添加行为"按钮,在弹出的快捷菜单中选择【检查表单】命令,打开【检查表单】对话框。
21.在对话框中将"usemame"和"password"表单域设置为【必需的】的值,将"mail"表单域设置为【电子邮件地址】,如图14所示。
22.单击"确定"按钮,完成设置,在【行为】面板中检查一下设置的"检查表单"的事件名称是否为"onSubmit",如图15所示。
当表单发送时(onSubmit),首先会触发"检查表单"动作,来检查一下用户名、密码是否为空,以及邮件地址是否正确。
如果正确,表单会被发送:
如果有错误,则会出现错误提示。
表单制作完成以后,下面来设置数据库链接和创建应用程序。
23.打开【应用程序】/【数据库】面板,单击"新建数据库"按钮,在弹出的菜单中选择【自定义连接字符串】命令,打开【自定义连接字符串】对话框,如图16所示。
24.在【连接名称】选项的文本框内输入"conn",在【连接字符串】选项的文本框内输入"Driver={MicrosoftAccessDriver(*.mdb)};DBQ="&Server.MapPath("/webdata/data.mdb"),然后单击"测试"按钮,查看是否测试通过,如图17所示。
图17测试成功消息框
测试成功后,【数据库】面板中会出现成功链接的数据库文件,如图18所示。
25.切换至【服务器行为】面板,单击"添加"按钮,在弹出的快捷菜羊中选择【插入记录】命令,如图19所示。
图18【数据库】面板图19快捷菜单
26.在随即打开的【插入记录】对话框中,在【连接】选项的下拉菜单中选择刚创建的连接"conn",然后将【插入到表格】选项设置为数据库中的"user"表,将【插入后,转到】选项设直为"/login.asp"(登录页),将表单元素与数据库中的字段名一一对应,如图20所示。
图20设置【插入记录】对话框中的各项参数
表单域与数据表中的字段对应关系一定要正确。
例如,如果文本域的内容是数字,而对应的数据表中的字段是时间,那么程序就会出错。
27.单击"确定"安钮,完成操作。
此时,网页中创建了插入记录应用程序,可以将表单中的信息传入到数据库中:
但是如果当注册的用户名出现重复时,应用程序无法控制,因此需要创建专门用来验证用户名是否重复的应用程序。
28.在【服务器行为】面板中单击斟按钮,在弹出的菜单中的选择【用户身份验证】/【检查新用户名】命令,打开【检查新用户名】对话框,如图21所示。
29.在【用户名字段】选项的下拉列表中选择"usemame",在【如果已存在,则转到】选项中设置页面本身"/reg.asp"。
至此,这个注册表单就制作完成了。
当用户注册成功后,将自动转到登录页进行登录:
当注册的用户名己存在,则转到注册页重新注册。
范例小结:
本例中使用了表单来制作注册页,通过字符串来与数据库进行链接,通过【插入记录】和【检查新用户名】命令来创建两个应用程序。
在使用【检查新用户名】命令之前,必须存在"插入记录"应用程序,这是其前提条件。
【检查新用户名】用来检查注册用户名是否与数据库中己有的用户名相同。
如果相同,注册用户信息将不再被插入到数据库中:
否则,其信息将被插入到数据库中。
起步--制作登录页
操作步骤提示:
1.新建文档"login.asp",然后链接样式表文件"css1.css"。
2.插入一个表格(1行、1列、100%宽),将表格的【高】属性设置为"100%"。
3.将代码"
DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http:
//www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">"删除。
4.在【属性】面板中将表格的【类】属性设置为"table_bg"。
5.在表格内添加登录所用的表单,如图22所示。
图22在文档中插入菜单
6.在【数据库行为】面板中单击"新建"按钮,在弹出的菜单中选择【用户身份验证】/【登录用户】命令,打开【登录用户】对话框,如图23所示。
图23【登录用户】对话框
7.在【登录用户】对话柜中设置各项参数,将表单中的用户名、密码与数据库中的用户名、密码字段相对应,如图24所示。
图24在【登录用户】对话柜中设置各项参数
通过将用户名和密码与数据库中的字段相比较,如果用户名、密码正确,那么将自动转向首页(index.asp)或者转向前一个页面:
如果用户名、密码不正确,那么将自动转向指示错误的页面(loginerror.htm)。
除了用户名和密码之外,还会用到一个数据库字段"admin",这个字段用来判断用户是否为管理员,从而决定是否可以访问只有管理员才能访问的管理页面。
8.创建登录失败页"loginerror.htm",并添加指向登录页的文本链接,如图25所示。
图25登录失败页
9.回到登录页,切换到代码视图。
此时会看到在代码中有两个阶段变量,如图26所示。
图26程序中的两个阶段变量
提示:
ASP的5个内置对象,其中就有"Session",程序通过"Session("MM_Usemame")"和"Session("MM_UserAuthorization")"这两个阶段变量保存用户成功登录后的用户名和数据库字段"admin"的值。
这两个变量在不同的页面间传递,直至浏览器从网站离开。
10.切换到【绑定】面板中,单击到按钮,在弹出的菜单中选择【阶段交量】命令,弹出【阶段交量】对话框,从中创建这两个阶段变量,如图27所示。
图27创建阶段变量
提示:
创建这两个阶段变量,是为了以后插入时方便。
小结:
登录页共完成两个步骤,一个是验证登录用户的用户名和密码,另一个是将成功登录的用户名和用户级别保存在两个阶段变量中,因此制作完登录页后,需要在【绑定】面板中创建"Session("MM_Usemame")"和"Session("MM_UserAuthorization")"两个阶段变量,以备应用程序使用。
进阶--注销登录
设计结果:
在不关闭网站的情况下,将登录用户的身份从网站中退出,变成没有登录的用户。
设计思路:
(1)首先要创建一个应用程序,来判断用户是否登录。
(2)然后使用【注销用户】命令将登录用户的信息清除。
具体制作步骤:
1.打开文档"top.asp",将光标置于右侧空白的单元格内。
2.单击【插入】/【ASP】面板中的"IF"按钮,在单元格内添加一段ASP代码,如图28所示
图28在代码中加入条件控制语句
3.在【绑定】面板中选中阶段交量"Session("MM_Usemame")",单击插入按钮,将阶段变量插入到代码之间,如图29所示
图29将阶段变量插入到代码之间
4.在阶段变量后面加上"=""",在ASP代码之后加上"您目前没有登录!
",如图30所示
当"用户名"为空时,网页中将显示"您目前没有登录!
"。
图30完成代码
当“用户名”为空时,网页中将显示“您目前没有登录!
”
5.单击【插入】/【ASP】面板中的"else"按钮,在文本后面添加一段ASP代码,表示"用户名"不为空的情况,如图31所示。
图31插入条件控制语句
6.将阶段交量"Session("MM_Username")"插入到文本之间,如图32所示。
图32插入阶段变量
7.将光标置于文本的后面,然后单击【插入】/【ASP】面板中的"end"按钮,结束"if'条件语句,如图33所示。
图33完成条件控制语句
8.在【服务器行为】面板中单击到按钮,在弹出的菜单中选择【用户身份验证】/【注销用户】命令,打开【注销用户】对话框,如图34所示。
图34【注销用户】对话框
9.在【注销用户】对话框的【单击链接】选项的下拉菜单中选择链接文本【"注销"】,然后将【在完成后,转到】选项设置为首页文件,如图35所示。
图35在【注销用户】对话框设置参数
10.单击确定按钮,完成设置。
11.在代码视图中将系统自动产生的第1行代码"<%@LANGUAGE="VBSCRIPT"%>"删除,然后保存文档。
提示:
因为这行代码在一个页面中只能出现一次,而页眉被插入的文档中有可能存在这行代码,所以程序会发生错误。
小结:
本例制作的是注销登录功能,将登录用户变成非登录用户,注销的原理是将登录后所创建的两个阶段变量清空。
此外,本例还使用了条件语句来判断用户的登录状态,从而在页眉中显示用户是否登录。
提高--管理员登录
设计结果:
本节将通过对用户的级别设置来限制登录用户对于后台管理页的访问,只有管理员级别的用户才能够访问特定的管理页面。
设计思路:
使用【用户身份验证】子菜单中的【限制对页的访问】命令来创建对管理页的访问限制。
操作步骤提示:
1.打开后台管理首页"admin.asp"。
2.在【框架】面板中将整个框架集选中。
3.在【服务器行为】面板中单击型才安钮,在弹出的菜单中选择【用户身份验】/【限制对页的访问】命令,打开【限制对页的访问】对话框,如图36所示。
图36【限制对页的访问】对话框
4.在如图6所示对话柜中单击"定义。
。
".按钮,打开【定义访问级别】对话框,在对话柜中添加访问级别"是",如图37所示。
图37添加访问级别
5.单击"确定"钮,回到【限制对页的访问】对话框,在【选取级别】列表框中将"是"选中,然后将【如果访问拒绝,则转到】选项设置为登录页"login.asp",如图38所示
图38完成参数设置
对于注册的用户,数据库中的"adrnin"字段的值都是"N",这是创建数据库时设定的默认值:
而如果要将用户变成管理员,需要将"admin"字段的值设置为"Y"这是在后台管理页中所具有的功能,目前还没有涉及到。
小结:
本例是如何验证登录用户是否是管理员的。
管理员不是一般的登录用户,他可以登录后台管理页,对整个网站进行管理。
因此在验证用户名和密码的基础上,还要验证用户级别。
保存用户级别的数据库字段是"admin",普通用户的"admin"值都是"N",只有管理员的"admin"值是"y"。
小结
本实验介绍了如何创建表单页及如何创建注册、登录、注销等网页应用程序,这其中包括如何使用字符串链接与数据库相连。
虽然在创建应用程序的过程中步骤比较简单,但是网页中却增加了大量的源代码,帮助用户完成了功能的实现。
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 登录 注册 注销 NEW