动态网页设计与制作.ppt

《动态网页设计与制作.ppt》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

1、第四部分：动态页面设计任务七：用户登录项目简介任务七：用户登录本任务将通过制作博客网站中的注册登录功能，学习设计的分析，具体功能的制作。为以后留言板和通讯录的制作做好准备。具体包括注册用户、用户登录、修改密码等。理解表单在数据提交中的作用理解客户端数据验证的代码掌握服务器行为：插入记录、更新记录、登录用户、检查新用户名Session语句的学习知识目标任务七：用户登录培养学生解决问题的能力正确应用服务器行为解决问题培养学生的沟通协调能力能力目标任务七：登录用户效果图任务七：登录用户知识点任务七：登录用户分析设计新用户注册用户登录修改用户密码注销用户分析设计任务七：登录用户任务功能结构网

2、站首页index.asp用户注册Register.asp用户登录index.sap修改密码update.asp新用户注册任务七：登录用户创建新用户注册页面文件Register.asp。通过首页用户登录栏的“新用户注册”按钮进入Register.asp页面。注册是要求用户输入用户名、密码和确认密码，客户端负责验证用户输入的信息，服务器端负责读取用户提交的用户名和密码并保存于ＵserLogin数据表中。注册成功后转入网站首页index.sap。制作向导任务七：登录用户创建新用户注册界面：①在“文件”窗口中，右击站点blog，在弹出的快捷菜单中选择“新建文件”创建。②打开regester.

3、asp文件，在设计视图中插入表单。③将光标定位在表单中，插入一个６行４列的表格，完成新用户注册界面设计。修改用户名、密码和确认密码的文本框名称，分别设置为Uname,Upass和UpassOK。制作向导任务七：登录用户添加插入记录服务器行为：打开“服务器行为”控制面板，单击面板上的＋按钮，在弹出的下拉菜单中选择“插入记录”对话框，设置相关参数。单击“确定”按钮，将信息保存于数据表中。制作向导任务七：登录用户添加插入记录服务器行为：打开“服务器行为”控制面板，单击面板上的＋按钮，在弹出的下拉菜单中选择“插入记录”对话框，设置相关参数。单击“确定”按钮，将信息保存于数据表中。制作向导任务

4、七：登录用户添加插入记录服务器行为：打开“服务器行为”控制面板，单击面板上的＋按钮，在弹出的下拉菜单中选择“插入记录”对话框，设置相关参数。单击“确定”按钮，将信息保存于数据表中。制作向导任务七：登录用户完善页面：基本页面创建后，可以发现某些数据提交的不完整行和重叠性，例如用户密码为空、出现相同的用户昵称等，因此，这里有必要在用户提交数据之前，对其操作行为进行合理性检查。在检查过程中，如果数据非法，则限制其提交；反之，则允许提交数据。用户登录任务七：登录用户用户在首页的“登录区域“输入用户名和密码后，服务器负责读取用户提交的用户名和密码。通过在数据表UserLogin中查找是否符合条

5、件的记录，验证该登录用户的身份是否合法，登录成功后转入index.asp，在“登录区域”显示“欢迎界面”，若登录失败将弹出非法用户对话框，并转入index.asp提供再次登录的机会。制作向导任务七：登录用户客户端输入信息验证：要求用户在登录时，用户与密码文本框均不能为空。该功能与“新用户注册”中的客户端用户输入信息验证方法相同。制作向导任务七：登录用户服务端登录用户身份验证①、选择首页文件index.asp“登录区域”所在的表单。②、打开“服务器行为”面板，选择“用户身份验证”>“登录用户”命令。③、打开登录用户对话框，如图１－４所示。设置完毕，单击“确定”按钮制作向导任务七：登录用

6、户读取登录用户的用户名：为了在登录成功的页面上显示用户名，所以我们还需要保存登录用户的用户名信息。①、打开index.asp，代码视图如下图所示。注意其中已经生成了用户的局部变量Session(“MM_Username”),该变量可以整站通用。制作向导任务七：登录用户②、在“绑定”面板中，单击＋按钮，并从弹出的菜单中选择“阶段变量”对话框中输入名称MM_Username，如图１－６所示。单击“确定”按钮，进入“绑定”面板，如下图所示。生成的阶段变量将随用随调，非常方便。修改用户密码任务七：登录用户创建修改用户密码页面update.asp。要求显示登录用户的用户名，提示用户输入新密码与

7、确认密码，并将数据表UserLogin中登录用户密码字段的值改为新密码的值，修改成功后转入index.asp。制作向导任务七：登录用户创建修改用户密码界面①、创建update.asp页面。打开文件，在设计视图中插入表单，表单名为form1。②、插入一个７行４列的表格，完成修改用户密码界面，如效果展示图。从“绑定”面板中拖入Session变量。制作向导任务七：登录用户客户端用户输入信息验证：要求新密码和确认密码的文本框值非空且相等。其操作方法类似于新用户注册