实验六 动态网页设计二.docVIP

实验六 动态网页设计二 一、实验目的:【】—新用户注册、新闻的修改与删除 二、实验内容：【】【】【】【】【】【】【】【】【】—IIS上配置你的站点 双击上图中左侧的“Default Web Site”,在右侧的操作窗格中单击高级设置……选项，设置网站的。打开 IIS 管理器在“功能”视图中，双击“目录浏览”。在“目录浏览”页上，在“操作”窗格中单击“启用”。（1）【】【】【】【】（2）【】【】【】”conn”，在弹出的菜单中选择“刷新”。 至此，双击打开站点下的.asp文件，然后依次单击【】用户注册主要是提供一个用户自动注册的平台。这个添加记录功能的实现通过 3 个页面进行处理： 用户信息录入页面（add.asp）、录入成功信息提示页面（add_ok.asp）以及录入失败信息提示页面 （add_wrong.asp）。用户信息录入页面（add.asp）实现用户信息添加的功能。设计过程如下所示。 （1）打开 Dreamweaver 的设计界面。单击【文件】|【新建】命令，新建一个名为“add.asp”的标 准 ASP 文件单击 Dreamweaver【插入】工具栏中【表单】|【表单】命令，在文档最前头插入表单录入成功信息提示页面（add_ok.asp）录入失败信息提示页面（add_wrong.asp） （）通过【标签选择器】选中该表单。在【属性】检查器中【表单名称】文本框中输入“frmdata”。在【目标】 下拉列表中选择【_self】选项，如图 所示。 图 【属性】检查器 （）插入表单元素，包括文本字段、按钮等，所示add.asp。 下面提供了表单元素的属性列表，如表 所示。表 表单元素的属性列表 对应标签名 表单元素id 用户帐号 name 登入口令 pswd repswd （）通过【标签选择器】选中“frmdata”表单，如图 所示。 图 标签选择器 （）单击【窗口】|【行为】命令，弹出【标签form】面板，如图所示。（）单击【＋】|【检查表单】命令，弹出【检查表单】对话框。在【命名的栏位】列表中分别选 择不同的栏位，选中其对应的【值】选项组下的【必需的】选项，如图 所示。 图 【标签form】面板 图 【检查表单】对话框 （）单击【确定】按钮，关闭【检查表单】对话框。返回【标签form】面板，向导将自动在其 下拉列表中添加一条在【onSubmit】事件时发生的行为【检查表单】的列表选项（）用鼠标选中【确认口令】所对应的文本框。单击【＋】|【调用 JavaScript】命令，弹出【调 用 JavaScript】 对 话 框 。 在 【JavaScript】 文 本 框 中 输 入 “if(document.getElementById(pswd).value!=document.getElementById(repswd).value){alert(两次口令 输入不一致！);}”，如图 所示。 图 【调用 JavaScript】面板 （）单击【确定】按钮，关闭【调用 JavaScript】对话框。返回【标签input】面板，向导将自 动在其下拉列表中添加一条在【onBlur】事件时发生的行为【调用 JavaScript】的列表选项（1）【】单击【＋】|【插入记录】命令，弹出【插入记录】对话框。在【连接】下拉列表中选择【conn】 选项。在【插入到表格】下拉列表中选择【tb_user】选项。在【插入后，转到】文本框中输入“add_ok.asp”。 在【获取值自】下拉列表中选择【frmdata】选项，如图 所示。 （1）单击【确定】按钮，关闭【记录集】对话框。返回【应用程序】面板，向导将自动在其下拉 列表中添加一条【插入记录（表单“frmdata”）】的列表选项。 图 【插入记录】对话框 （1）单击【＋】|【用户身份验证】|【检查新用户名】命令，弹出【检查新用户名】对话框。在 【用户名字段】下拉列表中选择【name】选项。在【如果已存在，则转到】文本框中输入“add_wrong.asp”， 如图 所示。 （1）单击【确定】按钮，关闭【检查新用户名】对话框。返回【应用程序】面板，向导将自动在 其下拉列表中添加一条【检查新用户名】的列表选项 图 【检查新用户名】对话框 （1）通过标签【标签选择器】选中该表单（frmdata）。在【属性】检查器中，在【动作】文本框 中会看到系统自动写入“%=MM_editAction%”的值。录入成功信息提示页面（add_ok.asp）在用户信息录入界面中，添加信息完成。如果成功，则跳转录入成功信息提示页面。进入该网页 2 秒后，跳转到用户注册信息分页显示页面。录入成功信息提示页面制作过程，如下所示。 （1）打开新建名为“add_ok.asp