Dreamweave动态网页使用数据库要点

一个使用数据库的一个使用数据库的实例实例 表单制作完成后是静态的 接下来要为表单设计数据库 让表单与数据库连接 并开发出功能完备的网站应用程序 表单才有实用价值 Dreamweaver MX 2004 提供 了用可视化方式设计互动网页的方法 下面介绍一个使用数据库的简单实例 采用的操作系统是 Windows XP IIS 5 0 采用的数据库是 Access 2000 1 建立站点和网页文件建立站点和网页文件 1 建立本地文件夹 C Inetpub wwwroot classmate 2 在 Dreamweaver 中建立 classmate 站点指向本地文件夹 建立站点的方法 参见第 2 章 站点设置如图 9 23 所示 图 9 23 建立站点指向本地目录 3 打开 文件 面板 选择 classmate 站点 新建 4 个文件 input asp show asp edit asp delete asp 分别完成输入 显示 修改 删除数 据的功能 2 确定站点测试服务器确定站点测试服务器 确定站点测试服务器的步骤如下 1 在 管理站点 对话框中选择 classmate 单击 编辑 按钮 显示 站点定 义 对话框 在 分类 项中选定 测试服务器 2 单击 服务器模型 框下拉按钮 在提供的选项中选择一种动态脚本语言 本例选择了 ASP JavaScript 3 在 访问 框中选择 本地 网络 网站建设与管理2 4 在 测试服务器文件夹 框中选择刚才建好的本地站点文件夹 URL 前缀 框中会自动显示相应内容 测试服务器 设置如图 9 24 所示 图 9 24 设置 测试服务器 3 用用 Access 建立数据库和数据表建立数据库和数据表 在 Access 中建立数据库和数据表的步骤如下 1 启动 Access 新建数据库 将建立的数据库以 classmate 为名字保存在本 地站点文件夹中 2 在 classmate 数据库中新建名为 tx 的数据表 关闭 Access 表结构如图 9 25 所示 图 9 25 建立 tx 的数据表 3 在 Dreamweaver 的 文件 面板中可以看到新建的数据库文件已经在站点中 如图 9 26 所示 第 10 章 使用网页表单进行交互3 图 9 26 站点中可以看到数据库文件 4 建立数据库的连接建立数据库的连接 在 Dreamweaver MX 2004 中进行数据库的连接的步骤如下 1 打开 控制面板 双击 管理工具 选择 ODBC 数据源 显示 ODBC 数据源管理器 对话框 如图 9 27 所示 图 9 27 ODBC 数据源管理器 ODBC 是开放式数据库互连标准 类似于一种通用翻译器 为每种特定的数据库 类型指配驱动程序 为了简化 ODBC 连接过程 建立了 DSN 数据源名称 协议 DSN 是数据源实际位置的别名 Windows 系统中 本地 DSN 由 ODBC 数据源管理器管理 远端 DSN 由系统管理员在服务器上建立 2 单击 系统 DSN 选项卡 单击 添加 按钮 显示 创建新数据源 对话 框 在名称列表中选择 Microsoft Access Driver mdb 如图 9 28 所示 网站建设与管理4 图 9 28 创建新数据源 对话框 3 单击 完成 按钮 弹出 ODBC Microsoft Access 安装 对话框 为数据源 起名为 classmate 如图 9 29 所示 图 9 29 ODBC Microsoft Access 安装 对话框 4 单击 选择 按钮 弹出 选择数据库 对话框 选择本地站点文件夹 选 择数据库 如图 9 30 所示 第 10 章 使用网页表单进行交互5 图 9 30 选择数据库 对话框 5 单击 确定 按钮 回到 ODBC 数据源管理器 窗口 可以看到 classmate 已经在系统数据源名称中 这就是要使用的数据库 如图 9 31 所示 图 9 31 一个新的数据源创建成功 5 制作输入数据的动态网页制作输入数据的动态网页 1 在 文件 面板中双击 input asp 打开该网页文件 参照数据表 tx 的结构建立 表单 如图 9 32 所示 网站建设与管理6 图 9 32 制作输入数据的动态网页 2 打开 数据库 面板 单击按钮 在下拉菜单中选 数据源名称 开始为 输入数据的网页文件定义数据库连接 如图 9 33 所示 图 9 33 为输入数据的网页文件定义数据库连接 3 在随后打开的 数据源名称 DSN 对话框中设置参数 选择数据源名称 为 数据源连接起一个连接名称 如果没有 DSN 可以单击 定义 按钮进行定义 单击 确定 按钮 如图 9 34 所示 图 9 34 选择数据源与定义数据源名称 4 在 数据库 面板中可以看到所建立的数据库连接 展开后可以看到这个数据 库中的所有元素和数据表的信息 如图 9 35 所示 第 10 章 使用网页表单进行交互7 图 9 35 查看数据库和数据表的信息 5 打开 服务器行为 面板 单击按钮 在下拉菜单中选择 插入记录 如 图 9 36 所示 插入记录操作将使表单与数据表建立联系 图 9 36 插入记录操作 6 在弹出的 插入记录 对话框中将窗体字段与数据表字段配对 1 在 连接 框中输入连接名称 本例选 classmate 2 在 插入到表格 框中选择数据库中的数据表 本例选 tx 3 在 插入后转到 框中选择当前站点中一个网页文件 本例选 show asp 当在 input asp 中单击 提交 按钮后 会打开 show asp 网页 4 在 获取值自 框中选择表单名称 本例选 form1 5 选中一个表单元素名称 在 列 框中选一个表的字段名 完成窗体字段与数 据表字段的配对 如图 9 37 所示 网站建设与管理8 图 9 37 将窗体字段与数据表字段配对 7 全部配对完毕后单击 确定 按钮 可以看到 服务器行为 面板中添加了一 个插入记录行为 如图 9 38 所示 图 9 38 添加插入记录行为 8 打开输入信息的网页文件 input asp 按 F12 键浏览网页 在表单中输入数据 单击 提交 按钮 显示 show asp 9 关闭 show asp 在 文件 面板中双击库文件名打开库 双击表名打开表 可 以看到在表单中输入的信息已经存在表中了 6 制作显示数据的动态网页制作显示数据的动态网页 1 在 文件 面板中双击 show asp 打开该文件 画一个 3 行 2 列表格 选中表格 在属性面板中设置表格的边框为 0 2 打开 绑定 面板 单击按钮 在显示的菜单中选 记录集 建立一个数 据库查询的数据记录 如图 9 39 所示 第 10 章 使用网页表单进行交互9 图 9 39 建立一个数据库查询的数据记录 3 在接下来显示的 记录集 对话框中设置参数 如图 9 40 所示 如果 连接 框中没有可选择的连接 单击 定义 按钮重新设置一个 排序 框中选择 ID 排 序次序选择 降序 使最新提交的表单显示在最前面 图 9 40 设置 记录集 4 单击 测试 按钮可以预先查看记录排序的结果 如图 9 41 所示 图 9 41 预先查看记录排序的结果 5 单击 确定 按钮 可以看到 绑定 面板中有一个名为 rs 的记录集 6 展开 绑定 面板中的记录集 在表格第 1 行第 2 列单击 选定 绑定 面板 网站建设与管理10 记录集的 xm 字段 单击 绑定 面板下方的 插入 按钮 如图 9 42 所示 图 9 42 将 绑定 面板的字段插入到表格中 7 全部字段绑定到表格后 表格如图 9 43 所示 图 9 43 全部字段绑定到表格 8 选定表格 打开 服务器行为 面板 选 重复区域 如图 9 44 所示 用 重复区域 功能可以使一页显示多条记录 图 9 44 启用 重复区域 功能 9 在 重复区域 对话框中设置每页显示 3 条记录 如图 9 45 所示 第 10 章 使用网页表单进行交互11 图 9 45 设置每页显示 3 条记录 10 设置完成后表格上方有 重复 标记 如图 9 46 所示 为表格插入一条水平 线作为记录的分隔线 图 9 46 设置完成后的表格 11 按 F12 键浏览 show asp 结果如图 9 47 所示 图 9 47 show asp 的显示结果 7 制作修改数据的动态网页制作修改数据的动态网页 1 在 show asp 中添加 修改 文字 选中文字 打开 服务器行为 面板 单 击按钮 选择 转到详细页 在对话框设置参数 单击 确定 按钮 修改 网站建设与管理12 文字成为包含动态内容的超链接 对话框设置如图 9 48 所示 用 id 作为表单数据与表 数据的匹配参数 图 9 48 转到详细页 对话框 2 关闭 show asp 打开 edit asp 建立一个数据查询记录集 方法与在 show asp 中操作的相同 3 在 edit asp 中建立表单 第 1 行是 ID 字段 每条记录将根据 ID 惟一确定 表 单如图 9 49 所示 图 9 49 在 edit asp 中建立表单 4 单击 服务器行为 面板按钮 选择 记录集分页 继续选 移至特定 记录 显示 移至特定记录 对话框 移至特定记录 的作用是移动当前记录集中 的记录指针到合适位置 选择 id 作为参数找出数据库里对应的记录 进而将数据库内 容显示在页面上 参数设置如图 9 50 所示 第 10 章 使用网页表单进行交互13 图 9 50 移至特定记录 对话框 5 在表单中选定位置 在 绑定 面板中选定字段 单击 绑定 面板下方的 插入 按钮 将数据库中的字段绑定到表单的相应位置中 如图 9 51 所示 图 9 51 数据库中的字段绑定到表单的相应字段中 6 单击 服务器行为 面板按钮 选择 更新记录 在对话框中设置参 数 如图 9 52 所示 定义更新后显示 show asp 页面 图 9 52 更新记录设置 7 打开 show asp 单击一个记录下的 修改 文字 显示 edit asp 页面 在 edit asp 页面的表单中修改数据 如图 9 53 所示 网站建设与管理14 图 9 53 在 edit asp 页面的表单中修改数据 8 修改数据后单击 提交 按钮 显示 show asp 页面 修改后的结果会立即在 show asp 页面显示出来 如图 9 54 所示 图 9 54 显示修改后的结果 8 制作删除数据的动态网页制作删除数据的动态网页 1 在 show asp 页面中添加 删除 文字 选中文字 单击 服务器行为 面板 按钮 选择 转到详细页面 设置参数如图 9 55 所示 第 10 章 使用网页表单进行交互15 图 9 55 给 删除 文字设置服务器行为 2 在 delete asp 上建表单 使表单字段的名称与数据库中数据表字段名称一致 用前面相同的方法设置 移至特定记录 将数据库中的字段绑定到表单的相应字段 中 如图 9 56 所示 图 9 56 删除页面的设置 3 单击 服务器行为 面板按钮 选择 删除记录 在 删除记录 对话 框中设置参数 如图 9 57 所示 图 9 57 设置 删除记录 参数 网站建设与管理16 4 服务器行为 面板中记载了对当前页所进行的操作 如图 9 58 所示 图 9 58 对当前页所进行的操作 5 制作一个显示删除成功的页面 ok asp 删除完成后显示该页面 6 运行 show asp 如图 9 59 所示 图 9 59 运行 show asp 7 单击 删除 文字将显示 delete asp 页面 如图 9 60 所示 图 9 60 单击 删除 文字将显示 delete asp 页面 8 在 delete asp 页面中单击 确定