网站建设项目教程-43课件.pptVIP

任务4.3　用户登录 学习目标： 　 　　学会用户登录网页的设计方法，修改相关页面的提示信息及添加相应操作。学习整体考虑问题的方法。 　　4、编辑表单。将用户名后的文本框命名为name，密码后的文本框命名为ps。 　　5、设置按钮属性。将提交按钮的值改为“登录”，将重置按钮的值改为“注册”，动作选为“无”，再在代码视图中加上一段代码：onclick=”location.href=’us_add.asp’”。 　　6、选中表单form1，在“应用程序”面板中的“服务器行为”卡上单击增加按钮“+”，在弹出的下拉菜单中选择“用户身份验证”→“登录用户”命令。在弹出对话框的访问级别中选了“审核”字段。再增加一点代码。 7、存盘预览测试。 　　8、用户登录页login.asp的编辑：打开“前台.asp”，另存为“login.asp”，将标题改为“用户登录”。这个网页的功能与上面所述的登录与注册区域的功能相似，它专门用来注册用户登录的。设计方法也十分相似，这里就不在详述了。 　　问：用户登录与否，浏览者能否看出来呢？或者是否有什么提示信息呢？ 一、复习引入： 1、用户注册和管理是如何实现的？ 2、浏览用户登录有关页面，思考怎样设计它们？ 二、规划用户登录页面： 1、本功能相关页面： 　　index.asp、login.asp、us_info.asp。 2、网页链接关系： 　　index.asp→login.asp→us_info.asp。 三、编辑index.asp中的注册登录区域： 1、打开首页index.asp，规划好网页。 2、在左上角的一个单元格中插入一个表单form1。 　　3、在表单form1中插入一个4行2列的表格来规划表单。 将第一、四行分别合并为一个单元格。 四、在首页中，用户登录前后的提示信息编辑。 　　1、打开首页index.asp，在网页上部的中间位置输入两 　 句不同的文字。如：“你还没有登录!”与“欢迎光临本站! 　 用户信息　注销”。 　　2、绑定记录集us。由于使用了“用户登录”服务器行 　 为后系统内存中自动用一个阶段变量MM_Username保存了 　 用户信息，所以我们可以利用它绑定用户表users中的记录， 　 从而提示用户登录信息。 　　3、在“欢迎光临本站!　用户信息　注销”的“欢迎” 　 两字后插入姓名字段{us.姓名}，此句话变成“欢迎{us.姓名} 　 光临本站!　用户信息　注销”。这样用户一看到此信息就能 　 判断出自己是不是已登录。 4、还要添加两个“显示区域”服务器行为。 　　选中“你还没有登录!”，在“应用程序”面板中的“服 　 务器行为”卡上单击“+”，选择“显示区域”→“如果记录 　 集为空则显示区域”命令； 　　选中“欢迎{us.姓名}光临本站!　用户信息　注销”，在 　 “应用程序”面板中的“服务器行为”卡上单击“+”，选择 　 “显示区域”→“如果记录集不为空则显示区域”命令。 　　5、添加注销用户服务器行为。选中“注销”，在“应 　 用程序”面板中的“服务器行为”卡上单击“+”，选择“用 　 户身份验证”→“注销用户”命令。 　　6、最后，选中“用户信息”四个字，给它添加到用户 　 信息页us_infor.asp的一般超链接。 五、用户信息页us_infor.asp的编辑。 　　1、打开“前台.asp”，另存为“us_infor.asp”，将标题改为“用户信息”。 2、绑定记录集inf，筛选为： 　　账号＝阶段变量MM_username。 　　3、在主体中添加表单form1，在表单中插入4行4列的表格来规划表单。 　　4、编辑表单。输入必要的提示信息，在表格中插入一些字段，添加两个文本框：取名为xm的显示和修改用户姓名的文本框，取名为pswd的显示和修改用户密码的文本框。 　　修改密码也可设计两个文本框，并且判断它们的一致性。 5、给表单添加“更新记录”服务器行为。 　　这个网页设计好以后，注册用户就可以随时登录，修改自己的姓名和密码等注册信息，特别是可以方便地自己修改自己的登录密码。 六、小结： 　　用户登录是注册用户很看重的部分，界面要设计得尽量 　 友好。相关编辑主要有： 1、首页中的用户登录与注册区域； 2、用户登录与注册页； 3、用户登录时的代码修改； 4、用户注册信息的显示与修改页； 5、有关页面中，用户登录与否的不同提示的编辑。 七、作业： 　　设计好用户登录的相关页面，思考如何才能让用户使用 　 更方便。 实习17：设计制作用户登录页面 一、设计制作用户登录专门网页login.asp。 　　1、添加表单，规划编辑表单。 　　2、添加登录用户服务器行为，并修改有关代码，审核通过的用户才能登录。 　　3、编辑两个按钮，为“注册”按钮修改功能代码。 二