2022年《Web应用技术》课程教案

1、WEB应用技术课程教案授课时间：第 1 次课： 第一章 HTML语言课时支配 5 课时课程主要 1. 互联网应用技术 内容 2. 网页的类型 3. 网页的设计与建设 4. HTML 的标记与元素 5. 文字版面的编辑 6. 文字列表的设计 7. 图片的使用 8. 窗口框架 9. 表格的设计 10. 超链接 11. 高级 HTML的使用 applet的使用、网页动态刷新、会移动的文字、浮动窗口 、多媒体网页、播放背景音乐 12. 表单设计重点难点 通过这一章的讲解,让同学第一建立一个页面与网站开发方法的概念,同时对 初步的熟悉；web开发语言以及 web程序开发环境有一个教学方法 以电子教案多媒

2、体教学为主,同时辅以版书的进一步讲解与手段布置作业 编写一个 JSP个人主页：实现电子相册、个人简介、心情日志以及与我联系板块；要求敏捷使用 frameset 与 frame 标签布局,文字版面、文字列表、表格、超链接、网页动态刷新、会移动的文字、多媒体网页以及表单的主要标记WEB应用技术课程教案授课时间：第 2 次课： 其次章 JavaScript课时支配 课程主要 内容5 课时1. JavaScript的基本概念JavaScript的优缺点、标记、数据类型（变量,基本数据类型及注释语句）、运算符（算数, 连接,位,规律,关系,条件,递增和递减以及赋值运算符）2. 条件语句if-else 与

3、 switch 语句3. 循环语句 For,while ,do-while ,continue与 break 语句；4. 内置函数和函数设置提示对话框 prompt 、Alert 、confirm 、eval 以及 isNaN 函数；无返回值的函数与有返回值的函数5. 函数和对象的调用递归函数、对象的制作和使用、在对象内设定方法、将对象作为对象属性使用；6. 数组对象数组、数组对象的方法（ join 、reverse 、slice 、concat 以及 sort ）重点难点重点：函数、数组及大事；教学方法 以电子教案多媒体教学为主,同时辅以版书的进一步讲解与手段布置作业 制作日历：使用二维数组

4、创建下拉列表框的方法；实现挑选月份自动生成日期； 使用 JavaScript动态函数实现一个日历, 利用 标记制作日历； 用红色表示当前日期, 并显示当前时 间；当前时间以上午 / 下午的形式显示；使用弹出框；WEB应用技术课程教案授课时间：第 3 次课： 第三章 CSS 层叠样式单课时支配 5 课时课程主要 1. 大事与下拉列表内容 OnClick 大事、 OnChange大事、 Select （下拉列表）2. JavaScript 的内置对象Function 对象,Screen 对象 ,Number对象,Date 对象,Math 对象,String 对象3、大事 OnLoad 大事 ,On

5、Unload 大事 ,click 大事 4、浏览器内置对象 5把样式加到网页中的方法大事,event 对象 ,OnError行内样式、内嵌一个样式单、链接到一个外部的样式单文件和导入多个外部样式单文件；6. 扩充标记和属性 class 属性,id 属性, 与定位标记 , 多重样式单的层叠7. 样式单的属性单位 长度单位 , 百分比单位 , 颜色单位 用十六进制数方式 , 用 rgb函数方式 , 用颜色名称方式 8. 样式单的常用属性字体属性 , 文本属性,掌握BOX的属性 , 布局属性 , 背景属性重点难点用实例讲解把样式加到网页中教学方法 以电子教案多媒体教学为主,同时辅以版书的进一步讲解与

6、手段布置作业 用户注册检查及 CSS页面设置WEB应用技术课程教案授课时间：第 4 次课： 第四章 JSP技术课时支配 5 课时课程主要 1、JSP、ASP与 PHP 内容 分别介绍 JSP、ASP与 PHP的技术特点,比较三者的应用范畴、操作性能以及前景分析；2、Myeclipse 的使用主要介绍 MyEclipse 的配置与使用、 Web项目的创建、部署与运行3、JSP语法概述 JSP 原始代码中包含了 JSP元素和 Template data 两类4、JSP语法 JSP 语法分为三种不同的类型 : 编译器指令 page 页指令 , include 包含指令和 taglib 指令 , 脚本

7、语法 “HTML注释” :, “ 隐匿注释”:,“ 声明” ,“ 表达式” ,“ 脚本段” 重点难点重点：演示并讲清晰在 Myeclipse 中建立 Web站点； 以实例讲清晰 include包含指令、 与区分、 、 与；教学方法 以电子教案多媒体教学为主,同时辅以版书的进一步讲解与手段布置作业 用 Myeclipse 建立一个工程,将几个页面包含在一个 JSP页面中；建立一个网页九九乘法表；敏捷使用 page 指令中的errorPage 属性与 isErrorPage 属性WEB应用技术课程教案授课时间：第 5 次课： 第四章JSP技术,课时支配5 课时课程主要1. 动作语法内容,和 2.H

8、TML表单 Web运行原理 ,HTML表单 3. 中文显示问题 JSP文件的汉字问题 , 表单处理的汉字问题 4.JSP 内置对象 request 恳求对象、 response 响应对象、 pageContext 页面 上下文对象、 session 会话对象、 application 应用程序对象、out 输出对象、 config配置对象、 page 页面对象、 exception例外对象及其与 Java 类的对应关系 5.request 和 response request 对象代表的是来自客户端的恳求,response 对象代 表的是对客户端的响应重点难点对于 request 和 resp

9、onse 对象必需要求把握,会使用对象所具有的方法；叙述清晰 JSP文件与表单处理的汉字问题教学方法 以电子教案多媒体教学为主,同时辅以版书的进一步讲解 与手段布置作业系统首页登录验证 : 、设 计 系 统 首 页 和 验 证 页 （ 要 求 使 用 、 、request 与 response 对象,并能正确处理用户名的中文输入）WEB应用技术课程教案 授课时间：第 6 次课： 第五章 JDBC 技术课时支配5 课时、pageContext 课程主要1、 session 、application内容session 、application与 pageContext 对象的功能与作用域2、 ou

10、t 、config 、 page 、 exception config 对象供应一些配置信息, exception 对象代表了 JSP 文件运行时所产生的例外对象 3、JDBC概述 JDBC 是一种可用于执行 接口 4、JDBC的四种类型SQL语句的 JAVA API 应用程序设计JDBC-ODBC桥加 ODBC驱动程序、本地 API、JDBC网络纯 Java 驱动程序、本地协议纯 Java 驱动程序 5、DriverManager 负责治理 JDBC驱动程序的基本服务, 作用于用户和驱动程序 之间,负责追踪可用的驱动程序,并在数据库和相应驱动程序 之间建立连接6、Connection 对象的

11、是建立与数据库之间的连接,也就是创建一个Connection实例.Connection conn = DriverManager.getConnectionurl, user, password; 重点难点讲解四种 JDBC驱动程序连接数据库的不同及其优缺点；演示加载 jdbc 驱动之前与之后数据库连接情形JDBC连接 SQLServer 数据库教学方法 以电子教案多媒体教学为主,同时辅以版书的进一步讲解 与手段布置作业 1分别使用 JDBC-ODBC桥连接与纯 JDBC驱动连接数据库；2使用 application对象实现一个局域网内的谈天室；WEB应用技术课程教案授课时间：第 7 次课：

12、第五章 JDBC 技术课时支配 5 课时课程主要 1、Statement 对象内容 Statement 对象用于将 SQL语句发送到数据库中 ,Statement st = conn.createStatement;存在 3 种 Statement 对象：Statement 、PreparedStatement 、CallableStatement 2、ResultSet 对象 ResultSet 包含符合 SQL语句执行结果全部行, 并且它通过 一套 get 方法供应了对这些行中数据的拜访 3、executeQuery 与 executeUpdate executeQuery用 于 产 生

13、单 个ResultSet的 语 句 ,executeUpdate 用于执行更新操作 4、SQL语言 SQL 与 Java 数据类型的对应关系、 INSERT INTO指令、DELETE 指令、 UPDATE指令,多表查询 5、PreparedStatement 对象PreparedStatement在操作时,是先在数据表之中预备好了一条 SQL语句,但是此 SQL语句的具体内容临时不设置,而 是之后再进行设置重点难点讲 述 清 楚 DriverManager 、 Connection 、 Statement 、ResultSet 、PreparedStatement 对象的功能以及之间的联系

14、以实例叙述清晰上述各个对象及其方法的使用,重点讲解executeQuery 的用法教学方法 以电子教案多媒体教学为主,同时辅以版书的进一步讲解 与手段布置作业 使用 Statement 和 PreparedStatement 对象查询与更新数据库；WEB应用技术课程教案授课时间：第 8 次课： 第五章 JDBC 技术课时支配 5 课时课程主要 1、executeUpdate 内容 executeUpdate 用于执行 INSERT、UPDATE或 DELETE语句以 及 SQL DDL语句,例如 CREATE TABLE和 DROP TABLE；该方法返回一个整数,指示受影响的行数2、基本结果

15、集 next 方法、getXXX（int columnIndex ）方法、getXXX（String columnName）方法 3、可滚动结果集 createStatementint resultSetType, int resultSetConcurrency, previous, first, last, beforefirst, afterLast,relativeint rows,absolute,isBeforeFirst,isAfterLast, isFirst, isLast 3、 可更新结果集 updateXXX,insertRow,deleteRow, cancelRowU

16、pdates,moveToXXX 重点难点 叙述清晰基本结果集、可滚动结果集以及可更新结果集胡的 异同 以实例叙述清晰上述各个对象及其方法的使用,重点讲解resultSetType 与 resultSetConcurrency 中参数的含义教学方法 以电子教案多媒体教学为主,同时辅以版书的进一步讲解 与手段布置作业 可更新结果集数据库操作WEB应用技术课程教案 授课时间：第 9 次课： 第六章 Javabean 技术课时支配 课程主要 内容5 课时 1、组件技术 组件技术概述、组件和容器 2、JavaBean概述 JavaBean 简介,JavaBean 特性, JavaBean 的特点 ,J

17、avaBean页 面 指 令 jsp:useBean指 令 、 jsp:setProperty指 令 和jsp:getProperty指令 ；3、JavaBean属性简洁属性、索引属性、束缚属性、限制属性4、修改 JavaBean的属性方法利用value为 javabean中属性赋值（ ）、利用 form 表单的元素统 一 对 javabean 赋 值 （ ）、利用 form 表单的元素逐一对 javabean 赋值（ ）重点难点重点讲述命令：；叙述清晰简洁属性与索引属性的异同,叙述清晰三种修改JavaBean的属性方法的异同教学方法 以电子教案多媒体教学为主,同时辅以版书的进一步讲解与手段布

18、置作业 利用 JSP+Javabean实现用户注册WEB应用技术课程教案 授课时间：第 10 次课： 第六章 Javabean 技术课时支配 课程主要 内容5 课时 1、JavaBean的作用域Page（当前页面文件）、request （存在于整个 request 的生命 周 期 内 ）、 session （ 整 个 session的 生 命 周 期 内 ）、application（整个主机或虚拟主机的生命周期内）2、JavaBean连接数据库实现身份验证 JavaBean 实现身份信息属性及相关属性方法,在 JSP中调用 JaveBean,在 JavaBean中连接数据库实现查询, 将查询结

19、果返 回给 JSP页面以实现身份验证；3、多条件 SQL查询语句4、通过实例讲解利用Javebean 实现组合条件课程查询初次登陆页面显示全部课程信息,输入查询条件后动态组织 SQL语句, Javabean 连接数据库,执行查询操作并在页面上显示；重点难点 叙述清晰 page、request 、session 、application四种作用域的异同 通过讲解实例,帮忙同学进一步复习把握第七、八、九、十章内容,特别是显现的一些重要的学问点及难点；教学方法 以电子教案多媒体教学为主,同时辅以版书的进一步讲解 与手段布置作业 利用 Javebean 实现组合条件查询WEB应用技术课程教案 授课时间

20、：第 11 次课： 第六章 Javabean 技术课时支配 课程主要 内容5 课时1、通过实例讲解利用Javebean 实现分页显示在 JSP页面中掌握显示,包括查询条件表单与查询结果的显示；在 JaveBean内实现规律操作包括SQL语句的动态合成、 对数据库进行操作；依据判定每一数据显示提交的 toPage 参数动态实现分页技术；2、通过实例讲解利用Javebean 实现数据添加在 JSP页面中掌握显示,包括添加条件表单与添加结果的显示；在 JaveBean内封装数据库操作包括与数据库建立连接和对数据库进行添加操作；重点难点重点：叙述清晰分页显示算法及利用Javebean 实现分页显示步骤

21、；重点：叙述清晰 Javebean 实现数据添加步骤；教学方法 以电子教案多媒体教学为主,同时辅以版书的进一步讲解与手段布置作业 利用 Javebean 实现分页显示以及数据的更新WEB应用技术课程教案授课时间：第 12 次课： 第七章 懂得 Servlet 技术课时支配 5 课时课程主要 1、 Servlet 概述内容 Servlet 是一个用 Java 编写的程序,此程序在服务器上运行以处理客户端恳求； HttpServlet（doGet 方法, doPost方法,HttpServletRequest 接口,HttpServletResponse 接口）2、 Servlet 的生命周期in

22、it、service、destroy 3、 Servlet 的结构需要导入的包、用于处理 文本格式和 PrintWriter 4、 Servlet 的部署 GET/post 恳求的方法、创建设置 对象的方法以将数据发送给客户端 、 5、 Servlet 的使用JSP文件中使用 Servlet 、猎取 Servlet 的初始化参数重点难点 重点：叙述清晰 HttpServlet 中 doGet 方法与 doPost 方法的异同,HttpServletRequest 接口的功能接口和 HttpServletResponse 重点：以实例叙述清晰 Servlet 的结构、部署和使用流程教学方法 以电

23、子教案多媒体教学为主,同时辅以版书的进一步讲解与手段布置作业 利用 JSP+Servlet 实现数字运算WEB应用技术课程教案授课时间：第 13 次课： 第七章 懂得 Servlet 技术课时支配 5 课时课程主要 1、MVC 设计模式内容 Model I 体系结构（JSP+JavaBean）、Model II 体系结构（JSP视图+Servlet 掌握器 +JavaBean模型 ）、2、数据库删除与更新操作DELETE指令、 UPDATE指令3、通过实例讲解利用 Servlet 实现数据库删除使用 Servlet 技术作流程掌握,进而实现数据删除操作,通过实例讲解是同学进一步把握 Servl

24、et 的使用,为 MVC开发模式打下基础；4、通过实例讲解利用Servlet实现数据更新在 JSP页面中掌握显示,包括修改条件表单与修改结果的显示；在 JaveBean内实现数据库操作包括数据库建立连接和对数据库进行修改操作,在Servlet中处理用户恳求并实现页面跳转；重点难点重点：叙述清晰JSP开发模式一与模式二的区分；重点：叙述清晰利用JSP+Javebean+Servlet 实现数据删除与修改操作；教学方法 以电子教案多媒体教学为主,同时辅以版书的进一步讲解与手段布置作业 利用 MVC模式实现网络论坛WEB应用技术课程教案授课时间：第 14 次课： 第八章 开发 Struts 应用课时

25、支配 5 课时课程主要 1、传统 WebApplication 开发内容 表示、掌握和业务规律混合,代码可读性差,系统保护成本高,没有统一的处理机制2、Struts 明确了各层,单一的掌握入口,代码的可保护性增加,可扩展性增加3、Struts1.0 框架的主要组成 ActionServet、 RequestProcessor 处 理 器 、 Action 、ActionForm 、struts-config.xml、资源文件、 taglib（标签）4、struts-config.xml 可以配置的属性： ActionForm bean、全局反常处理、全局转发、ActionMapping 类、

26、Controller、资源文件、 Struts插件5、通过实例讲解 Struts1.0开发在 JSP 页面中显示,包括用户登录与登陆结果的显示；在ActionForm 内实现与登陆表单用户数据的复用,在Action中处理用户恳求并实现页面跳转；重点难点重点：叙述清晰Struts的优势、实现流程以及各组成部分的功能 重点：叙述清晰 struts-config.xml 内容配置文件的作用及具体教学方法 以电子教案多媒体教学为主,同时辅以版书的进一步讲解与手段布置作业 利用 MVC模式实现网络论坛WEB应用技术课程教案授课时间：第 15 次课： 第八章 开发 Struts 应用课时支配 5 课时课程主要 1、Struts 1 和 2 的区分内容 Struts 2 中已经没有 ActionForm 对象, Struts 2 中支持OGNL,S