学用DreamWeaver做ASP(五)

资讯 驱动中国 sevenleaf 2,897 次阅读 0 条评论
分享 Q

第五步:登陆系统篇

      1, 在站点里右键新建一文件login.asp用来做登录页面;同样,之前已经建了和数据库连接的文件conn.asp。所以在你新建的login.asp中的“应用程序”----“数据库”标签里面就自动有了"conn"。

 

      2,和注册页面一样,都需要到“应用程序”面板的“绑定”标签下“+”记录集。弹出窗口中选择完毕后点击“测试”,可以看到当前数据库中满足SQL条件的相关记录。

 

 

      注:该图显示表明数据库中的相关内容,name:cnbruce,pwd:123456和name:cnrose,pwd:123456。记住它,可以在我们测试登录的时候用到。

      3,在登录页中做了Form表单,并对输入文本框进行合理命名。

 

      4,点选form标记,设计页中整个表单被选中。

 

      5,选择“应用程序”面板中“服务器行为”中“+”----“用户身份验证”----“登录用户”。

 

      6,弹出的对话框中进行具体的设置。“从表单获取输入”意思是从本asp页面中选择具体的form表单,以及该表单中的所必有的用户名字段和密码字段。

      “连接验证”表示通过conn文件和数据库表进行连接设定。选择“user表格”,用户名列表和密码列表即数据库中的特定用户名字段和密码字段。很明显,让库中的字段的内容和表单中提交的内容进行验证比较连接。

      “登录成功,转到”loginok.asp,该页面是一权限页面,只有当登录完全正确的时候才能进入。否则是登录失败,转到loginbad.html。

      7,确定后,login.asp基本完成。切换到login.asp的代码窗口,注意!已经生成了用户的局部变量Session:“Session("MM_Username"= MM_valUsername”。该变量可以全站采用的。

 

      8,新建一loginok.asp,其是一个保护页面,只有当用户密码正确登录后才会进入。否则跳转到loginbad.html(登录失败,可能原因是用户名或密码错。)打开loginok.asp,“应用程序”---“绑定”---“阶段变量”

 

      9,弹出的阶段变量对话框中,根据第7步的代码显示,名称输入MM_Username句即可。

 

      10,选择建立起来的“MM_Username”,按下“插入”按钮或者拖入页中。可以让不同用户进入时动态显示其对应的姓名。

 

      11,再为loginok.asp做下权限限定,意思是你可以知道http://localhost/newgn/loginok.asp,但你单纯在地址栏输入绝对是进不了的,或者用户密码不正确也是进不了的。那该怎么实现这样的效果呢?

      “服务器行为”---“身份验证”---“限制对页的访问”就OK了。

 

      12,按“用户名和密码”进行限制,拒绝则跳转到“loginbad.html”

 

      13,有关loginok.asp基本设置完毕,感觉还是蛮麻烦的,不过按步骤来会好很多,呵呵。

      1,你注册了吗?没有的话来登记下吧!

      2,你是不是忘了什么东西了,返回仔细填下哦。

      14,差不多了,调试一下。当然先从login.asp开始,填写个正确的看看。

      测试:

 

      注意后面的name是cnbruce

 

      再用name:cnrose,pwd:123456

 

      注意,同样是loginok.asp,但显示的人姓名不一。

 

      再随便敲个http://localhost/newgn/loginok.asp看看,其自动跳转到loginbad.html。

 

      今天就把登录系统好好做下,就够你用时间的了。

      还有,再把前面的多多复习,直到闭着眼睛一气呵成到登录系统。

      嘿,说实话,我以前做了不下50遍,现在虽搁了今3个月,但一样很上手。

      那多练啊,打基础啊,呵呵!

      下一篇:查找密码系统。。。

DreamWeaver ASP
版权声明:本文由驱动中国整理发布,转载需注明出处与原文链接。如有疑问请联系 editor@qudong.com
本文价值 成为第一个评分的人
登录后为本文打分
网友评论0 条评论
正在回复 的评论取消
评论加载中…
🔐

登录后参与互动

评论、点赞均可赚积分
连续签到、邀请好友也有奖励 🎁

电脑端: 微信扫码登录 微信内: 一键登录

微信扫一扫

打开微信「扫一扫」,分享本文到朋友圈或好友