Web应用系统开发教案

2015 至 2016 学年第 2 学期Web 应用系统开发 课程教案课 程 编 码： _ M045001 总学时/周学时： 48/8 授课年级、专业、班级： 13 计科 1,2 使用教材： Web 技术应用基础 授课教师： 张 弛 本课程教学目的Web 应用系统开发是计算机专业的一门实践性课程，其基本任务是使学生通过学习本课程，掌握 Web 应用的基本概念， Web 应用环境的构建技术，HTML 语言的基本应用， JavaScript 基本应用， JSP 运行机制与基本语法，JSP 内置对象的使用，Servlet 技术基本应用，JDBC 及数据库开发技术等。本课程教学要求使学生系统地学习 Web 应用技术的原理与方法；掌握 Web 应用系统开发的工具及环境的使用；了解 Web 应用技术的最新进展。本课程教学方法课堂讲授+多媒体课件讲学学生创新精神和实践能力培养方法以实际的 Web 应用软件系统开发为例，系统并完整地讲解开发 Web 应用系统所需掌握的各项技术，包括 HTML、CSS、 JavaScript、JSP 、JDBC等。在教学的具体过程，充分调动学生的积极性，参与到教学中。考核方式期末考试：50%课堂笔记：10%课程实验：30%平时表现：10%教学参考资料Web 技术应用基础 樊月华等 清华大学出版社 2008JSP 应用程序开发指南 Ben Forta,et al(美) 高等教育出版社 2001JSP 应用开发详解 飞思科技产品研发中心 电子工业出版社 2004MySQL 入门经典 王雨竹 机械工业出版社出版 2013HTML+CSS+JavaScript 实用详解 叶青 电子工业出版社 2008对教案的分析总结周 次 1 时 间 第 11 周章 节名 称第一章 Web 技术概述授 课方 式理论课（ ） 、实践课（ ） 、实习（ ）教学时数教 学目 的主要介绍 Web 技术的基础知识和基本原理，包括计算机网络基础知识、 IP地址、域名和统一资源定位器 URL，Web 的基本概念、工作原理、 Web 站点的体系结构，Web 数据库基础知识等。教 学方 法课堂讲授+多媒体课件讲学教 学要 求要求掌握计算机网络基础知识、IP 地址、域名和统一资源定位器URL，Web 的基本概念、工作原理、 Web 站点的体系结构， Web数据库基础知识。教 学内 容(可附另页)1、课程先导 （10min）介绍本课程的考核方式，课程对于职业发展的重要性，以及以后发展的方向分析。2、Web 简介我们这门课叫 web 应用系统开发，1)什么是 Web? （3min）Web 全称为 world wide web，简称 www，中文译名万维网，是一个大规模、联机式的信息储藏场所。表现为三种形式，即超文本（hypertext） 、超媒体（ hypermedia） 、超文本传输协议（HTTP）等Web 三要素 （5min）1、3、计算机网络基础网络的定义 （2min）Internet （5min ）OSI 参考模型 （5min）TCP/IP 协议 （10min）4、IP 地址、域名和 URLIP 地址 （5min）域名 （5min）URL （5min）5、Web 基础知识Web 工作机制 （10min）Web 站点体系结构 （ 10min）Web 应用开发技术概述 （5min ）6、Web 数据库什么 Web 数据库 （3min ）Web 数据库工作机制 （5min ）常用 Web 数据库访问技术 （2min ）教 学重 点难 点Web 三要素TCP/IP 协议Web 工作机制Web 站点体系结构Web 数据库工作机制讨 论练 习作 业Web 三要素的含义Web 的体系结构及工作流程参 考资 料Web 技术应用基础樊月华等 清华大学出版社 2016HTML+CSS+JavaScript 实用详解 叶青 电子工业出版社 2008教研室主任审批意见教 学后 记本章内容包括计算机网络基础知识、IP 地址、域名和统一资源定位器 URL，Web 的基本概念、工作原理、 Web 站点的体系结构，Web 数据库基础知识等。重点是 Web 三要素、TCP/IP 协议、Web工作机制、Web 站点体系结构、 Web 数据库工作机制。它为后续章节的讲授打下了基础。通过课堂教学的效果看，学生基本上掌握了 Web 技术的基础知识和基本原理。周 次 1 时 间 第 11 周章 节名 称第二章 Web 应用环境构建技术授 课方 式理论课（ ） 、实践课（ ） 、实习（ ）教学时数教 学目 的介绍 Web 应用系统部署的物理环境和软件环境，包括 Web 服务器和数据库系统。教 学方 法课堂讲授+多媒体课件讲学教 学要 求要求掌握 Web 应用系统部署环境的构建方法。教 学内 容(可附另页)Web 运行环境概述园区内 Web 运行环境 （5min ）模拟 Web 运行环境 （ 5min）虚拟 Web 运行环境 （ 5min）常用 Web 运行环境介绍 （5min ）JSP 应用环境的建立JSP 安装准备工作 （5min）安装配置 JDK （10min）安装服务器软件 Tomcat （10min）第一个 JSP 应用 （15min）mysql 数据库系统的安装与测试mysql 安装准备工作 （5min）安装 mysql （10min）mysql 的操作 （15min）教 学重 点难 点安装配置 JDK安装服务器软件 Tomcat第一个 JSP 应用讨 论练 习作 业为只有一台计算机的用户、有两台计算机的用户或两台以上计算机的用户策划一个 Web 应用开发与运行环境安装 JSP 运行环境需要哪些软件Tomcat 服务器软件的默认发布目录是什么参 考资 料Web 技术应用基础樊月华等 清华大学出版社 2008JSP 应用程序开发指南 Ben Forta,et al(美) 高等教育出版社 2001JSP 应用开发详解 飞思科技产品研发中心 电子工业出版社 2004MySQL 入门经典 王雨竹 机械工业出版社出版 2013教研室主任审批意见教 学后 记本章内容包括介绍 Web 应用系统部署的物理环境和软件环境， Web 服务器和数据库系统。重点是安装配置 JDK、安装服务器软件 Tomcat、和部署第一个 JSP 应用。它为后续章节的讲授打下了基础。通过课堂教学的效果看，学生基本上掌握了 Web 应用开发与运行环境的构建。周 次 2 时 间 第 12 周章 节名 称第三章 基于 Web 方式的信息系统开发案例网上书店授 课方 式理论课（ ） 、实践课（ ） 、实习（ ）教学时数教 学目 的结合网上书店的建设，使学生了解一个 Web 站点建设的全貌，有助于学生站在全局的高度了解 Web 技术的应用教 学方 法课堂讲授+多媒体课件讲学教 学要 求要求掌握网上书店的系统功能与部署配置。教 学内 容(可附另页)系统功能与系统环境系统功能和使用模式 （5min）系统环境建设 （5min）系统设计系统设计原则 （5min）系统需求分析 （10min）网络及服务器的选择 （5min）系统软件结构 （10min）系统功能设计“网上书店管理信息系统”的功能 （5min）业务流程设计 （10min）用户界面设计 （10min）数据库设计 （10min）代码设计与实现 （10min）网上书店的安装及使用 （5min）教 学重 点难 点系统需求分析业务流程设计数据库设计代码设计与实现讨 论练 习作 业无参 考资 料Web 技术应用基础樊月华等 清华大学出版社 2008JSP 应用程序开发指南 Ben Forta,et al(美) 高等教育出版社 2001JSP 应用开发详解 飞思科技产品研发中心 电子工业出版社 2004MySQL 入门经典 王雨竹 机械工业出版社出版 2013教研室主任审批意见教 学后 记本章内容结合网上书店的建设，使学生了解一个 Web 站点建设的全貌。重点是系统需求分析、业务流程设计、数据库设计、代码设计与实现。通过课堂教学的效果看，学生基本上了解一个 Web站点建设的全貌。周 次 2 时 间 第 12 周章 节名 称第四章 HTML授 课方 式理论课（ ） 、实践课（ ） 、实习（ ）教学时数教 学目 的介绍 HTML 的常用标签及其使用教 学方 法课堂讲授+多媒体课件讲学教 学要 求要求掌握 HTML 常用标签的使用。教 学内 容(可附另页)HTML 概述HTML 入门-一个简单 HTML 案例 （5min）HTML 文件的结构 （5min）HTML 的标记和元素 （5min）HTML 页面结构标记 （5min）HTML 页面修饰标记标题文字标记 （5min）文字样式标记 （5min）特定文字样式标记 （5min）段落标记 （5min）页面修饰标记应用案例 （5min）页面多媒体技术图像标记 （5min）背景音乐标记 （5min）音乐和影像文件 （5min）页面多媒体技术应用案例 （5min）表格与列表标记表格标记 （10min）列表标记 （15min）教 学重 点难 点表格标记列表标记讨 论练 习作 业使用 HTML 制作一个页面，要有背景颜色，页面显示内容及格式如图 4-19 所示参 考资 料Web 技术应用基础樊月华等 清华大学出版社 2016HTML+CSS+JavaScript 实用详解 叶青 电子工业出版社 2008教研室主任审批意见教 学后 记本章内容为 HTML 常用标记的使用，包括页面修饰标记、多媒体标记、表格与列表标记。重点是表格与列表标记。通过课堂教学的效果看，学生基本上掌握了各类标记的使用。周 次 3 时 间 第 13 周章 节名 称第四章 HTML授 课方 式理论课（ ） 、实践课（ ） 、实习（ ）教学时数教 学目 的介绍 HTML 的常用标签及其使用教 学方 法课堂讲授+多媒体课件讲学教 学要 求要求掌握 HTML 常用标签的使用。教 学内 容(可附另页)超链接标记超链接标记 （4min）同一页面间的链接 （3min）链接电子信箱 （3min）超链接应用案例 （5min）表单标记表单的功能 （5min）表单定义标记 （5min）输入标记 （5min）列表框标记 （5min）多行文本框标记 （5min）表单标记应用案例 （5min）窗口框架标记窗口框架的建立 （5min）子窗口的建立 （5min）窗口框架使用案例 （5min）HTML 应用案例页面动态刷新 （5min）文字移动 （5min）浮动窗口 （5min）在页面中嵌入 Java 小程序 （5min）网上书店主界面的实现 （10min）教 学重 点难 点表单标记讨 论练 习作 业制作一个计算器界面，如图 4-20 所示参 考资 料Web 技术应用基础樊月华等 清华大学出版社 2016HTML+CSS+JavaScript 实用详解 叶青 电子工业出版社 2008教研室主任审批意见教 学后 记本章内容为 HTML 常用标记的使用，包括超链接标记、表单标记、窗口框架标记，并通过几个实例介绍 HTML 的高级应用。重点是表单标记。通过课堂教学的效果看，学生基本上掌握了各类标记的使用。周 次 3 时 间 第 13 周章 节名 称第五章 CSS授 课方 式理论课（ ） 、实践课（ ） 、实习（ ）教学时数教 学目 的介绍 CSS 技术的基本概念、语法及其在页面显示中应用教 学方 法课堂讲授+多媒体课件讲学教 学要 求要求理解 CSS 的基本概念，掌握 CSS 在页面显示中的应用。教 学内 容(可附另页)CSS 简介CSS 作用 （5min）CSS 样式文件应用结构 （5min）定义样式的格式CSS 定义 （5min）CSS 属性 （5min）应用 CSS 样式的 4 种方式直接定义 HTML 标记中的 style 属性 （10min）在 HTML 文档内定义内部样式表 （10min）嵌入外部样式表 （10min）链接外部样式表 （10min）样式表应用案例 （10min）页面定位 （10min）CSS 在网上书店案例中的应用 （10min）教 学重 点难 点定义 HTML 标记中的 style 属性定义内部样式表嵌入外部样式表链接外部样式表讨 论练 习作 业使用 CSS 技术制作一个页面，页面内容及显示格式如图 5-5 所示参 考资 料Web 技术应用基础樊月华等 清华大学出版社 2016HTML+CSS+JavaScript 实用详解 叶青 电子工业出版社 2008教研室主任审批意见教 学后 记本章内容介绍网页设计中一种较新的技术：CSS，通过 CSS 可以扩充 HML 标记的显示属性，同时简化网站的开发、管理和维护。通过课堂教学的效果看，学生基本上理解了 CSS 的基本概念，掌握了 CSS 在页面显示方面的应用。周 次 4 时 间 第 14 周章 节名 称第六章 JavaScript授 课方 式理论课（ ） 、实践课（ ） 、实习（ ）教学时数教 学目 的学习 JavaScript 的基础知识、工作机制及其使用技术教 学方 法课堂讲授+多媒体课件讲学教 学要 求要求理解 JavaScript 的基础知识和工作机制，掌握 JavaScript 的语法，并能应用于实现 Web 页面的动态效果和交互功能。教 学内 容(可附另页)JavaScript 概述JavaScript 运行机制 （5min ）JavaScript 的特点 （5min ）JavaScript 应用案例-图像互换位置 （5min）JavaScript 基本语法在 HTML 文档中调入或嵌入 JavaScript （5min）JavaScript 书写格式 （5min ）基本数据类型 （5min）JavaScript 控制结构和函数JavaScript 控制结构 （10min ）函数 （5min）JavaScript 基本语法应用案例 （5min ）JavaScript 对象JavaScript 对象概述 （5min ）自定义对象 （10min）对象属性和方法的引用 （5min）对象的操作 （5min）事件驱动与事件处理 （10min）JavaScript 对象应用案例 （5min ）教 学重 点难 点JavaScript 基本语法JavaScript 控制结构和函数JavaScript 对象事件驱动与事件处理讨 论练 习作 业使用 JavaScript 编制一段代码完成如下功能：1 要求输入一个姓名2 用确认框检查输入是否正确3 根据输入给出相应提示参 考资 料Web 技术应用基础樊月华等 清华大学出版社 2016HTML+CSS+JavaScript 实用详解 叶青 电子工业出版社 2008教研室主任审批意见教 学后 记本章介绍 JavaScript 的基础知识、工作机制及其使用技术。重点是JavaScript 基本语法、JavaScript 控制结构和函数、JavaScript 对象，难点是事件驱动与事件处理。通过课堂教学的效果看，学生基本上理解了 JavaScript 的基础知识、工作机制，但实际动手能力欠佳。因此在教学中特别安排较多的实例演示，并通过作业、实验等方式强化学生的实际动手编程。周 次 4 时 间 第 14 周章 节名 称第六章 JavaScript授 课方 式理论课（ ） 、实践课（ ） 、实习（ ）教学时数教 学目 的学习 JavaScript 的基础知识、工作机制及其使用技术教 学方 法课堂讲授+多媒体课件讲学教 学要 求要求理解 JavaScript 的基础知识和工作机制，掌握 JavaScript 的语法，并能应用于实现 Web 页面的动态效果和交互功能。教 学内 容(可附另页)window 对象在 JavaScript 中的应用window 对象的构成 （3min）window 对象的属性 （2min）window 对象的方法 （3min）window 对象的事件 （2min）window 对象的应用案例 （5min）document 对象在 JavaScript 中的应用document 对象的属性 （5min）document 对象的方法 （5min）document 对象的事件 （5min）document 对象的应用案例 （5min）JavaScript 内置对象String 对象 （5min）Math 对象 （5min）Array 对象 （5min）Date 对象 （5min）JavaScript 内置对象应用案例 （5min ）JavaScript 应用案例数字钟 （5min）状态栏文字滚动显示 （5min）随机改变页面背景色 （5min）鼠标跟随 （5min）JavaScript 在网上书店中的应用案例 （10min ）教 学重 点难 点window 对象在 JavaScript 中的应用document 对象在 JavaScript 中的应用JavaScript 内置对象讨 论练 习作 业制作一个页面，页面上有两个文本框和一个提交按钮，在文本框中输入信息后，用鼠标单击提交按钮，将显示文本框中输入的内容。参 考资 料Web 技术应用基础樊月华等 清华大学出版社 2016HTML+CSS+JavaScript 实用详解 叶青 电子工业出版社 2008教研室主任审批意见教 学后 记本章介绍 JavaScript 的基础知识、工作机制及其使用技术。重点是window 对象在 JavaScript 中的应用、document 对象在 JavaScript中的应用、JavaScript 内置对象。通过课堂教学的效果看，学生基本上理解了 JavaScript 的基础知识、工作机制，但实际动手能力欠佳。因此在教学中特别安排较多的实例演示，并通过作业、实验等方式强化学生的实际动手编程。周 次 5 时 间 第 15 周章 节名 称第七章 JSP 运行机制与基本语法授 课方 式理论课（ ） 、实践课（ ） 、实习（ ）教学时数教 学目 的介绍 JSP 运行机制与基本语法教 学方 法课堂讲授+多媒体课件讲学教 学要 求要求理解 JSP 运行机制与基本语法，掌握 JSP 声明、 JSP 指令和 JSP动作及其使用技术。教 学内 容(可附另页)JSP 技术概述JSP 应用示例 （5min）JSP 运行机制 （10min）JSP 的特点 （5min）JSP 页面结构 （5min）JSP 基本语法JSP 页面组成 （5min）注释 （5min）声明 （5min）表达式 （5min）JSP 脚本段 （5min）JSP 基本语法应用案例 （5min）JSP 指令JSP 指令功能 （5min）include 指令 （5min）page 指令 （10min）taglib 指令 （5min）JSP 指令应用案例 （10min）教 学重 点难 点JSP 运行机制JSP 基本语法JSP 指令讨 论练 习作 业加载动态文件，制作一个 JSP 文件，计算一个数的平方根，然后再制作一个 JSP 文件，应用动作加载刚刚制作的 JSP文件，在客户端显示出来，并在客户端的“查看源文件”中观察源文件。参 考资 料Web 技术应用基础樊月华等 清华大学出版社 2016JSP 应用程序开发指南 Ben Forta,et al(美) 高等教育出版社 2001JSP 应用开发详解 飞思科技产品研发中心 电子工业出版社 2004教研室主任审批意见教 学后 记本章介绍 JSP 运行机制和基本语法。重点是 JSP 工作机制、JSP 指令和 JSP 动作。通过课堂教学的效果看，特别是通过几个实际的例子，学生基本上理解了 JSP 运行机制，掌握了的使用。周 次 5 时 间 第 15 周章 节名 称第七章 JSP 运行机制与基本语法授 课方 式理论课（ ） 、实践课（ ） 、实习（ ）教学时数教 学目 的介绍 JSP 运行机制与基本语法教 学方 法课堂讲授+多媒体课件讲学教 学要 求要求理解 JSP 运行机制与基本语法，掌握 JSP 声明、 JSP 指令和 JSP动作及其使用技术。教 学内 容(可附另页)JSP 动作JSP 动作功能 （5min）jsp:include 动作 （10min ）jsp:forward 动作 （5min）jsp:plugin 动作 （10min）jsp:useBean 动作jsp:useBean 动作功能 （10min）jsp:useBean 语法规则 （10min）jsp:useBean 工作过程 （10min）jsp:useBean 应用实例 （10min）设置和获取 bean 属性值 （5min ）JSP 指令与动作的应用- 读者选购图书 （15min ）教 学重 点难 点JSP 动作jsp:useBean 动作讨 论练 习作 业制作一个页面，页面的背景颜色，文字的大小、字体和颜色可以根据用户的选择来实施。界面如图 7-17 所示，要求应用 JavaBean完成。参 考资 料Web 技术应用基础樊月华等 清华大学出版社 2016JSP 应用程序开发指南 Ben Forta,et al(美) 高等教育出版社 2001JSP 应用开发详解 飞思科技产品研发中心 电子工业出版社 2004教研室主任审批意见教 学后 记本章介绍 JSP 运行机制和基本语法。重点是 JSP 动作和jsp:useBean 动作。通过课堂教学的效果看，特别是通过几个实际的例子，学生基本上理解了 JSP 动作的运行机制，掌握了的使用。周 次 6 时 间 第 16 周章 节名 称第八章 JSP 内置对象授 课方 式理论课（ ） 、实践课（ ） 、实习（ ）教学时数教 学目 的介绍 JSP 九个内置对象，包括request、response 、session 、application、out 、config 、pageContext、page 、exception教 学方 法课堂讲授+多媒体课件讲学教 学要 求要求掌握 JSP 九个内置对象的使用。教 学内 容(可附另页)JSP 内置对象概述 （5min）request 对象request 对象的功能 （ 3min）getParameter 方法 （2min ）获取客户提交信息案例 （5min）request 对象常用方法 （5min ）request 对象常用方法应用案例 （5min ）response 对象response 对象的功能 （3min）sendRedirect 方法 （5min）response 的状态行 （5min）setContentType 方法 （ 5min）response 对象的其他方法 （5min）response 方法应用案例 （5min）out 对象out 对象的功能 （2min）out 对象中预定义的常量和变量 （5min）out 对象方法 （5min）out 对象应用案例 （5min）session 对象会话和会话 ID （5min）session 对象常用方法 （5min）session 对象应用案例 （10min）教 学重 点难 点request 对象response 对象session 对象讨 论练 习作 业在购书表单中输入用户名、密码和书名，单击“确定”按钮，将信息发往服务器端，商家根据用户的信息向用户返回应答。参 考资 料Web 技术应用基础樊月华等 清华大学出版社 2016JSP 应用程序开发指南 Ben Forta,et al(美) 高等教育出版社 2001JSP 应用开发详解 飞思科技产品研发中心 电子工业出版社 2004教研室主任审批意见教 学后 记本章内容包括request、response、session、application、out、config 、pageContext、page、exception 九个 JSP 内置对象及其使用的介绍。重点是request、response、session、application 四个对象。通过课堂教学的效果看，学生基本上掌握了内置对象的概念和使用方法，但同样也暴露出实际动手较差的问题。因此在课堂讲解中设计多个实例演示，并在课后通过作业和实验加强学生的动手能力。周 次 6 时 间 第 16 周章 节名 称第八章 JSP 内置对象授 课方 式理论课（ ） 、实践课（ ） 、实习（ ）教学时数教 学目 的介绍 JSP 九个内置对象，包括request、response 、session 、application、out 、config 、pageContext、page 、exception教 学方 法课堂讲授+多媒体课件讲学教 学要 求要求掌握 JSP 九个内置对象的使用。教 学内 容(可附另页)application 对象application 对象的功能 （5min）application 对象常用方法 （5min）application 对象应用案例 （10min）exception 对象exception 对象的功能 （5min）JSP 异常处理语句 （5min）exception 对象常用方法 （5min）异常处理应用案例 （5min）JSP 其他内置对象page 对象 （5min）pageContext 对象 （5min）config 对象 （5min）CookieCookie 功能 （5min）Cookie 属性 （5min）创建 Cookie