[互联网]第10章网页设计与制作.ppt

* （12）单击【窗口】→【服务器行为】命令，弹出【服务器行为】面板，如图所示。 * （13）单击【＋】→【插入记录】命令，弹出【插入记录】对话框。在【连接】下拉列表中选择【conn】选项。在【插入到表格】下拉列表中选择【tb_user】选项。在【插入后，转到】文本框中输入“add_ok.asp”。在【获取值自】下拉列表中选择【frmdata】选项，如图所示。 * （14）单击【确定】按钮，关闭【插入记录】对话框。返回【服务器行为】面板，向导将自动在其下拉列表中添加一条【插入记录（表单“frmdata”）】的列表选项，如图所示。 * （15）单击【＋】→【用户身份验证】→【检查新用户名】命令，弹出【检查新用户名】对话框。在【用户名字段】下拉列表中选择“name”选项。在【如果已存在，则转到】文本框中输入“add_wrong.asp”，如图所示。 * （16）单击【确定】按钮，关闭【检查新用户名】对话框。返回【应用程序】面板，向导将自动在其下拉列表中添加一条【检查新用户名】的列表选项，如图所示。 * （17）通过标签【标签选择器】选中该表单（frmdata）。在【属性】检查器中，在【动作】文本框中会看到系统自动写入“%=MM_editAction%”的值，如图所示。 * 2.录入成功信息提示页面（add_ok.asp） 在用户信息录入界面中，添加信息完成。如果成功，则跳转录入成功信息提示页面。进入该网页2秒后，跳转到用户注册信息分页显示页面。录入成功信息提示页面制作过程，如下所示： （1）打开Dreamweaver的设计界面。单击【文件】→【新建】命令，新建一个名为“add_ok.asp”的标准ASP文件。 （2）单击Dreamweaver【插入】工具栏中【常用】→【表格】命令。在弹出的【表格】对话框中进行相应设置，在【文档】窗口中插入了一些表格用于定位。 * （3）根据实际情况，可以对特定的单元格进行宽度和背景图片的指定，来修饰表格的外观。在此基础上，再对单元格行适当的排版，录入相应的文字信息具体效果如图所示。 * （4）单击Dreamweaver【插入】面板中【常用】→【文件头：刷新】按钮。在弹出的【刷新】对话框中【延迟】文本框中输入“2”。在【操作】选项组中选中【转到URL:】选项，并在其对应的文本框中输入“list.asp”，如图所示。 * （5）单击【确定】按钮,关闭对话框。 启动Internet Explorer，在地址栏中输入“http://localhost/add.asp”。输入用户注册信息，如图所示。 * 单击【提交】按钮，用户信息会自动录入到数据库。转到add_ok.asp页面，如图所示。 * 经过2秒的防恶意刷新处理，系统会自动转到list.asp页面，如图所示。 * 3.录入失败信息提示页面（add_wrong.asp） 在用户信息录入页面中，录入信息失败后，将跳转到录入失败信息提示页面。显示该页面2秒后，将跳转到用户信息录入页面，要求用户重新录入。录入失败信息提示页面制作过程如下所示。 （1）打开Dreamweaver的设计界面。单击【文件】→【新建】命令，新建一个名为“add_wrong.asp”的标准ASP文件。 （2）单击Dreamweaver【插入】工具栏中【常用】→【表格】命令。在弹出的【表格】对话框中进行相应设置，在【文档】窗口中插入了一些表格用于定位。 （3）根据实际情况，可以对特定的单元格进行宽度和背景图片的指定，来修饰表格的外观。在此基础上，再对单元格行适当的排版，录入相应的文字信息具体效果如下图所示。 * * （4）单击Dreamweaver【插入】面板中【常用】→【文件头：刷新】按钮。在弹出的【刷新】对话框中【延迟】文本框中输入“2”。在【操作】选项组中选中【转到URL:】选项，并在其对应的文本框中输入“add.asp”，如图所示。 * 4.测试用户信息录入功能 启动Internet Explorer，在地址栏中输入“http://localhost/add.asp”。如若输入重复的用户注册信息，如图所示。 * 单击【提交】按钮，用户信息会自动录入到数据库。转到asp_ok.asp页面，如图所示。 * 10.3.4 用户登入验证功能的实现 用户登入可能是用户管理在对外平台上最终要呈现的功能。要实现用户登入验证也是通过两个页面进行处理。分别是用户登入页面（login.asp）、登入成功信息提示页面（login_ok.asp）。 1. 用户登入页面（login.asp） 用户登录页面比较简单，为用户提供登录接口。提交登录信息后，自动处理用户登录信息。设计过程如下所示。 （1）打开Dreamweaver的设计界面。单击【文件】→【新建】命令，新建一个名为“