《JSP程序設計》

教案

適用軟件技術專業(yè)

院系（部）_信息系________

班散____________

教師

編號：SKZ—JL—JXZX—37

教案首頁

本次課標題：學習情境一:JSP運行環(huán)境搭建

授課日期第1周周1

授課班級課時共2小時上課地點一體化教室C區(qū)

能力（技能）目標知識目標

教

學

?^義悉MyEclipse的基本工作環(huán)境的搭建的機理

①能進行JSP軟件開發(fā)環(huán)境的安裝與初始設置

②了解配置原理

目②會對環(huán)境進行測試

標

教

學訓練任務：

JSP軟件開發(fā)環(huán)境的搭建。

任

案例：

務

LJSP軟件開發(fā)環(huán)境的安裝

及2.JSP軟件開發(fā)環(huán)境的配置

案2.JSP軟件開發(fā)環(huán)境的配置

例

重點：

重1.熟悉集成開發(fā)環(huán)境的搭建

難點:

點1.開發(fā)環(huán)境安裝

2.環(huán)境配置

難

3.環(huán)境測試

點

單

元

使用JSP開發(fā)工具搭建JSP開發(fā)環(huán)境并測試

考

核

參《使用JSP開發(fā)web應用系統(tǒng)》

考《開發(fā)基于JSP/Scrvlct/JavaBcan的網(wǎng)上交易系統(tǒng)》

資《JSP程序設計案例教程（新世紀高職高專課程與實訓系列教材）》

《JSP動態(tài)網(wǎng)頁編程技術——高職高專計算機系列規(guī)劃教材》

料

2

編號：SKZ—JL—JXZX—37

注：表格內(nèi)容統(tǒng)一用5號宋體填寫。

教學設計

教師活動

教學內(nèi)容學生活動時間分配

步a（方法與手段）

搭建JSP開發(fā)環(huán)境。

告知120分鐘說

要達到的目的：膜

（教學內(nèi)容、聽講課

①工作環(huán)境軟件的安裝設問

5分鐘告知

目的）②工作環(huán)境軟件的配置

運行一個靜態(tài)博客

演示

引入相關軟件的介紹討論

啟發(fā)10分鐘

JDK個別回答

（任務項目）提問

Tomcat

工作環(huán)境軟件的安裝

操練JDK的安裝

教師講解個別操作

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

學生操作集體提示

本能力）Myeclipsc8.5配置與安裝

深化工作環(huán)境軟件的配置教師演示

個別回答

（加深對基本設置環(huán)境變量path要點提示15分鐘

集體討論

能力的體會）設置環(huán)境變顯classpa【h重點講解

工作環(huán)境軟件配置的測試

歸納搭建第一個應用程序集體思考

嘏5分鐘

（知識和能力）JavaWeb程序的調(diào)試方法個別回答

訓練

①學生模仿完成案例啟發(fā)誘導

鞏固個人操作

作和測試主頁效果難點提示30分鐘

小組討論

拓展個別指導

檢驗

總結MyEclipse工具中的妙用教師講授聽講5分鐘

作業(yè)完成其它網(wǎng)頁色彩處理5分鐘

3

編號：SKZ—JL—JXZX—37

注重培養(yǎng)學生獨立動手能力，調(diào)試能

后記力

教學內(nèi)容

一、說課：

課程地位

主要內(nèi)容

考核方法

學習情境1JSP運行環(huán)境搭建

-、任務

在Eclipse中創(chuàng)建、部署、運彳江人博客系統(tǒng)動態(tài)網(wǎng)站雛形

二、技能點

1.JSP開發(fā)環(huán)境搭建

2.開發(fā)jsp動態(tài)網(wǎng)站步驟

三、知識點

1.認識JSP技術

四、技能目標

1.web服務器的安裝技能

2.web服務器的配置技能

3.掌握Web工程的創(chuàng)建、部署與運行步驟

五、知識目標

1.理解Jsp歷史背景與顯著優(yōu)點

2aJSP切原理

六、正文內(nèi)容

1.1JSP開發(fā)環(huán)境搭建

1J2SDK的安裝與配置

運行J2SDK的安裝程序,每個步驟中點擊下一步來完成安裝。

安裝j2sdk以后，需要配置一下環(huán)境變量，在我的電腦，屬性，高級，環(huán)境變量。系統(tǒng)變量中添加以F

環(huán)境變量（假定你的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//執(zhí)行Test.java類

此時如果看到打印出來Thisisatestprogram.的話說明安裝成功了，如果沒有打印這句話，你需要仔

細檢查一下你的配置情況。

作業(yè)：

創(chuàng)建個人論壇網(wǎng)站

5

編號：SKZ—JL—JXZX—37

教案首頁

本次課標題：學習情境一:JSP運行環(huán)境搭建

授課日期第1周周1

授課班級課時共2小時上課地點一體化教室C區(qū)

能力（技能）目標知識目標

教

學

①^悉MyEclipsc的基本工作環(huán)境的搭建的知理

①能進行JSP軟件開發(fā)環(huán)境的安裝與初始設置

②了解配置原理

目②會對環(huán)境進行測試

標

教

學訓務：

JSP軟件開發(fā)環(huán)境的搭建。

任

案例：

務

LJSP軟件開發(fā)環(huán)境的安裝

及2.JSP軟件開發(fā)環(huán)境的配置

案2.JSP軟件開發(fā)環(huán)境的配置

例

重點：

重1.熟悉集成開發(fā)環(huán)境的搭建

難點：

點4.開發(fā)環(huán)境安裝

5.環(huán)境配置

難

G.環(huán)境測試

點

單

元

使用JSP開發(fā)工具搭建JSP開發(fā)環(huán)境并測試

考

核

6

編號：SKZ—JL—JXZX—37

參《使用JSP開發(fā)web應用系統(tǒng)》

考《開發(fā)基于JSP/Servlet/JavaBean的網(wǎng).上交易系統(tǒng)》

資《JSP程序設計案例教程（新世紀高職高專課程與實訓系列教材）》

《JSP動態(tài)網(wǎng)頁編程技術一高職高專計算機系列規(guī)劃教材》

料

注：表格內(nèi)容統(tǒng)一用5號宋體填寫。

教學設計

教師活動

步球教學內(nèi)容學生活動時間分配

（方法與手段）

搭建JSP開發(fā)環(huán)境。

告知120分鐘說

要達到的目的：蝌

（教學內(nèi)容、聽講課

①工作環(huán)境軟件的安裝設問

5分鐘告知

目的）②工作環(huán)境軟件的配置

演示

引入討論

相關軟件的介紹啟發(fā)10分鐘

個別回答

（任務項目）提問

操練

工作環(huán)境軟件的安裝教師講解個別操作

（掌握初步或基45分鐘

學生操作集體提示

本能力）

深化教師演示

個別回答

（加深對基本工作環(huán)境軟件的配置要點提示15分鐘

集體討論

能力的體會）重點講解

歸納集體思考

工作環(huán)境軟件的測試講授5分鐘

（知識和能力）個別回答

訓練

啟發(fā)誘導

鞏固①學生模仿完成案例個人操作

難點提示30分鐘

②制作和測試主頁效果小組討論

拓展個別指導

檢驗

總結MyEclipse工具中的妙用教師講授聽講5分鐘

7

編號：SKZ—JL—JXZX—37

作業(yè)完成其它網(wǎng)頁色彩處理5分鐘

后記

教學內(nèi)容

2.1c)mcai的安裝與配置

主要使用的應用服務器是Tbmcat。從Apache的官方網(wǎng)站上可以下載到Tomcat5.5.25版。Tomcat默

認端口為8080o

圖1.2Tbmcat安裝目錄

8

編號：SKZ—JL—JXZX—37

圖1.3選擇jdk安裝目錄

圖14選擇安裝類型

9

編號：SKZ—JL—JXZX—37

圖1.5端口配置

圖1.6完成安裝

安裝Tomcai后在我的電腦，屬性，高級，環(huán)境變量，系統(tǒng)變量中添加以下環(huán)境變量（假定你的

Tomcat安裝在C:\Tomcai5:

10

編號：SKZ—JL—JXZX—37

圖1.7環(huán)境變量配置

CATALINA_HOME=C:\Tomcat5;

CATALINA_BASE=C:\Tomcat5;

然后修改環(huán)境變量中的classpath,把tomat安裝目錄下的comnionMib卜的Sendetjar追加到classpath中

去，修改后的classpath如下:

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

ih\Servletjar;

圖1.8環(huán)境變量配置

接著可以啟動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項目的開

發(fā)。從官方網(wǎng)站上可以下載到免安裝版本

運行MyEdipse的安裝(MyEclipse_55.1GA_E3.2.2_FullStackInstaller.exe)o

圖1.10環(huán)境變量配置

12

編號：SKZ—JL—JXZX—37

小結

通過本次課的學習，你對JSP應該也有了

一點了解了吧，是的，學習JSP是并不是

一件難事，而且以后，你會越發(fā)感受到

JSP的優(yōu)勢，他的跨平臺特性在Internet

開發(fā)程序中可謂是獨樹一幟，因為JSP技

術是構建于JAVA語言之上的，他的很多

特性和應用都來自JAVA語言，所以如果

你要學好JSP,需要有JAVA編程的基礎

(關于JAVA語言，我這里就不多介紹了,

可以參看相應的書籍)。

項目實戰(zhàn)

I.項目實戰(zhàn)任務：搭建bbs論五雛形

2.項目實戰(zhàn)目的：

正確的安裝和配置JDK,Tomcat5,MyEclipsc5o

3.項目實戰(zhàn)重點：

JDK,Tbmcat5,MyEclipse5的安裝

3.項目實戰(zhàn)難點：

JDK,lbmcat5,MyEclipse5的配置

4.項目實戰(zhàn)內(nèi)容、方法步驟及時間分配：

(1)按照步驟流程安裝JDK,lbmcat5,MyEdipse5；(5分鐘)

(2)按照步驟進行環(huán)境變量的配置,Tbmcat,MyEdipse5的運行調(diào)試(1()分鐘)

13

編號：SKZ—JL—JXZX—37

（3）對配置出現(xiàn)的問題進行總結：（15分鐘）

5.項目實戰(zhàn)要求：

（I）按照安裝步驟進行JDK,TomcabMyEclipse5的安裝。

（2）配置環(huán)境變量，需要設置JAVA_HOME,CLASSPATH以及PATH的系統(tǒng)變量，把JDK的安裝

路徑放在JAVAJ4OME中，將JDK中的dt.jarjook.jar文件的路徑存在CLASSPATH中，將JDK

中的bin文件夾路徑存在PATH中。

（3）運行Ibmcat的安裝程序，點擊開始菜單的“程序/ApacheIbmcal5.5/MonilorTomcat”選項打

開Tomcat的監(jiān)控器并運行，在IE中輸入http://localliost:8080來驗證Tomcat是否正確安裝和

啟動。

（4）安裝MyEclipse5后并運行測試是否安裝成功。

6.項目實戰(zhàn)報告：

按實訓報告的要求，完成項目實踐報告。

教案首頁

本次課標題：學習情境二:JSP基礎應用?1

授課日期第2周周1

授課班級課時共2小時上課地點一體化教室C區(qū)

能力（技能）目標知識目標

教

學

①能使用java進行編碼①掌握java語法

目②能進行JSP頁面編寫②了解B/S架構的特點

③能進行JSP頁面發(fā)布③JSP頁面特點

標

教

訓^＜壬務：

學

升級“個人論壇”主頁面為JSP頁面

任

務案例：

及

完成“博客系統(tǒng)”JSP頁面演示

案

例

14

編號：SKZ—JL—JXZX—37

重占.

重1.升級主頁面為JSP頁面

難點：

點7.頁面修改

8.頁面測試

難

點

單

元

升級主頁面為JSP頁面

考

核

參《使用JSP開發(fā)web應用系統(tǒng)》

考《開發(fā)基于JSP/ServleUJavaBean的網(wǎng)上交易系統(tǒng)》

資《JSP程序設計案例教程（新世紀高職高專課程與實訓系列教材）》

《JSP動態(tài)網(wǎng)頁編程技術——高職高專計算機系列規(guī)劃教材》

料

注：表格內(nèi)容統(tǒng)一用5號宋體填寫。

教學設計

教師活動

步%教學內(nèi)容學生活動

（方法與手段）時間分配

本次課主要內(nèi)容：

告知制作“博客系統(tǒng)”JSP主頁面。

要達到的目的：蝌

（教學內(nèi)容、聽講5分鐘

①能使用java進行編碼設問

目的）②能進行JSP頁面編寫

③能進行JSP頁面發(fā)布

實例1:一個“博客系統(tǒng)”的JSP主頁演示

引入討論

面制作案例。啟發(fā)10分鐘

個別回答

（任務項目）提問

操練①學會JSP網(wǎng)頁技術的特點

教師講解個別操作

（掌握初步或基②能進行webJSP程序的測試和部70分鐘

學生操作集體提示

本能力）署

15

編號：SKZ—JL—JXZX—37

深化①tomcat服務器配置教師演示

個別回答

（加深對基本②myeclipse環(huán)境配置要點提示35分鐘

集體討論

能力的體會）③部署負面重點講解

①JSP頁面調(diào)試能力

歸納集體思考

②JSP編程能力講授15分鐘

（知識和能力）個別回答

訓練

①學生模仿完成上例啟發(fā)誘導

鞏固個人操作

②發(fā)布主頁效果難點提示90分鐘

小組討論

拓展個別指導

掌握JSP頁面編寫

教師講授聽講10分鐘

總結掌握JSP頁面發(fā)布

完成升級“個人論壇”主頁面為JSP

5分鐘

作業(yè)頁面

后記注重JSP代碼的調(diào)試規(guī)范

【教學內(nèi)容】

內(nèi)容

JSP傳統(tǒng)語法：①Declaration②Scriptlet③Expression④Commen:⑤

Directivs⑥

Action動作指令⑦內(nèi)置對象

①Declaration（聲明）：

a）基本語法：<%!……%>

b）說明：在此聲明的變量，方法都會被保留成唯一的一份，知道JSP程序停止運行；

c）與小……%>區(qū)別:在戲！……%>聲明的變量為成員變量，里面也可以聲明方法；在

<%……給聲明的變量為局部變量，里面不可以聲明方法。

②Seriptlet（小程序段）:

a）基本語法：<%%>

b）說明：可以放入任何的java程序代碼；

@Expression（表達式）：

a）基本語法：<%=……%>

b）說明：=后面必須是字符串變量或者可以被轉成字符串的表達式；不需要以“；”結束；只有一

行。

④Comment（注釋）：

a）注釋格式：<!-……->:顯示在HTML頁面可以被客戶端看到

<%—...-%>寫給程序員自己看的注釋；

<%//……%><%/*……*/%>跟java一樣的注釋；

⑤Directivs（編譯指令：相當于在變異期間的指令；）

a）格式：<峋Directivs屬性="屬性值"%>

16

編號：SKZ—JL—JXZX—37

b）常見的Directivs:1.page2.include3.laglib

i.Page.指明與js.container的溝通方式；

1.基礎格式：<%@pag.language二"scrip.language”language只能取Jav不…默認為

Java

extends="QassName”說明這個jsp頁面是從ClassName繼承出來的，一般不需指定；

import="importList”引入哪些包哪些類；相當于java里的impo*1

buffeU'none或者幾kb”none:不緩沖。不寫默認

8kb;

session="true/1Hse”是否可以使用session默認為（rue

auionush="true/false”緩沖器是否自動清除。默認為true.

errorPage=',eiTorPageURL''當前頁面發(fā)生錯誤時。自動跳轉到errorPageURL這個頁面。

isErrorPage=n（nie/false”當為true時，表示這個頁面是出了錯之后要顯示的頁面。

contentType-,text/htnil;charset=gb2312''

ii.Include:將指定的JSP程序或者html文件包含進來：

格式：〈照includefile="fileURL"%>

17

編號：SKZ—JL—JXZX—37

教案首頁

本次課標題：學習情境二:JSP基礎應用?2

授課日期第2周周2

授課班級課時共2小時上課地點一體化教室C區(qū)

能力（技能）目標知識目標

教

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

②能靈活使用JSP表達式②掌握JSP表達式語法

目

③能利用JSP小腳本完成服務端功能③掌握JSP小腳本語法

標④能利用JSP注釋規(guī)范代碼④掌握JSP注釋

教

訓^!千務：

學

用JSP指令完善“個人論壇”JSP頁面。

任

務案例：

及

用JSP指令完成“博客系統(tǒng)”JSP頁面演示。

案

例

重點：

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

難點:

點9.用JSP指令進行頁面完善

10.用JSP指令進行頁面測試

難

點

單

元

使用JSP指令完善JSP頁面

考

核

參《使用JSP開發(fā)web應用系統(tǒng)》

考《開發(fā)基于JSP/Scrvlct/JavaBcan的網(wǎng)上交易系統(tǒng)》

資《JSP程序設計案例教程（新世紀高職高專課程與實訓系列教材）》

《JSP動態(tài)網(wǎng)頁編程技術——高職高專計算機系列規(guī)劃教材》

料

18

編號：SKZ—JL—JXZX—37

注：表格內(nèi)容統(tǒng)一用5號宋體填寫。

教學設計

教師活動

教學內(nèi)容學生活動時間分配

步a（方法與手段）

本次誅主要內(nèi)容：

完善“博客系統(tǒng)”JSP主頁面。

告知要達到的目的：

①能在JSP指令艇

（教學內(nèi)容、聽講5分鐘

②能靈活使用JSP表達式設問

目的）③能利用JSP小腳本完成服務端功

能

④能利用JSP注釋規(guī)范代碼

演

示

實例1：一個完整“博客系統(tǒng)'的JSP

后

引入發(fā)討論

主頁面案例。10分鐘

提

（任務項目）問個別回答

操練①能莊JSP指令

教師講解個別操作

（掌握初步或基②能靈活使用JSP表達式45分鐘

學生操作集體提示

本能力）③部署頁面

深化③能利用JSP小腳本完成服務端功教師演示

個別回答

（加深對基本能要點提示30分鐘

集體討論

能力的體會）④能利用JSP注釋規(guī)范代碼重點講解

①JSP頁面調(diào)試能力

歸納集體思考

②JSP編程能力蝌15分鐘

（知識和能力）個別回答

訓練

①學生模仿完成上例啟發(fā)誘導

鞏固個人操作

②發(fā)布主頁效果難點提示60分鐘

小組討論

拓展個別指導

檢臉

①掌握JSP指令

②掌握JSP表達式語法

教師講授聽講10分鐘

總結③掌握JSP小腳本語法

④掌握JSP注釋

完成升級“個人論壇”主頁面為JSP

5分鐘

作業(yè)頁面

19

編號：SKZ—JL—JXZX—37

后記學生?加強練習語法

學習情境2JSP基礎應用

一、任務

升級博客系統(tǒng)顯示主頁面及其子頁面。

二、技能點

21..創(chuàng)建應網(wǎng)頁用面JSP?指一令人

三、知識點

i.JSP頁面語法、一、?

2.JSP指令語法

四、技能目標

21.網(wǎng).頁J基S本P設計貢技能面..編寫技能

五、知識目標

1.理解JSP頁面組成

(1)注群

(2)聲明

(3)表達式

(3)scriptlet

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

六、正文內(nèi)容

回顧：

1.如何搭建JSP運行環(huán)境

2.JSPWeb工程在eclipse下如何部署與運行

2.1升級博客主頁面添加顯示當前日期

..使用Java中的Calendar工具類來編寫一個日歷程序，該日歷程序缺省顯示當前日期。

1.導入文件頭，讀取裁

2.HTML頭和JavaScript腳本

3.JSP代碼部分

.4.^^效果

20

編號：SKZ—JL—JXZX—37

2.2案例分析

上一學習情境中介紹了JSP的技術背景、環(huán)境配置。下面我們來

運行第一個JSP程序，會讓讀者對JSP有一個比較直觀的了解。

不過在我們運行第一個實例前我們再來了解一下：JSP文件結構

及主要標簽及jsp的執(zhí)行過程。

案例2.1:在博客主頁面顯示當前日期。

response

圖2.1jsp的執(zhí)行過程

2.3JSP指令

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

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

2.3.1page指令標簽

通過設置內(nèi)部的多個屬性來定義整個頁面的屬性

諾法：如卜所不：

<%@page

[]anguage=〃java〃]

[extends="package.class']

[import=/z(package.class|.*),…”]

[session^true|false7']

[buffer="none|8kbisizekb”]

[autoFlush="truc|false”]

21

編號：SKZ—JL—JXZX—37

[isThreadSafe=/，true|false'7]

[inf（產(chǎn)"text”]

[errorPage="relativeURL”]

[contentType=/，mimeType[;charset=characterSetY

“text/hlml;charset=lSO-8859-T']

[isErrorPage=，/true|false'7]

%>

1、import="package,class”或

import="package,