《JSP程序设计》教案1

《JSP程序设计》

教案

适用软件技术专业

院系（部）—信息系________

班级____________

教师

编号：SKZ—JL—JXZX—37

教案首页

本次课标题：学习情境一:JSP运行环境搭建

授课日期第1周周1

授课班级课时共2小时上课地点一体化教室C区

能力（技能）目标知识目标

教

学

©^义悉MyEclipse的基本工作环境的搭建的机理

①能进行JSP软件开发环境的安装与初始设置

②了解配置原理

目②会对环境进行测试

标

教

学训练任务：

JSP软件开发环境的搭建。

任

案例：

务

LJSP软件开发环境的安装

及2.JSP软件开发环境的配置

案2.JSP软件开发环境的配置

例

重点：

重1.熟悉集成开发环境的搭建

1.难点：

点2.开发环境安装

3.环境配置

难

4.环境测试

点

单

元

使用JSP开发工具搭建JSP开发环境并测试

考

核

参《使用JSP开发web应用系统》

考《开发基于JSP/Scrvlct/JavaBcan的网上交易系统》

资《JSP程序设计案例教程（新世纪高职高专课程与实训系列教材）》

《JSP动态网页编程技术——高职高专计算机系列规划教材》

料

2

编号：SKZ—JL—JXZX—37

注：表格内容统一用5号宋体填写。

教学设计

教师活动

教学内容学生活动时间分配

步a（方法与手段）

搭建JSP开发环境。

告知120分钟说

要达到的目的：膜

（教学内容、听讲课

①工作环境软件的安装设问

5分钟告知

目的）②工作环境软件的配置

运行一个静态博客

演示

引入相关软件的介绍讨论

启发10分钟

JDK个别回答

（任务项目）提问

Tomcat

工作环境软件的安装

操练JDK的安装

教师讲解个别操作

（掌握初步或基Tomcat的配置45分钟

学生操作集体提示

本能力）Myeclipsc8.5配置与安装

深化工作环境软件的配置教师演示

个别回答

（加深对基本设置环境变量path要点提示15分钟

集体讨论

能力的体会）设置环境变显classpa【h重点讲解

工作环境软件配置的测试

归纳搭建第一个应用程序集体思考

嘏5分钟

（知识和能力）JavaWeb程序的调试方法个别回答

训练

①学生模仿完成案例启发诱导

巩固个人操作

作和测试主页效果难点提示30分钟

小组讨论

拓展个别指导

检验

总结MyEclipse工具中的妙用教师讲授听讲5分钟

作业完成其它网页色彩处理5分钟

3

编号：SKZ—JL—JXZX—37

注重培养学生独立动手能力，调试能

后记力

教学内容

一、说课：

课程地位

主要内容

考核方法

学习情境1JSP运行^^建

—、

在Eclipse中创建、部署、运彳亍个人博客系统动态网站雏形

二摘官点

1.JSP开发环境搭建

2.开发jsp动态网站步骤

三、知识点

1.认识JSP技术

四、搦旨目标

1.web服务器的安装技能

2.web服务器的配置技能

3.掌握Web工程的创建、部署与运行步骤

五、知识目标

1.理解Jsp历史背景与显著优点

2aJSP切原理

六、正文内容

1.1JSP开发环境搭建

1.J2SDK的安装与配置

运行J2SDK的安装程序,每个步骤中点击下一步来完成安装。

安装j2sdk以后，需要配置一下环境变量，在我的电脑，属性，高级，环境变量。系统变量中添加以F

环境变量（假定你的j2sdk安装在C:\j2sdkl.4.2）:

4

编号：SKZ—JL—JXZX—37

JAVA_H0ME=C:\j2sdk1.4.2

classpalh=.;%JAVA_HOME%\Jib^(.jar;%JAVA_HOME%\lib\locls.jar;(.;一定不能少，因为它代表当前路

径)。

path=%JAVA_HOME%\bin

接着可以写一个简单的java程序来测试J2SDK是否已安装成功：

publicclassexample1{

publicstaticvoidmain(Stringargs[J){

Systeni.out.piiii(lii('Tlnsisa(eslpiugiain."),

)

)

将上面的这段程序保存为文件名为example1.java的文件。

然后打开命令提示符窗口,cd至I]你的example1.java所在目录，然后键入下面的命令

javacexampleI.java//java的编译命令javac

javaexample1//执行Test.java类

此时如果看到打印出来Thisisatestprogram.的话说明安装成功了，如果没有打印这句话，你需要仔

细检查一下你的配置情况。

作业：

创建个人论坛网站

5

编号：SKZ—JL—JXZX—37

教案首页

本次课标题：学习情境一:JSP运行环境搭建

授课日期第1周周1

授课班级课时共2小时上课地点一体化教室C区

能力（技能）目标知识目标

教

学

①^悉MyEclipsc的基本工作环境的搭建的机理

①能进行JSP软件开发环境的安装与初始设置

②了解配置原理

目②会对环境进行测试

标

教

学训务：

JSP软件开发环境的搭建。

任

案例：

务

LJSP软件开发环境的安装

及2.JSP软件开发环境的配置

案2.JSP软件开发环境的配置

例

重点：

重1.熟悉集成开发环境的搭建

5.难点：

点6.开发环境安装

7.环境配置

难

8.环境测试

点

单

元

使用JSP开发工具搭建JSP开发环境并测试

考

核

6

编号：SKZ—JL—JXZX—37

参《使用JSP开发web应用系统》

考《开发基于JSP/Servlet/JavaBean的网.上交易系统》

资《JSP程序设计案例教程（新世纪高职高专课程与实训系列教材）》

《JSP动态网页编程技术一高职高专计算机系列规划教材》

料

注：表格内容统一用5号宋体填写。

教学设计

教师活动

步球教学内容学生活动时间分配

（方法与手段）

搭建JSP开发环境。

告知120分钟说

要达到的目的：蝌

（教学内容、听讲课

①工作环境软件的安装设问

5分钟告知

目的）②工作环境软件的配置

演示

引入讨论

相关软件的介绍启发10分钟

个别回答

（任务项目）提问

操练

工作环境软件的安装教师讲解个别操作

（掌握初步或基45分钟

学生操作集体提示

本能力）

深化教师演示

个别回答

（加深对基本工作环境软件的配置要点提示15分钟

集体讨论

能力的体会）重点讲解

归纳集体思考

工作环境软件的测试讲授5分钟

（知识和能力）个别回答

训练

启发诱导

巩固①学生模仿完成案例个人操作

难点提示30分钟

②制作和测试主页效果小组讨论

拓展个别指导

检验

总结MyEclipse工具中的妙用教师讲授听讲5分钟

7

编号：SKZ—JL—JXZX—37

作业完成其它网页色彩处理5分钟

后记

教学内容

2.1c)mcai的安装与配置

主要使用的应用服务器是Tbmcat。从Apache的官方网站上可以下载到Tomcat5.5.25版。Tomcat默

认端口为8080o

图1.21bmeat安装目录

8

编号：SKZ—JL—JXZX—37

图1.3选择jdk安装目录

图14选择安装类型

9

编号：SKZ—JL—JXZX—37

图1.5端口配置

图1.6完成安装

安装Tomcai后在我的电脑，属性，高级，环境变量，系统变量中添加以下环境变量（假定你的

Tomcat安装在C:\Tomcai5:

10

编号：SKZ—JL—JXZX—37

图1.7环境变量配置

CATALINA_HOME=C:\Tomcat5;

CATALINA_BASE=C:\Tomcat5;

然后修改环境变量中的classpath,把tomat安装目录下的comnionMib卜的Sendetjar追加到classpath中

去，修改后的classpath如下:

classpath=.;%JAVA_HOME%\libkitjar;%JAVA_HOME%\lib\tocls.j<ir;%CATALINA_HOME%Wimon\l

ih\Servletjar;

图1.8环境变量配置

接着可以启动Tomcat,在IE中访问hitp://localhosl:8080,如果看至ijTomcal的欢迎页面的话说明安装成

功了。

3ApacheTomcat/5.0.18MicrosoftInternetExplorer-|g|X|

［文件(E)阳相叁看(V)收融的)工具(D帮助(d)

f▼QadX跑)田乒|收搬夹夕婢体♦

地址(0)|http://localho$t:8080

Apache

Tomcat/5.0.18ApacheJakartaProject

http://jakarta.apache.org/

AdministrationIfyou'reseeingthispageviaawebbrowser,Itmeansyou'vesetup

Tomcatsuccessfully.Congratulations!

Siatus

TomcatAdministrationAsyoumayhaveguessedbynow.thisisthedefaultTomcathomepage.

TomcatManagerItcanbefoundonthelocalfilesystemat:

SCATALTNA_HOME,Zwebapps/ROOT/index.jsp

Documentation

where"$CATALINA_HOME"istherootoftheTomcatinstallation

ReleaseNotesdirectoryIfyou'reseeingthispage,andyoudon'tthinkyoushouldbe,

TomcatDocumentationtheneitheryou'reeitherauserwhohasarrivedatnewinstallationof

Tomcat,oryou'reanadministratorwhohasn'tgothis/hersetupquiteright.

Providingthelatteristhecase,pleaserefertotheTomcatDocumentrhon

formoredetailedsetupandadministrationinformationthanisfoundinthe

TomcatOnlineINSTALLfile.

HomePaaejd

建本地Intranet

图1.9启动Apachetomcat页面

ii

编号：SKZ—JL—JXZX—37

注8080为Tomcat使用的端口，可以在配置文件tcomcat目录下的conf\server.xml进行修改。

3.Tomcat的配置和使用

Ibmcal的主要配置文档是scrver.xml.可以通过配置scrvenxml设置服务器的端口及虚拟路径。

(1)配置服务器的端口

(2)配置服务器的虚拟路径

4.MyEclipsc的安装与配置

从www.eclipsc.oi^上可以下载到EdipseWTP软件，这•个版本的Edipsc可以进行Web项目的开

发。从官方网站上可以下载到免安装版本

运行MyEdipse的安装(MyEclipse_55.1GA_E3.2.2_FullStackInstaller.exe)o

图1.10环境变量配置

12

编号：SKZ—JL—JXZX—37

雌

通过本次课的学习，你对JSP应该也有了

一点了解了吧，是的，学习JSP是并不是

一件难事，而且以后，你会越发感受到

JSP的优势，他的跨平台特性在Internet

开将呈序中可谓是独树一帜，因为JSP技

术是构建于JAVA语言之上的，他的很多

特性和应用都来自JAVA语言，所以如果

你要学好JSR需要有JAVA编程的基础

（关于JAVA语言，我这里就不多介绍了,

可以参看相应的书籍1

项目实战

1.项目实战任务：搭建bbs论区雏形

2.项目实战目的：

正确的安装和配置JDK.Tomcat5.MyEclipse5.>

3.项目实战重点：

JDK,Tomcat5,MyEclipse5的安装

13

编号：SKZ—JL—JXZX—37

3.项目实战难点：

JDK,TbmcaSMyEclipsc5的配置

4.项目实战内容、方法步骤及时间分配：

（1）按照步骤流程安装JDK,Tomcat5,MyEclipse5；（5分钟）

（2）按照步骤进行环境变量的配置Tomcat,MyEdipsc5的运行调试（10分钟）

（3）对配置出现的问题进行总结；（15分钟）

5.项目实战要求：

（1）按照安装步骤进行JDK,TomcabMyEclipse5的安装。

（2）配置环境变最，需要设置JAVA_HOME,CLASSP/VrH以及MTH的系统变最，把JDK的安装

路径放在JAVA_HOME中，将JDK中的dl.jar,tools.jar文件的路径存在CLASSPATH中，将JDK

中的bin文件夹路径存在PATH中。

（3）运彳jlbmcat的安装程序，点击开始菜单的“程序/ApacheTbrncat5.5/MonitorTomcat”选项打

开Tomcai的监控器并运行，在IE中输入hnp://localhosl:8080来验证Tbmcal是否正确安装和

启动“

（4）安装MyEdips*后并运行测试是否安装成功。

6.项目实战报告：

按实训报告的要求，完成项目实践报告。

教案首页

本次课标题：学习情境二:JSP基础应用-1

授课日期第2周周1

授课班级课时共2小时上课地点一体化教室C区

能力（技能）目标知识目标

教

学

①能使用java进行编码①掌握java语法

目②能进行JSP页面编写②了解B/S架构的特点

③能进行JSP页面发布③JSP页面特点

标

14

编号：SKZ—JL—JXZX—37

教

训练任务：

学

升级“个人论坛”主页面为JSP页面

任

务案例：

及

完成“博客系统”JSP页面演示

案

例

重点：

重L升级主页面为JSP页面

9.难点：

点10.页面修改

11.页面测试

难

点

单

元

升级主页面为JSP页面

考

核

参《使用JSP开发web应用系统》

考《开发基于JSP/Seivlet/JavjiBeiin的网上交易系统》

资《JSP程序设计案例教程（新世纪高职高专课程与实训系列教材）》

《JSP动态网页编程技术一高职高专计算机系列规划教材》

料

注：表格内容统一用5号宋体填写。

教学设计

教师活动

步球教学内容学生活动时间分配

（方法与手段）

本次课主要内容：

告知制作“博客系统”J5PW页面。

要达到的目的：嫩

（教学内容、听讲5分钟

①能使用java进彳通码设问

目的）②能进行JSP页面编写

③能进行JSP页面发布

实例1:一个''博客系统”的JSP主页演示

引入讨论

面制作案例。启发10分钟

个别回答

（任务项目）提问

15

编号：SKZ—JL—JXZX—37

操练①学会JSP网页技术的特点

教师讲解个别操作

（掌握初步或基②能进行webJSP程序的测试和部70分钟

学生操作集体提示

本能力）署

深化©tomcat服务器配置教师演示

个别回答

（加深对基本②myedipse环境配置要点35分钟

集体讨论

能力的体会）③部署页面重点讲解

①JSP页面调试能力

归纳集体思考

②JSP编程能力讲授15分钟

（知识和能力）个别回答

训练

①学生模仿完成上例启发诱导

巩固个人操作

②发布主页效果难点提示90分钟

小组讨论

拓展个别指导

掌握JSP页面编写

教师讲授听讲10分钟

总结掌握JSP页面发布

完成升级“个人论坛”主页面为JSP

5分钟

作业页面

后记注重JSP代码的调试规范

【教学内容】

内容

JSP传统语法：①Declaration②Scriptlet③Expression④Commen:⑤

Directivs⑥

Action动作指令⑦内置对象

①Declaration（声明）:

a）范本语法：＜%!……%〉

b）说明：在此声明的变量，方法都会被保留成唯一的一份，知道JSP程序停止运行；

c）与戏……%〉区别：在戏！……%＞声明的变量为成员变量，里面也可以声明方

法；在魏……％》声明的变量为局部变量，里面不可以声明方法。

②Scriptlet（小程序段）:

a）基本语法：规%＞

b）说明：可以放入任何的二ava程序代码；

（3）Expression（表达式）：

a）基本语法：＜%=%＞

b）说明：=后面必须是字符串变量或者可以被转成字符串的表达式；不需要以“；”结束；只

有一行。

16

编号：SKZ—JL—JXZX—37

④Comment（注释）：

a）注释格式：。一……->:显示在HTML页面可以被客户端看到

<%-……-%>写给程序员自己看的注释；

<%//...%><%/**/%>跟java-*样的注释：

⑤Directivs（编译指令：相当于在变异期间的指令；）

a）格式：〈艇Directivs属性="属性值"%>

b）常见的Directivs:1.page2.include3.taglib

i.Page:指明与jspcontainer的沟通方式；

1.基础格式：<%@pagelanguage=nscriptlanguagevlaiguage只能取Java

不写默认为Java。

extends="ClassName”说明这个jsp页面是从ClassName继承出来的,一，般不需指定;

irnportBimportList”引入哪些包哪些类；相当于java里的import

buffer="none或者儿kb”none:不缓冲。不写默认

8kb;

session="true/false”是否可以使用session默认为true

ainoflush="lrue/false”缓冲器是否自动清除。默认为true.

ermrPagc:"cnnrPagcURL”当前页面发生错误时。自动跳转到errorPagcURL这个页面。

isErrorPage="true/false”当为true时，表示这个页面是出了错之后要显示的页面。

contenlType=,,（ex（/h（ml;charsel=gb2312”

ii.Include:将指定的JSP程序或者html文件包含进来；

格式:〈艇includefile="fileURL"%>

17

编号：SKZ—JL—JXZX—37

教案首页

本次课标题：学习情境二:JSP基础应用・2

授课日期第2周周2

授课班级课时共2小时上课地点一体化教室C区

能力（技能）目标知识目标

教

学①能用JSP指令①掌握JSP指令

②能灵活使用JSP表达式②掌握JSP表达式语法

目

③能利用JSP小脚本完成服务端功能③掌握JSP小脚本语法

标④能利用JSP注释规范代码④掌握JSP注释

教

训^!千务：

学

用JSP指令完善“个人论坛”JSP页面。

任

务案例

及

用JSP指令完成“博客系统”JSP页面演示。

案

例

重点：

重1.使用JSP指令完善JSP页面

12.难点：

点13.用JSP指令进行页面完善

14.用JSP指令进行页面测试

难

点

单

元

使用JSP指令完善JSP页面

考

核

参《使用JSP开发web应用系统》

考《开发基于JSP/Scrvlct/JavaBcan的网上交易系统》

资《JSP程序设计案例教程（新世纪高职高专课程与实训系列教材）》

《JSP动态网页编程技术——高职高专计算机系列规划教材》

料

18

编号：SKZ—JL—JXZX—37

注：表格内容统一用5号宋体填写。

教学设计

教师活动

教学内容学生活动时间分配

步a（方法与手段）

本次诛主要内容：

完善“博客系统”JSP主页面。

告知要达到的目的：

①能在JSP指令艇

（教学内容、听讲5分钟

②能灵活使用JSP表达式设问

目的）③能利用JSP小脚本完成服务端功

能

④能利用JSP注释规范代码

演

示

实例1：一个完整“博客系统'的JSP

后

引入发讨论

主页面案例。10分钟

提

（任务项目）问个别回答

操练①能庄JSP指令

教师讲解个别操作

（掌握初步或基②能灵活使用JSP表达式45分钟

学生操作集体提示

本能力）③部署页面

深化③能利用JSP小脚本完成服务端功教师演示

个别回答

（加深对基本能要点提示30分钟

集体讨论

能力的体会）④能利用JSP注释规范代码重点讲解

①JSP页面调试能力

归纳集体思考

②JSP编程能力蝌15分钟

（知识和能力）个别回答

训练

①学生模仿完成上例启发诱导

巩固个人操作

②发布主页效果难点提示60分钟

小组讨论

拓展个别指导

检脸

①掌握JSP指令

②掌握JSP表达式语法

教师讲授听讲10分钟

总结③掌握JSP小脚本语法

④掌握JSP注释

完成升级“个人论坛”主页面为JSP

5分钟

作业页面

19

编号：SKZ—JL—JXZX—37

后记学生•加强练习语法

学习情境2JSP翱腋ffl

一」珞

升级博客系统显示主页面及其子页面。

二

21..创建应JSP页再面JSP指人令

三知识点

i.JSP页面语法人——一y

2.JSP指令语法

a技能目标

2i.网.页J基S本P设计货技面能一编一写一技■能j

五知识目标

1.理解JSP页面组成

(1)注群

(2)声明

(3)表达式

(3)scriptlet

2.理解JSP指令的常用属性

X正文内容

回顾：

1.如何搭建JSP运行环境

2.JSPWeb工程在eclipse下如何部署与运行

2.1升级博客主页面添加显示当前日期

使用Java中的Calendar工具类来编写一个日历程序，该日历程序缺省显示当前日期。

1.导入文件头，读取裁

2.HTML头和JavaScript脚本

3.JSP代码部分

4.运行效果

2.2案例分析

上一学习情境中介绍了JSP的技术背景、环境配置。下面我们来运行第一个JSP程序，会让读者对JSP

有一个比较直观的了解。不过在我们运行第一个实例前我们再来J‘解一下：JSP文件结构及主要标签

20

编号：SKZ—JL—JXZX—37

及jsp的执行过程。

案例2.1:在博客主页面显示当前日期。

response

图2.1jsp的执行过程

2.3JSP指令

1.回顾在Java文件中，如何引入其它包中的类

2.上一案例中，如何在JSP文件中引入Java类文件?

2.3.1page指令标签

通过设置内部的多个属性来定义整个页面的属性

语法：如下所示：

V艇page

[language=//java，/]

[extends=/，package.class”]

[import=”{package.class|.*},…”]

[session=，，true|false*']

[buffer="none|8kb|sizekb”]

[autoFlush="true|false”]

[isThreadSafe=z，truc|false',]

[info="lexl”]

[errorPage=wrelativcURL/，]

[content!ypc="'inimcType[;charsct=charactcrSetY

21

编号：SKZ—JL—JXZX—37

^text/html;charset=ISO-8859-1]

[isErrorPage=z，true|falsez，]

%>

1、import="package.class”或

w

import="package,classl,..,package.classNo

mso-hansi-font-fcimily:^>

您可以定想要import的packageso例如：

<%@pageimport=，，java.util.*v%>

〈艇pageimport="java.util.Date“%>

import属