《Web应用技术》课程教案

WEB应用技术课程教案授课时间：第1次课：第一章HTML语言课时安排5课时课程主要内容1.互联网应用技术2.网页的类型3.网页的设计与建设4.HTML的标记与元素5.文字版面的编辑6.文字列表的设计7.图片的使用8.窗口框架9.表格的设计10.超链接11.高级HTML的使用applet的使用、网页动态刷新<meta>、会移动的文字<marquee>、浮动窗口<iframe>、多媒体网页、播放背景音乐<bgsound>12.表单设计重点难点·通过这一章的讲解，让学生首先建立一个页面与网站开发方法的概念，同时对web开发语言以及web程序开发环境有一个初步的认识。教学方法与手段以电子教案多媒体教学为主，同时辅以版书的进一步讲解布置作业编写一个JSP个人主页：实现电子相册、个人简介、心情日志以及与我联系板块。要求灵活使用frameset与frame标签布局，文字版面、文字列表、表格、超链接、网页动态刷新、会移动的文字、多媒体网页以及表单的主要标记WEB应用技术课程教案授课时间：第2次课：第二章JavaScript课时安排5课时课程主要内容1.JavaScript的基本概念JavaScript的优缺点、标记、数据类型（变量，基本数据类型及注释语句）、运算符（算数，连接，位，逻辑，关系，条件，递增和递减以及赋值运算符）2.条件语句if-else与switch语句3.循环语句For，while，do-while，continue与break语句。4.内置函数和函数设置提示对话框prompt、Alert、confirm、eval以及isNaN函数；无返回值的函数与有返回值的函数5.函数和对象的调用递归函数、对象的制作和使用、在对象内设定方法、将对象作为对象属性使用。6.数组对象数组、数组对象的方法（join、reverse、slice、concat以及sort）重点难点·重点：函数、数组及事件。教学方法与手段以电子教案多媒体教学为主，同时辅以版书的进一步讲解布置作业制作日历：使用二维数组创建下拉列表框的方法；实现选择月份自动生成日期；使用JavaScript动态函数实现一个日历，利用<table>标记制作日历。用红色表示当前日期，并显示当前时间。当前时间以上午/下午的形式显示；使用弹出框。WEB应用技术课程教案授课时间：第3次课：第三章CSS层叠样式单课时安排5课时课程主要内容1.事件与下拉列表OnClick事件、OnChange事件、Select（下拉列表）2.JavaScript的内置对象Function对象,Screen对象,Number对象,Date对象,Math对象,String对象3、事件OnLoad事件,OnUnload事件,click事件,event对象,OnError事件4、浏览器内置对象5．把样式加到网页中的方法行内样式、内嵌一个样式单、链接到一个外部的样式单文件和导入多个外部样式单文件。6.扩充标记和属性class属性,id属性,<div>与<span>定位标记,多重样式单的层叠7.样式单的属性单位长度单位,百分比单位,颜色单位(用十六进制数方式,用rgb函数方式,用颜色名称方式)8.样式单的常用属性字体属性,文本属性，控制BOX的属性,布局属性,背景属性重点难点·用实例讲解把样式加到网页中教学方法与手段以电子教案多媒体教学为主，同时辅以版书的进一步讲解布置作业用户注册检查及CSS页面设置WEB应用技术课程教案授课时间：第4次课：第四章JSP技术课时安排5课时课程主要内容1、JSP、ASP与PHP分别介绍JSP、ASP与PHP的技术特点，比较三者的应用范围、操作性能以及前景分析。2、Myeclipse的使用主要介绍MyEclipse的配置与使用、Web项目的创建、部署与运行3、JSP语法概述JSP原始代码中包含了JSP元素和Templatedata两类4、JSP语法JSP语法分为三种不同的类型:编译器指令(page页指令,include包含指令和taglib指令),脚本语法(“HTML注释”:<!--comments-->,“隐藏注释”:<%--comments--%>,“声明”<%!声明;[声明;]...%>,“表达式”<%=表达式%>,“脚本段”<%代码%>)重点难点·重点：演示并讲清楚在Myeclipse中建立Web站点。·以实例讲清楚include包含指令、<!--comments-->与<%--comments--%>区别、<%!声明;[声明;]...%>、<%=表达式%>、<%代码%>、<jsp:forward>与<jsp:include>。教学方法与手段以电子教案多媒体教学为主，同时辅以版书的进一步讲解布置作业用Myeclipse建立一个工程，将几个页面包含在一个JSP页面中；建立一个网页九九乘法表；灵活使用page指令中的errorPage属性与isErrorPage属性WEB应用技术课程教案授课时间：第5次课：第四章JSP技术课时安排5课时课程主要内容1.动作语法<jsp:forward>，<jsp:include>，<jsp:plugin>，<jsp:getProperty>，<jsp:setProperty>和<jsp:useBean>2.HTML表单Web运行原理,HTML表单3.中文显示问题JSP文件的汉字问题,表单处理的汉字问题4.JSP内置对象request请求对象、response响应对象、pageContext页面上下文对象、session会话对象、application应用程序对象、out输出对象、config配置对象、page页面对象、exception例外对象及其与Java类的对应关系5.request和responserequest对象代表的是来自客户端的请求，response对象代表的是对客户端的响应重点难点·对于request和response对象必须要求掌握，会使用对象所具有的方法。·讲述清楚JSP文件与表单处理的汉字问题教学方法与手段以电子教案多媒体教学为主，同时辅以版书的进一步讲解布置作业系统首页登录验证:设计系统首页和验证页（要求使用<jsp:include>、<jsp:forward>、<jsp:param>、request与response对象，并能正确处理用户名的中文输入）WEB应用技术课程教案授课时间：第6次课：第五章JDBC技术课时安排5课时课程主要内容session、application、pageContextsession、application与pageContext对象的功能与作用域out、config、page、exceptionconfig对象提供一些配置信息，exception对象代表了JSP文件运行时所产生的例外对象3、JDBC概述JDBC是一种可用于执行SQL语句的JAVAAPI应用程序设计接口4、JDBC的四种类型JDBC-ODBC桥加ODBC驱动程序、本地API、JDBC网络纯Java驱动程序、本地协议纯Java驱动程序5、DriverManager负责管理JDBC驱动程序的基本服务，作用于用户和驱动程序之间，负责追踪可用的驱动程序，并在数据库和相应驱动程序之间建立连接6、Connection对象是建立与数据库之间的连接，也就是创建一个Connection的实例.Connectionconn=DriverManager.getConnection(url,user,password);重点难点·讲解四种JDBC驱动程序连接数据库的不同及其优缺点。·演示加载jdbc驱动之前与之后数据库连接情况·JDBC连接SQLServer数据库教学方法与手段以电子教案多媒体教学为主，同时辅以版书的进一步讲解布置作业1．分别使用JDBC-ODBC桥连接与纯JDBC驱动连接数据库。2．使用application对象实现一个局域网内的聊天室。WEB应用技术课程教案授课时间：第7次课：第五章JDBC技术课时安排5课时课程主要内容1、Statement对象Statement对象用于将SQL语句发送到数据库中,Statementst=conn.createStatement();存在3种Statement对象：Statement、PreparedStatement、CallableStatement2、ResultSet对象ResultSet包含符合SQL语句执行结果所有行，并且它通过一套get方法提供了对这些行中数据的访问3、executeQuery与executeUpdateexecuteQuery用于产生单个ResultSet的语句，executeUpdate用于执行更新操作4、SQL语言SQL与Java数据类型的对应关系、INSERTINTO指令、DELETE指令、UPDATE指令，多表查询5、PreparedStatement对象PreparedStatement在操作时，是先在数据表之中准备好了一条SQL语句，但是此SQL语句的具体内容暂时不设置，而是之后再进行设置重点难点·讲述清楚DriverManager、Connection、Statement、ResultSet、PreparedStatement对象的功能以及之间的联系·以实例讲述清楚上述各个对象及其方法的使用，重点讲解executeQuery的用法教学方法与手段以电子教案多媒体教学为主，同时辅以版书的进一步讲解布置作业使用Statement和PreparedStatement对象查询与更新数据库。WEB应用技术课程教案授课时间：第8次课：第五章JDBC技术课时安排5课时课程主要内容1、executeUpdateexecuteUpdate用于执行INSERT、UPDATE或DELETE语句以及SQLDDL语句，例如CREATETABLE和DROPTABLE。该方法返回一个整数，指示受影响的行数2、基本结果集next()方法、getXXX（intcolumnIndex）方法、getXXX（StringcolumnName）方法3、可滚动结果集createStatement(intresultSetType,intresultSetConcurrency),previous(),first(),last(),beforefirst(),afterLast(),relative(introws),absolute(),isBeforeFirst(),isAfterLast(),isFirst(),isLast()可更新结果集updateXXX(),insertRow(),deleteRow(),cancelRowUpdates(),moveToXXX()重点难点·讲述清楚基本结果集、可滚动结果集以及可更新结果集胡的异同·以实例讲述清楚上述各个对象及其方法的使用，重点讲解resultSetType与resultSetConcurrency中参数的含义教学方法与手段以电子教案多媒体教学为主，同时辅以版书的进一步讲解布置作业可更新结果集数据库操作WEB应用技术课程教案授课时间：第9次课：第六章Javabean技术课时安排5课时课程主要内容1、组件技术组件技术概述、组件和容器2、JavaBean概述JavaBean简介,JavaBean特性,JavaBean的特点,JavaBean页面指令(jsp:useBean指令、jsp:setProperty指令和jsp:getProperty指令)。3、JavaBean属性简单属性、索引属性、束缚属性、限制属性4、修改JavaBean的属性方法利用value为javabean中属性赋值（<jsp:setPropertyname=""property=""value=""/>）、利用form表单的元素统一对javabean赋值（<jsp:setPropertyname=""property="*"/>）、利用form表单的元素逐一对javabean赋值（<jsp:setPropertyname=""property=""param=""/>）重点难点·重点讲述命令：<jsp:useBeanid="beanid"scope="page|request|session|application"class="package.class"/>。·讲述清楚简单属性与索引属性的异同，讲述清楚三种修改JavaBean的属性方法的异同教学方法与手段以电子教案多媒体教学为主，同时辅以版书的进一步讲解布置作业利用JSP+Javabean实现用户注册WEB应用技术课程教案授课时间：第10次课：第六章Javabean技术课时安排5课时课程主要内容1、JavaBean的作用域Page（当前页面文件）、request（存在于整个request的生命周期内）、session（整个session的生命周期内）、application（整个主机或虚拟主机的生命周期内）2、JavaBean连接数据库实现身份验证JavaBean实现身份信息属性及相关属性方法，在JSP中调用JaveBean，在JavaBean中连接数据库实现查询，将查询结果返回给JSP页面以实现身份验证。3、多条件SQL查询语句4、通过实例讲解利用Javebean实现组合条件课程查询初次登陆页面显示所有课程信息，输入查询条件后动态组织SQL语句，Javabean连接数据库，执行查询操作并在页面上显示。重点难点·讲述清楚page、request、session、application四种作用域的异同·通过讲解实例，帮助学生进一步复习掌握第七、八、九、十章内容，尤其是出现的一些重要的知识点及难点。教学方法与手段以电子教案多媒体教学为主，同时辅以版书的进一步讲解布置作业利用Javebean实现组合条件查询WEB应用技术课程教案授课时间：第11次课：第六章Javabean技术课时安排5课时课程主要内容1、通过实例讲解利用Javebean实现分页显示在JSP页面中控制显示，包括查询条件表单与查询结果的显示。在JaveBean内实现逻辑操作包括SQL语句的动态合成、对数据库进行操作。根据判断每一数据显示提交的toPage参数动态实现分页技术。2、通过实例讲解利用Javebean实现数据添加在JSP页面中控制显示，包括添加条件表单与添加结果的显示。在JaveBean内封装数据库操作包括与数据库建立连接和对数据库进行添加操作。重点难点·重点：讲述清楚分页显示算法及利用Javebean实现分页显示步骤。·重点：讲述清楚Javebean实现数据添加步骤。教学方法与手段以电子教案多媒体教学为主，同时辅以版书的进一步讲解布置作业利用Javebean实现分页显示以及数据的更新WEB应用技术课程教案授课时间：第12次课：第七章理解Servlet技术课时安排5课时课程主要内容Servlet概述Servlet是一个用Java编写的程序，此程序在服务器上运行以处理客户端请求。HttpServlet（doGet()方法，doPost()方法，HttpServletRequest接口，HttpServletResponse接口）Servlet的生命周期init()、service()、destroy()Servlet的结构需要导入的包、用于处理GET/post请求的方法、创建设置文本格式和PrintWriter对象的方法以将数据发送给客户端Servlet的部署<servlet>、<servlet-name>、<servlet-class>、<servlet-mapping>、<url-pattern>Servlet的使用JSP文件中使用Servlet、获取Servlet的初始化参数重点难点·重点：讲述清楚HttpServlet中doGet()方法与doPost()方法的异同，HttpServletRequest接口和HttpServletResponse接口的功能·重点：以实例讲述清楚Servlet的结构、部署和使用流程教学方法与手段以电子教案多媒体教学为主，同时辅以版书的进一步讲解布置作业利用JSP+Servlet实现数字计算WEB应用技术课程教案授课时间：第13次课：第七章理解Servlet技术课时安排5课时课程主要内容1、MVC设计模式ModelI体系结构（JSP+JavaBean）、ModelII体系结构（JSP视图+Servlet控制器+JavaBean模型）、2、数据库删除与更新操作DELETE指令、UPDATE指令3、通过实例讲解利用Servlet实现数据库删除使用Servlet技术作流程控制，进而实现数据删除操作，通过实例讲解是同学进一步掌握Servlet的使用，为MVC开发模式打下基础。4、通过实例讲解利用Servlet实现数据更新在JSP页面中控制显示，包括修改条件表单与修改结果的显示。在JaveBean内实现数据库操作包括数据库建立连接和对数据库进行修改操作，在Servlet中处理用户请求并实现页面跳转。重点难点·重点：讲述清楚JSP开发模式一与模式二的区别。·重点：讲述清楚利用JSP+Javebean+Servlet实现数据删除与修改操作。教学方法与手段以电子教案多媒体教学为主，同时辅以版书的进一步讲解布置作业利用MVC模式实现网络论坛WEB应用技术课程教案授课时间：第14次课：第八章开发Struts应用课时安排5课时课程主要内容1、传统WebApplication开发表示、控制和业务逻辑混合，代码可读性差，系统维护成本高，没有统一的处理机制2、Struts明确了各层，单一的控制入口，代码的可维护性增加，可扩展性增加3、Struts1.0框架的主要组成ActionServet、RequestProcessor(处理器)、Action、ActionForm、struts-config.xml、资源文件、taglib（标签）4、struts-config.xml可以配置的属性：ActionFormbean、全局异常处理、全局转发、ActionMapping类、Controller、资源文件、Struts插件5、通过实例讲解Struts1.0开发在JSP页面中显示，包括用户登录与登陆结果的显示。在ActionForm内实现与登陆表单用户数据的复用，在Action中处理用户请求并实现页面跳转。重点难点·重点：讲述清楚Struts的优势、实现流程以及各组成部分的功能·重点：讲述清楚struts-config.xml配置文件的作用及详细内容教学方法与手段以电子教案多媒体教学为主，同时辅以版书的进一步讲解布置作业利用MVC模式实现网络论坛WEB应用技术课程教案授课时间：第15次课：第八章开发Struts应用课时安排5课时课