Web 技 术 上 机 指 导 书 北 京 工 商 大 学 计 算 机 与 信 息 工 程 学 院 2013.1
实 验 一 安 装 配 置 Web 开 发 环 境 目 的 1 安 装 并 配 置 Windows 操 作 系 统 下 的 JSP 运 行 环 境 2 安 装 并 配 置 Windows 操 作 系 统 下 的 ASP.NET 运 行 环 境 3 网 上 书 店 的 安 装 及 使 用 内 容 1. 安 装 并 配 置 Windows 操 作 系 统 下 的 JSP 运 行 环 境 (1) 安 装 j2sdk, 配 置 系 统 的 环 境 变 量, 测 试 j2sdk 安 装 是 否 成 功 (2) 安 装 并 配 置 Tomcat, 安 装 完 成 后 发 布 Tomcat 的 默 认 主 页, 完 成 Tomcat 的 启 动 和 停 止 操 作 (3) 创 建 一 个 虚 拟 发 布 目 录, 将 例 题 ex2.01.jsp 存 入 虚 拟 目 录 发 布 (4) 安 装 并 配 置 SQL Server 2000 版 数 据 库 系 统, 并 完 成 停 止 和 启 动 操 作 2. 安 装 并 配 置 Windows 操 作 系 统 下 的 ASP.NET 运 行 环 境 (1) 安 装 并 配 置 IIS, 安 装 完 成 后 发 布 IIS 的 默 认 主 页, 完 成 IIS 的 启 动 和 停 止 操 作 (2) 创 建 IIS 虚 拟 发 布 目 录 (3) 安 装 Microsoft Visual Studio.NET (4) 将 例 题 ex2.02.aspx 存 入 虚 拟 目 录 发 布 3. 网 上 书 店 的 安 装 及 使 用 (1) 安 装 Jdk1.5 软 件 (2) 安 装 Tomcat5 (3) 安 装 MS SQL Server 2000 (4) 将 bookshop 下 的 数 据 库 备 份 文 件 导 入 到 数 据 库 中, 数 据 库 取 名 为 bookshop (5) 创 建 数 据 源, 在 控 制 面 板 管 理 工 具 数 据 源 中 建 立 与 该 数 据 库 对 应 的 数 据 源, 数 据 源 取 名 为 bookshoplk (6) 将 bookshop 整 个 文 件 夹 拷 贝 到 Tomcat 发 布 目 录 webapps 下 (7) 以 上 步 骤 完 成 后, 重 启 Tomcat, 在 浏 览 器 地 址 栏 中 输 入 以 下 内 容 : http://localhost:8080/bookshop 客 户 端 ( 初 始 帐 号 和 密 码 :pds/pass) http://localhost:8080/bookshop/admin 管 理 端 ( 初 始 帐 号 和 密 码 :admin/pass) 本 次 实 验 所 需 软 件 : 结 果 1.Jdk: jdk-1_5_0_05-windows-i586-p.exe 2.Tomcat: jakarta-tomcat-5.5.8.exe 3. 数 据 库 : SQL Server 200 4.Microsoft Visual Studio.Net 简 体 中 文 企 业 版 2003 5. 网 上 书 店 源 程 序 将 本 次 上 机 实 验 结 果 按 照 以 上 内 容 依 次 填 写 实 验 目 标 过 程 结 果 : 注 意 事 项 1 实 验 报 告 要 求 每 人 提 交 一 份, 使 用 专 门 的 报 告 纸, 内 容 写 全, 包 括 实 验 名 称 班 级 姓 名 同 组 人, 试 验 日 期 交 报 告 日 期 等 思 考 题
实 验 二 使 用 Dreamweaver 制 作 HTML 网 页 目 的 1 熟 练 掌 握 目 前 广 泛 使 用 的 图 形 化 网 页 开 发 工 具 制 作 网 页 ; 2 掌 握 Dreamweaver 工 具 的 安 装 和 使 用 ; 3 使 用 Dreamweaver 按 照 要 求 制 作 网 页 内 容 1. 在 实 验 老 师 指 导 下, 安 装 配 置 Dreamweaver 工 具 软 件 ( 可 参 考 相 关 Dreamweaver 教 程 ) 2. 应 用 HTML 制 作 第 一 个 页 面, 页 面 上 有 一 幅 图 像 和 有 关 图 像 的 文 字 说 明 ( 可 参 考 教 材 P88 页 例 4.3) 3. 使 用 HTML 制 作 一 个 页 面, 要 有 背 景 颜 色, 页 面 显 示 内 容 及 格 式 如 下 图 所 示 ( 可 参 考 教 材 P86 页 例 4.2) 4. 制 作 一 个 页 面, 有 背 景 音 乐, 上 有 文 字 图 像 和 朋 友 的 E.mail 地 址, 在 文 字 和 图 像 上 创 建 超 级 链 接, 单 击 链 接 时, 页 面 跳 转 到 其 他 页 面, 单 击 E.mail 地 址 时, 打 开 信 箱, 发 送 邮 件 ( 可 参 考 教 材 P97 页 例 4.12) 5. 制 作 一 个 本 学 期 使 用 的 课 表 ( 可 参 考 教 材 P90 页 例 4.6) 6. 制 作 一 个 计 算 器 界 面, 界 面 如 下 图 所 示 ( 可 参 考 教 材 P100 页 例 4.13) 7. 制 作 一 个 框 架 结 构 的 页 面, 样 式 如 下 图 所 示, 页 面 主 题 自 定 Top Left Body
Bottom 图 4.21 框 架 结 构 Top: 显 示 logo 图 片 和 页 面 的 标 题 Left: 显 示 与 主 题 相 关 的 栏 目, 单 击 栏 目 超 链 接, 在 Body 栏 显 示 相 关 内 容 Body: 当 前 页 面 的 主 要 显 示 区 域 Bottom: 显 示 版 权 信 息 ( 可 参 考 教 材 P102 页 例 4.14) 8. 自 定 义 一 个 主 题, 应 具 有 以 下 基 本 功 能 : (1) 用 记 事 本 写 一 个 简 单 的 策 划 报 告 (2) 首 页 1 自 己 定 义 一 个 网 站 标 题 2 首 页 框 架 如 图 4.22 所 示, 每 框 分 别 显 示 不 同 的 内 容 标 题 ( 图 标 ) 栏 目 名 称 1 栏 目 名 称 2 栏 目 相 应 内 容 栏 目 名 称 3 图 4.22 网 站 首 页 框 架 3 在 左 框 架 显 示 栏 目 名 称, 双 击 栏 目 名 称, 右 框 架 显 示 相 应 内 容 4 采 用 适 当 的 色 彩 背 景 制 作 5 二 级 页 面 有 返 回 主 页 的 链 接 ( 可 参 考 教 材 P102 页 例 4.14) 软 件 本 次 实 验 所 需 软 件 : 1. 图 形 化 网 页 制 作 工 具 :Dreamweaver MX 2004 Installer.exe 结 果 将 本 次 上 机 实 验 结 果 按 照 实 验 要 求 内 容 依 次 进 行, 填 写 实 验 目 标 过 程 结 果 注 意 事 项 2 实 验 报 告 要 求 每 人 提 交 一 份, 使 用 专 门 的 报 告 纸, 内 容 写 全, 包 括 实 验 名 称 班 级 姓 名 同 组 人, 试 验 日 期 交 报 告 日 期 等 思 考 题 1.Dreamweaver 软 件 和 HTML 有 什 么 联 系? 2. 编 写 一 个 HTML 文 件, 对 标 记 的 使 用 有 哪 些 要 求?
实 验 三 CSS XML JavaScript 应 用 实 验 目 的 1 掌 握 CSS 技 术 的 使 用 方 式 ; 2 熟 悉 XML 技 术 ; 3 掌 握 JavaScript 脚 本 控 制 语 言 编 程 内 容 ( 可 任 选 8 个 ) 1. 使 用 CSS 技 术 制 作 一 个 页 面, 页 面 内 容 及 显 示 格 式 如 下 图 所 示 ( 页 面 内 容 ) (1) 直 接 定 义 HTML 标 记 中 的 style 属 性 实 现 ( 可 参 考 教 材 P117 页 例 5.3) (2) 定 义 内 部 样 式 表 实 现 ( 可 参 考 教 材 P118 页 例 5.4) (3) 嵌 入 外 部 样 式 表 实 现 ( 可 参 考 教 材 P119 页 例 5.5) (4) 链 接 外 部 样 式 表 实 现 ( 可 参 考 教 材 P119 页 例 5.6) 2. 编 制 一 个.xml 文 件, 存 储 读 者 信 息, 如 下 图 所 示 ( 可 参 考 教 材 P127 页 例 5.10) 3. 把 上 面 的 练 习 的.xml 文 件 中 存 储 的 读 者 信 息 输 出 到 浏 览 器 (1) 输 出 所 有 信 息, 用 CSS 做 样 式 文 件 ( 参 考 P127 页 例 5.10) (2) 输 出 所 有 信 息, 用 XSL 做 样 式 文 件 ( 参 考 P129 页 例 5.11) (3) 输 出 电 子 信 息 系 所 有 读 者 的 信 息 ( 参 考 P135 页 例 5.15) 4. 使 用 <script> 标 记 把 一 小 段 脚 本 程 序 嵌 入 或 调 入 HTML 页 面, 并 在 浏 览 器 中 显 示 它 的 结 果 ( 可 参 考 教 材 P143 页 例 6.2) 5. 使 用 JavaScript 制 作 一 个 跑 马 灯 ( 可 参 考 教 材 P170 页 例 6.11) 6. 使 用 JavaScript 编 制 一 段 代 码 完 成 以 下 功 能 : (1) 要 求 输 入 一 个 姓 名 (2) 用 确 认 框 检 查 输 入 是 否 正 确 ( 是 否 为 合 法 输 入 字 符, 位 长 是 否 合 理 等 ) (3) 根 据 输 入 给 出 相 应 的 提 示 ( 可 参 考 教 材 P159 页 例 6.7) 7. 页 面 上 有 一 幅 图 像, 在 状 态 栏 显 示 有 关 图 像 的 说 明 单 击 图 像 时, 换 成
另 一 幅 图 像, 同 时 状 态 栏 的 内 容 也 做 相 应 的 变 更 ( 可 参 考 教 材 P141 页 例 6.1) 8. 制 作 一 个 页 面, 页 面 上 有 两 个 文 本 框 和 提 交 按 钮, 在 第 一 个 文 本 框 中 输 入 信 息 后, 用 鼠 标 单 击 提 交 按 钮 后, 将 在 第 二 个 文 本 框 显 示 输 入 的 内 容 ( 可 参 考 教 材 P165 页 例 6.9) 9. 在 客 户 端 验 证 用 户 输 入 信 息, 如 果 输 入 正 确, 允 许 链 接 到 网 站 ; 如 果 不 正 确, 禁 止 链 接, 要 求 用 户 界 面 友 好 ( 可 参 考 教 材 P159 页 例 6.7) 10. 制 作 一 个 页 面, 页 面 的 背 景 色 可 以 随 机 变 化 ( 可 参 考 教 材 P171 页 例 6.12) 11. 制 作 一 个 数 字 钟, 根 据 网 页 下 载 持 续 时 间 进 行 收 费 ( 可 参 考 教 材 P167 页 例 6.10) 12. 应 用 JavaScript 制 作 一 个 计 算 器, 可 以 对 整 数 和 小 数 进 行 加 减 乘 除 运 算, 计 算 器 的 界 面 如 图 所 示 软 件 本 次 实 验 所 需 软 件 : 图 形 化 网 页 制 作 工 具 :Dreamweaver MX 2004 Installer.exe 结 果 将 本 次 上 机 实 验 结 果 按 照 实 验 要 求 内 容 依 次 进 行, 填 写 实 验 目 标 过 程 结 果 注 意 事 项 实 验 报 告 要 求 每 人 提 交 一 份, 使 用 专 门 的 报 告 纸, 内 容 写 全, 包 括 实 验 名 称 班 级 姓 名 同 组 人, 试 验 日 期 交 报 告 日 期 等 思 考 题 1.JavaScript 脚 本 语 言 是 在 客 户 端 执 行, 还 是 在 服 务 器 端 执 行?
实 验 四 JSP 技 术 应 用 实 验 目 的 1 掌 握 JSP 运 行 环 境 的 配 置 部 署 ; 2 了 解 JSP 运 行 机 制, 能 根 据 要 求 熟 练 编 写 JSP 页 面 ; 内 容 ( 可 任 选 6 个 ) 1. 应 用 JSP 技 术 在 浏 览 器 中 输 出 4 行 由 大 变 小 的 文 字 ( 可 参 考 教 材 P181 页 例 7.1) 2. 应 用 Date 函 数 读 取 系 统 当 前 时 间, 根 据 不 同 的 时 间 段, 在 浏 览 器 输 出 不 同 的 问 候 语, 例 如 上 午 0~12 点 之 间 输 出 早 上 好, 同 时 把 系 统 的 年 月 日 小 时 分 秒 和 星 期 输 出 到 用 户 的 浏 览 器 ( 可 参 考 教 材 P190 页 例 7.4) 3. 加 载 静 态 文 件 制 作 一 个 HTML 文 件, 在 页 面 上 输 出 一 行 文 字, 例 如 include 指 令 的 使 用 等 然 后 制 作 一 个 JSP 文 件, 应 用 include 指 令 加 载 刚 制 作 的 HTML 文 件, 在 客 户 端 显 示 出 来, 并 在 客 户 端 的 查 看 源 文 件 中 观 察 源 文 件 ( 可 参 考 教 材 P192 页 例 7.5) 4. 加 载 动 态 文 件, 制 作 一 个 JSP 文 件, 计 算 一 个 数 的 平 方 根, 然 后 再 制 作 一 个 JSP 文 件, 应 用 <jsp:include> 动 作 加 载 刚 制 作 的 JSP 文 件, 在 客 户 端 显 示 出 来, 并 在 客 户 端 的 查 看 源 文 件 中 观 察 源 文 件 ( 可 参 考 教 材 P199 页 例 7.8) 5. 应 用 jsp:include 动 作 制 作 一 个 班 级 的 JSP 页 面, 显 示 班 上 每 个 同 学 的 信 息 每 个 同 学 都 有 自 己 的 页 面, 由 本 人 定 期 更 新 要 求 班 级 的 JSP 页 面 是 稳 定 的, 看 谁 的 页 面 最 有 特 色 ( 可 参 考 教 材 P198 页 例 7.7) 6. 设 计 表 单, 制 作 读 者 选 购 图 书 的 界 面, 当 读 者 选 中 一 本 图 书 后, 单 击 确 定 按 钮, 页 面 跳 转 到 介 绍 该 图 书 信 息 页 面, 请 用 jsp:forward page= 语 句 ( 可 参 考 教 材 P202 页 例 7.10) 7. 制 作 一 个 页 面, 页 面 的 背 景 颜 色, 文 字 的 大 小 字 体 和 颜 色 可 以 根 据 用 户 的 选 择 来 实 施 界 面 如 下 图 所 示, 要 求 应 用 Java Bean 完 成 选 作 内 容 ( 可 参 考 教 材 P211 页 例 7.12)
1. 应 用 JavaBean 完 成 一 个 计 数 器 的 制 作, 计 数 器 beans 的 范 围 是 application 的, 由 不 同 用 户 共 享 ( 可 参 考 教 材 P211 页 例 7.12) 2. 制 作 一 个 购 物 车 beans, 要 求 具 有 选 择 商 品 添 加 商 品 到 购 物 车 查 看 购 物 车 和 从 购 物 车 中 删 除 商 品 等 功 能 ( 可 参 考 网 上 书 店 实 例 ) 软 件 本 次 实 验 所 需 软 件 : 结 果 1. Tomcat 应 用 服 务 器 2. 图 形 化 网 页 制 作 工 具 :Dreamweaver MX 2004 3. JDK 1.5 将 本 次 上 机 实 验 结 果 按 照 实 验 要 求 内 容 依 次 进 行, 填 写 实 验 目 标 过 程 结 果 注 意 事 项 实 验 报 告 要 求 每 人 提 交 一 份, 使 用 专 门 的 报 告 纸, 内 容 写 全, 包 括 实 验 名 称 班 级 姓 名 同 组 人, 试 验 日 期 交 报 告 日 期 等 思 考 题 1.JSP 指 令 的 主 要 功 能 有 哪 些? 2.JavaBean 和 JSP 有 什 么 联 系? 3. 应 用 JavaBean 有 什 么 好 处?
实 验 五 JSP 内 置 对 象 应 用 目 的 1 掌 握 JSP 内 置 对 象 的 使 用 方 法 ; 内 容 ( 可 任 选 5 个 ) 1. 在 购 书 表 单 中 输 入 用 户 名 密 码 和 书 名, 单 击 确 定 按 钮, 将 信 息 发 往 服 务 器 端, 商 家 根 据 用 户 的 信 息 向 用 户 返 回 应 答 ( 可 参 考 教 材 P225 页 例 8.1) 2. 设 计 表 单, 制 作 读 者 选 购 图 书 的 界 面, 当 读 者 选 中 一 本 图 书 后, 单 击 确 定 按 钮, 页 面 跳 转 到 介 绍 该 图 书 信 息 页 面, 请 用 使 用 response 对 象 sendredirect 方 法 ( 可 参 考 教 材 P228 页 例 8.3) 3. 设 计 网 上 考 试 界 面 如 图 8.24 所 示, 应 用 session 对 象 存 储 测 试 数 据, 当 考 生 完 成 试 题, 单 击 确 定 按 钮, 将 答 案 与 正 确 答 案 比 较, 给 出 结 果 和 答 题 所 用 的 时 间 ( 可 参 考 教 材 P239 页 例 8.9) 4. 模 拟 3 个 商 店 ( 即 3 个 页 面, 供 应 不 同 的 商 品 ), 应 用 session 对 象 存 储 用 户 的 姓 名 密 码 和 购 物 信 息, 当 用 户 购 物 结 束 时, 向 用 户 返 回 其 购 物 信 息 ( 可 参 考 教 材 P241 页 例 8.10) 5. 应 用 application 对 象 为 你 的 网 页 制 作 一 个 留 言 板, 并 统 计 访 客 人 数 ( 可 参 考 教 材 P245 页 例 8.12) 6. 应 用 cookie 对 象 制 作 一 个 登 录 界 面 如 果 用 户 没 有 登 录 过, 显 示 首 次 登 录 的 欢 迎 界 面 如 果 用 户 已 经 登 录 过, 则 显 示 上 次 登 录 时 间 并 欢 迎 再 次 登 录 界 面 ( 可 参 考 教 材 P252 页 例 8.16) 7. 应 用 session 对 象 制 作 分 页 显 示 的 调 查 问 卷 用 户 在 第 一 个 页 面 回 答 需 要 调 查 的 第 一 个 问 题, 回 答 问 题 后, 单 击 确 定 按 钮, 页 面 导 向 第 二 个 页 面 在 第 二 个 页 面 显 示 第 一 个 问 题 的 回 答, 并 提 出 第 二 个 问 题, 用 户 回 答 第 二 个
问 题 后, 单 击 确 定 按 钮, 导 向 第 三 个 页 面 第 三 个 页 面 显 示 用 户 对 前 两 个 问 题 的 回 答 ( 可 参 考 教 材 P241 页 例 8.10) 8. 设 计 用 户 注 册 应 用, 用 户 在 表 单 中 输 入 需 要 购 买 图 书 的 书 号, 如 果 输 入 错 误, 应 用 异 常 处 理 页 面, 进 行 异 常 处 理 ( 可 参 考 教 材 P247 页 例 8.13) 软 件 本 次 实 验 所 需 软 件 : 结 果 1.Tomcat 应 用 服 务 器 2. 图 形 化 网 页 制 作 工 具 :Dreamweaver MX 2004 3.JDK 1.5 将 本 次 上 机 实 验 结 果 按 照 实 验 要 求 内 容 依 次 进 行, 填 写 实 验 目 标 过 程 结 果 注 意 事 项 实 验 报 告 要 求 每 人 提 交 一 份, 使 用 专 门 的 报 告 纸, 内 容 写 全, 包 括 实 验 名 称 班 级 姓 名 同 组 人, 试 验 日 期 交 报 告 日 期 等 思 考 题 1.JSP 提 供 内 置 对 象 的 用 意? 列 举 5 种 内 置 对 象 的 功 能 2.Response 对 象 状 态 行 的 作 用 有 哪 些?
实 验 六 基 于 JSP 的 Web 数 据 库 开 发 目 的 1 熟 练 掌 握 JDBC 数 据 库 开 发 技 术 ; 内 容 ( 可 任 选 5 个 ) 1. 设 计 一 个 网 上 商 店 应 用 ( 商 品 种 类 可 以 自 选 ), 并 为 该 应 用 设 计 一 个 数 据 库, 至 少 要 有 三 张 表 创 建 该 数 据 库 2. 输 出 网 上 商 店 数 据 库 中 某 张 表 的 表 头 3. 输 出 网 上 商 店 数 据 库 中 某 张 表 的 第 2 条 记 录 4. 输 出 网 上 商 店 数 据 库 中 某 张 表 的 所 有 记 录 5. 输 出 网 上 商 店 数 据 库 中 某 张 表 中 的 指 定 记 录 6. 对 网 上 商 店 数 据 库 中 的 记 录 进 行 模 糊 查 询 7. 对 网 上 商 店 数 据 库 中 的 记 录 进 行 范 围 查 询 8. 把 网 上 商 店 数 据 库 中 某 张 表 的 数 据 逆 序 输 出 9. 对 网 上 商 店 数 据 库 中 某 张 表 进 行 插 入 删 除 和 更 新 操 作 选 作 内 容 1. 使 用 JSP 技 术 建 立 一 个 班 级 网 站, 要 求 : (1) 建 立 一 个 班 级 数 据 库, 数 据 库 中 应 有 班 级 的 基 本 信 息, 如 通 讯 录 成 绩 单 等 (2) 制 作 一 个 动 态 网 页 该 网 页 能 够 接 收 用 户 信 息, 并 根 据 用 户 要 求 把 后 台 数 据 库 信 息 发 布 到 前 端 的 浏 览 器 (3) 在 网 页 中 提 供 各 种 查 询 功 能, 例 如, 查 询 某 位 同 学 的 学 习 成 绩 计 算 班 级 的 及 格 率 或 优 秀 率 等 等 2. 为 校 园 网 完 成 一 个 学 籍 管 理 软 件 中 的 学 生 成 绩 管 理 模 块 的 设 计 与 制 作, 包 括 学 生 成 绩 的 浏 览 录 入 添 加 删 除 查 询 和 更 新 等 功 能 3. 在 本 次 上 机 练 习 的 基 础 上 完 成 网 上 商 店 的 应 用 开 发, 要 求 有 商 品 浏 览 和 购 物 车 功 能 软 件 本 次 实 验 所 需 软 件 : 1.Tomcat 应 用 服 务 器 2. 图 形 化 网 页 制 作 工 具 :Dreamweaver MX 2004 3.JDK 1.5
结 果 将 本 次 上 机 实 验 结 果 按 照 实 验 要 求 内 容 依 次 进 行, 填 写 实 验 目 标 过 程 结 果 注 意 事 项 实 验 报 告 要 求 每 人 提 交 一 份, 使 用 专 门 的 报 告 纸, 内 容 写 全, 包 括 实 验 名 称 班 级 姓 名 同 组 人, 试 验 日 期 交 报 告 日 期 等 思 考 题 1.JDBC 是 一 种 什 么 技 术? 它 的 特 点 和 功 能 是 什 么? 2.JDBC 建 立 数 据 库 连 接 步 骤?