第 五 篇 编 辑 与 脚 本 编 程第 六 篇 建 立 综 合 解 决 方 案附 录

Microsof t Visual InterDev 6.0 简 介

Mi cr os of t Vi su al I n t e r D e v 6.0 是 为 程 序 员 完 成 下 列 任 务而 设 计 的 W e b 开 发 工 具

• 数 据 驱 动 Web 应 用 使 用 由 ODBC 或 OLE DB 所 支 持 的 数 据 资 源 例 如得 到 微 软 公 司 数 据 库 管 理 系 统 支 持 的 数 据 资 源

• 使 用 HTML 和 脚 本 的 广 泛 Web 页 面 在 这 样 页 面 中 的 应 用 使 用 最 先 进 的浏 览 器 技 术 例 如 使 用 Microsoft Internet Explorer 4.0 因 特 网资 源 管 理 器 动 态 HTML 和 多 媒 体 特 性

• 强 健 的 开 发 环 境 使 用 脚 本 编 程 模 型 设 计 期 间 控 件 DTC 和 一 种扩 展 的 工 具 箱 这 个 工 具 箱 用 于 页 面 的 快 速 设 计 并 进 行 测 试 和 调 试

• We b 工 作 组 他 们 可 以 独 立 开 发 页 面 并 随 时 准 备 访 问 和 维 护 主 版 本他 们 也 可 以 包 括 借 助 于 Microsoft FrontPage 在 主 版 本 上 进 行 工 作 的非 程 序 人 员

• **综

  合 解 决 方 案** 其 中 包 括 一 些 小 应 用 程 序 或 部 件 它 们 是 用 Microsoft Visual Bas ic Visual C++ Visual J++ 和 Visual Fox Pro 创 建 的

下 图 汇 总 了 在 Visual Int erDev 中 可 能 用 到 的 特 性 和 工 具

这 个 图 表 示 在 HTML 编 辑 器 的 Design 视 图 上 显 示 一 个 打 开 的 .asp 文 件 这里 的 toolbox 工 具 箱 Project Ex plorer 项 目 资 源 管 理 器 和 Data View 数 据 视 图 诸 窗 口 的 尺 寸 都 进 行 了 改 动 以 便 使 你 能 容 易 看 清 它 们 的 内 容

你 也 可 以 按 照 你 的 需 要 改 变 你 的 工 作 区 域 关 闭 工 具 条 工 具 箱 或 窗 口 或 改变 它 们 的 大 小 或 重 新 安 排 它 们 的 位 置

原 型 及 其 站 点 图 主 样 板 和 布 局

在 你 使 用 工 具 的 时 候 为 什 么 键 入 的 每 件 事 情 都 能 进 入 一 个 文 本 文 件 使 你可 以 精 力 集 中 于 内 容 和 功 能 呢 因 为 文 件 管 理 链 接 修 正 和 导 航 都 由 Visual InterDev 6 . 0 中 的 工 具 承 担 起 来

Visual InterDev 6.0 所 包 含 的 站 点 设 计 工 具 可 以 帮 助 你 很 容 易 地 规 划 页 面安 排 链 接 把 相 关 主 样 板 theme 用 于 你 的 Web 站 点

站 点 图 你 可 以 使 用 站 点 图 规 划 Web 站 点 的 整 体 结 构 规 定 页 面 之 间 的 导 航并 且 能 迅 速 而 容 易 地 使 用 一 般 直 观 设 计 部 件

在 一 个 站 点 图 中 你 可 以 创 建 一 个 原 型 其 中 包 括 多 个 文 件 并 且 同 时 规 定各 文 件 之 间 的 层 次 关 系 再 使 用 这 个 层 次 关 系 定 义 站 点 导 航 结 构 例 如 你 把主 页 考 虑 作 为 父 文 件 把 其 他 页 面 都 作 为 子 文 件 连 接 到 这 个 父 文 件 上

布 局 一 旦 建 立 起 导 航 结 构 你 就 可 以 把 导 航 栏 加 到 你 的 Web 页 面 上 使 用一 种 布 局 你 就 可 以 迅 速 定 义 导 航 栏 其 中 具 有 父 文 件 子 文 件 和 同 级 文 件 的结 合 关 系 例 如 一 个 主 页 可 以 链 接 到 几 个 子 文 件 上 而 这 些 子 文 件 又 可 以 链 接到 其 他 同 级 文 件 上 依 此 类 推

主 样 板 借 助 于 主 样 板 很 容 易 把 一 种 相 关 的 直 观 效 果 加 到 你 的 Web 页 面 上

主 样 板 和 布 局 都 可 以 扩 展 和 剪 裁 这 样 在 你 Web 站 点 应 用 的 所 有 页 面 上 可 以建 立 不 同 风 格 这 些 不 同 风 格 也 可 以 用 于 你 站 点 的 局 部 中

在 使 用 站 点 图 布 局 图 和 主 样 板 开 发 Web 站 点 的 时 候 实 际 的 文 件 结 构 和 导航 栏 也 就 自 动 建 立 起 来 了 为 了 简 化 对 已 开 发 的 Web 应 用 程 序 的 维 护 工 作 站点 图 允 许 你 在 更 新 站 点 图 时 保 持 导 航 栏 为 当 前 状 态

在 下 页 的 图 中 一 个 新 站 点 图 已 经 打 开 在 你 保 存 这 个 图 时 加 入 这 个 图中 的 任 何 页 面 也 都 加 到 项 目 上

试 试 看

• 创 建 一 个 站 点 图 单 击 Project Ex plorer 中 你 的 项 目 选 择 Add 增加 和 Site Diagr am 站 点 图

• 使 用 站 点 图 工 具 栏 Site Diagr am toolbar 上 第 一 个 按 钮 把 一 些 文件 加 到 这 个 图 中 保 存 这 个 图 注 意 这 些 文 件 出 现 在 你 的 项 目 中

• 在 你 的 Web 浏 览 器 中 预 览 你 的 新 页 面 测 试 自 动 施 加 的 导 航 如 果 在 你的 页 面 上 看 见 [vinabar] 你 就 需 要 安 装 NavBar Fro ntPage 扩 展 版 本要 做 这 些 事 你 可 以 运 行 Setup 并 安 装 该 服 务 器 部 件

• 改 变 该 站 点 图 中 文 件 之 间 的 关 系 保 存 图 再 进 行 预 览 注 意 导 航 链接 已 经 自 动 更 新 了

• 通 过 下 述 办 法 把 主 样 板 和 布 局 图 加 到 你 的 文 件 上 选 择 站 点 图 中 的 文件 选 中 当 前 菜 单 中 的 Apply Theme and Layout 施 加 主 样 板 和 布 局图 选 择 你 希 望 的 主 样 板 或 布 局 图

用 所 见 即 所 得 视 图 或 用 配 色 代 码 进 行 开 发

Visual Int erDev 6.0 包 括 三 种 阅 览 你 的 HTML 和 ASP 页 面 的 状 态 这 三 种阅 览 状 态 是 Visual I nterDev 6.0 的 基 石 这 些 状 态 取 代 Visual I nterDev 1 .0 中 包 含 的 简 单 源 代 码 编 译 器 支 持 设 计 期 间 控 件 design-tim e controls DTC 调 试 语 句 完 善 和 对 象 浏 览

设 计 阅 览 所 见 即 所 得 WYSIWYG 视 图 创 建 你 的 页 面 你 可 以 键 入 内 容也 可 以 把 工 具 框 中 的 项 或 数 据 环 境 中 的 项 直 接 拖 到 你 的 页 面 上 使 用 工 具 框工 具 栏 或 菜 单 组 建 你 的 页 面

源 视 图 显 示 HTML 或 ASP 源 代 码 像 设 计 视 图 那 样 你 可 以 键 入 内 容 或把 工 具 框 中 的 项 或 数 据 环 境 中 的 项 直 接 拖 到 你 的 页 面 上 使 用 工 具 框 工 具 栏或 菜 单 组 建 你 的 页 面

快 速 阅 览 在 页 面 保 存 之 前 显 示 HTML 代 码 和 客 户 脚 本 的 结 果 如 果 你 希 望在 浏 览 器 中 阅 览 你 的 页 面 你 就 需 要 保 存 页 面 这 个 视 图 不 使 用 Web 服 务 器因 而 也 不 处 理 服 务 器 脚 本

试 试 看

• 打 开 一 个 文 件 并 加 上 一 些 文 本 用 Design 设 计 视 图 进 行 试 验 选择 文 本 使 用 HTML 工 具 栏 改 变 文 本 的 字 体 和 尺 寸

• 通 过 浏 览 HTML Outli ne 离 线 窗 口 中 事 件 列 表 的 办 法 插 入 一 个 事 件双 击 一 个 事 件 注 意 事 件 原 型 插 入 到 文 档 的 Source 源 视 图 中

• 加 上 一 个 控 件 并 修 改 控 件 的 特 性 选 择 这 个 控 件 并 选 中 快 捷 菜 单 中 的

Properties 特 性

• 在 Source 源 视 图 测 试 语 句 完 善 把 脚 本 块 加 到 文 件 上 再 键 入

windows 窗 口 以 显 示 特 性 和 方 法 列 表

• 在 Design 设 计 或 Source 源 视 图 中 注 意 特 性 窗 口 中 HTML 元 素上 的 特 性 注 意 在 这 里 改 变 特 性 就 可 以 改 变 标 记 属 性 而 不 需 要 直 接编 辑 标 记

• 用 专 门 的 CSS 编 辑 器 编 辑 并 创 建 级 联 样 式 图 表 打 开 任 何 CSS 文 件 例如 打 开 项 目 的 Theme 主 样 板 目 录 中 的 文 件 如 果 你 的 项 目 没 有 主 样板 目 录 你 就 需 要 加 上 一 个 主 样 板

连 接 数 据 建 立 可 重 复 使 用 的 数 据 命 令

这 种 新 的 数 据 环 境 提 供 方 便 的 完 成 Web 应 用 数 据 驱 动 的 命 令 与 深 深 埋在 .asp 文 件 中 复 杂 SQL 语 句 不 同 在 Global.asa 文 件 的 数 据 环 境 中 这 种 语

句 暴 露 在 应 用 级 上 并 在 这 个 级 别 上 进 行 维 护 与 重 复 使 用 取 代 在 每 个 页 面 对查 询 进 行 修 改 你 可 以 修 改 数 据 命 令 而 且 你 的 改 变 将 施 加 于 命 令 所 涉 及 的 文件 中 还 有 你 可 以 把 一 些 段 从 命 令 直 接 拖 到 你 的 HTML 页 面 或 ASP 页 面 上

试 试 看

• 建 立 一 条 数 据 连 接 右 键 单 击 Project Ex plorer 中 的 项 目 名 称 选 择

Add Data C onnection 增 加 数 据 连 接

• 建 立 数 据 连 接 之 后 注 意 Data Environmen t ( 数 据 环 境 ) 对 象 出 现 在

Global.asa 节 点 上 在 Data Envir onment 中 你 可 以 找 到 这 条 连 接

• 使 用 这 条 连 接 你 可 以 在 数 据 环 境 中 增 加 一 个 数 据 命 令 组 建 可 重 复 使用 的 SQL 语 句 右 键 单 击 改 该 项 目 并 选 择 Add Data C onnection 增加 数 据 连 接 填 充 特 性 页 面 为 数 据 命 令 规 定 数 据 源

• 试 着 把 一 些 段 从 数 据 环 境 中 拖 出 来 直 接 拖 到 页 面 上 注 意 DTC 被 插入 有 复 制 段 的 页 上

显 示 有 数 据 绑 定 控 件 的 数 据

创 建 同 数 据 有 交 互 作 用 的 Web 页 面 是 非 常 简 单 的 只 需 要 下 拖 并 设 置 某些 特 性 并 保 存 页 面 即 可 不 需 要 进 行 代 码 编 程

但 是 对 于 那 些 有 特 别 喜 好 的 人 Visual InterDe v 提 供 一 种 全 对 象 模 型允 许 你 精 确 调 试 你 的 应 用 程 序 执 行 用 户 验 证 并 全 面 控 制 你 的 Web 应 用 程 序Visual Int erDev 6.0 不 仅 支 持 全 面 搜 寻 应 用 程 序 使 用 ASP 引 擎 为 客 户 产 生

简 单 HTML 页 面 而 且 还 为 富 有 经 验 的 客 户 提 供 DHTML 和 Internet Explorer 4.0

数 据 绑 定

例 如 下 图 给 出 一 简 单 的 数 据 录 入 页 面 这 是 用 数 据 绑 定 控 件 建 立 的

试 试 看

• 在

  建 立 数 据 连 接 之 后 把 Recordset( 记 录 集 ) 控 件 从 Design-Tim e Control 设 计 期 间 控 件 工 具 框 中 拖 到 一 个 页 面 上 设 置 该 控 件 的 特性 从 而 把 记 录 集 绑 定 到 你 所 选 中 的 数 据 连 接 上 你 还 可 以 把 一 个 数 据命 令 拖 到 一 个 页 面 上 从 而 把 一 个 记 录 集 绑 定 到 那 个 数 据 命 令 上

• 把

  一 个 Textbox 文 本 框 控 件 拖 到 页 面 上 打 开 它 的 特 性 并 把 它 绑定 到 记 录 集 的 控 件 上 你 还 可 以 把 一 些 段 从 数 据 环 境 中 直 接 拖 出 来

• 把

  一 个 RecordsetN avbar 控 件 拖 到 页 面 上 打 开 它 的 特 性 把 它 同 记 录集 控 件 绑 定 在 一 起

• 要

  确 保 PageObject 控 件 依 然 是 页 面 的 第 一 个 控 件 并 且 发 布 这 个 页 面在 记 录 中 进 行 导 航

• 转

  变 控 件 所 使 用 的 HTML 类 型 打 开 记 录 集 的 Properties 特 性 窗 口 转 到 Implementa tion 选 项 卡

• 选 择 Generic HTML 基 于 ASP 的 或 选 择 Internet Explore r 4.0 HTML

基 于 DHTML 的 再 发 布 这 个 页 面

注 意 对 于 Internet Explorer 4.0 的 情 况 页 面 不 是 对 每 个 新 记录 都 往 返 一 次 服 务 器 而 是 在 线 恢 复 记 录

• 到

  Source V iew 源 视 图 注 意 对 象 模 型 是 由 每 个 设 计 期 间 控 件在 显 示 离 线 选 项 卡 时 提 出 的

用 Vi su al I nte rD ev 调 试 服 务 器 和 客 户 脚 本

要 调 试 脚 本 你 可 以 使 用 在 Web 服 务 器 中 安 装 的 Visual Int erDev 也 可

以 使 用 另 外 机 器 上 的 Visual Int erDev 以 远 程 调 试 脚 本

注 意 在 这 个 版 本 中 远 程 调 试 只 在 微 软 Windows NT 中 得 以 支 持 但 不 支持 使 用 Windows 95 的 客 户 软 件

Visual Int erDev 6.0 支 持 全 部 客 户 机 和 服 务 器 脚 本 调 试 调 试 中 你 可 以 使用 全 特 性 调 试 器 中 你 期 望 使 用 的 任 何 功 能

下 图 显 示 一 个 ASP 页 面 在 HTML 编 辑 器 中 打 开 的 情 景 而 且 调 试 器 也 在 工 作

试 试 看 !

• 规

  定 开 始 调 试 的 页 面 右 键 单 击 Project Ex plorer 中 的 一 个 文 件 选中 Set as Sta rt Page 设 定 开 始 页 面

• 在

  浏 览 器 中 阅 览 .asp 文 件 或 .htm 文 件 在 Visual Int erDev 中 选用 Project 菜 单 中 的 Processes 在 阅 览 该 文 件 之 后 把 Visual Studio 连 接 到 Internet E xplorer 和 Internet I nformation Server(II S) 进程 上

• 就

  像 你 调 试 其 他 任 何 格 式 和 功 能 一 样 调 试 这 个 文 件 阅 览 你 的 运 行 文档 打 开 文 档 进 行 调 试 设 置 断 电 然 后 再 一 次 预 览 该 文 件 在 客 户软 件 和 服 务 器 软 件 上 将 出 现 断 点 这 样 你 可 以 一 步 一 步 通 过 你 的 脚 本并 检 查 进 程 状 态

在 一 个 工 作 组 中 开 发 we b 应 用 程 序

Visual Int erDev 6.0 是 专 门 为 满 足 以 工 作 组 为 基 础 进 行 Web 开 发 的 特 殊需 要 而 设 计 的 Visual Int erDev Web 项 目 连 接 到 Web 服 务 器 中 的 Web 应 用 程序 上 把 Visual Int erDev Web 项 目 置 于 本 地 方 式 你 便 可 以 发 挥 开 发 者 的 长处 在 应 用 程 序 文 件 在 提 交 给 主 Web 服 务 器 之 前 在 本 地 对 应 用 进 行 隔 离 式 修改 与 测 试

试 试 看 !

• 在

  创 建 一 的 Web 项 目 时 选 用 local mode 本 地 状 态 以 后 你 可 以在 Project 菜 单 中 的 Working Mo de 工 作 状 态 选 项 中 进 行 选 择 改

变 这 种 状 态

• 使

  用 文 件 本 地 副 本 保 存 该 文 件 并 在 浏 览 器 中 进 行 浏 览

注 意 该 文 件 是 由 本 地 系 统 而 不 是 由 主 Web 服 务 器 提 供 服 务 的 如果 在 客 户 系 统 上 安 装 了 IIS 还 可 以 预 览 . asp 文 件

• 如

  果 你 同 工 作 组 成 员 一 起 工 作 共 同 开 发 应 用 要 试 着 刷 新 该 项 目阅 览 其 他 开 发 者 已 经 加 到 主 Web 应 用 中 的 文 件 要 刷 新 这 个 项 目 就要 使 用 Project Ex plorer 工 具 栏 中 Refresh 按 钮 用 右 键 单 击 项 目并 选 择 Refresh

• 使

  用 Microsoft Visual SourceSafe 在 你 的 Web 应 用 程 序 上 添 加 版本 控 件

创 建 并 修 改 数 据 库 对 象

如 果 你 使 用 微 软 的 SQL 服 务 器 则 还 可 以 使 用 Microsoft Visual Da tabase 工 具 在 你 的 数 据 库 上 进 行 工 作 在 你 的 项 目 中 建 立 一 条 连 接 之 后 就 可 以 对 数据 库 图 数 据 库 对 象 和 查 询 进 行 工 作

试 试 看 !

• 通 过 在 Data Vie w 窗 口 中 展 开 数 据 库 对 象 列 表 的 办 法 查 看 数 据 库 对你 的 数 据 库 进 行 设 计 试 验 在 你 创 建 新 数 据 库 图 并 保 存 新 设 计 之 前 都 不会 影 响 你 的 数 据 库

• 创

  建 修 改 或 删 除 数 据 库 对 象 如 表 格 视 图 和 已 存 储 的 使 用 Data View

的 过 程

把 改 变 的 脚 本 提 交 给 数 据 库 管 理 员 在 有 控 制 的 数 据 库 环 境 中 进 行 查 阅和 执 行

使 用 Query Desi gner 查 询 设 计 器 你 可 以 有 四 种 不 同 的 方 式 进 行 选 择

用 于 构 造 查 询 并 对 任 何 遵 从 ODBC 的 数 据 库 进 行 查 询 下 图 示 出 在 Query Designer 中 打 开 的 一 个 查 询

试 试 看 !

• 使 用 Query Desi gner 建 立 一 个 新 视 图 在 Data View 窗 口 中 右 键 单击 View 节 点 并 选 择 New View

• 从 Data View 表 格 部 分 把 表 格 拖 到 查 询 上 再 使 用 图 形 控 件 操 纵 查 询定 义 拖 动 表 格 中 的 字 段 规 定 一 定 关 系

• 规 定 搜 寻 依 据 分 类 顺 序 和 输 出 关 键 格 中 的 列

• 创 建 不 同 类 型 的 查 询 选 择 插 入 更 新 和 删 除 使 用 一 种 SQL 窗 格来 键 入 ANSI-SQL 语 句 或 用 Query Designer 为 你 生 成 这 种 SQL 窗 格

• 在 你 的 数 据 库 表 格 中 浏 览 并 编 辑 激 活 的 数 据 视 图