《JSP程序設計》教案1

《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.難點：

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

3.環(huán)境配置

難

4.環(huán)境測試

點

單

元

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

考

核

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

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

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

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

料

2

編號：SKZ—JL—JXZX—37

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

教學設計

教師活動

教學內容學生活動時間分配

步a（方法與手段）

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

告知120分鐘說

要達到的目的：膜

（教學內容、聽講課

①工作環(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程序的調試方法個別回答

訓練

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

鞏固個人操作

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

小組討論

拓展個別指導

檢驗

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

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

3

編號：SKZ—JL—JXZX—37

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

后記力

教學內容

一、說課：

課程地位

主要內容

考核方法

學習情境1JSP運行^^建

—、

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

二摘官點

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

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

三、知識點

1.認識JSP技術

四、搦旨目標

1.web服務器的安裝技能

2.web服務器的配置技能

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

五、知識目標

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

2aJSP切原理

六、正文內容

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

1.J2SDK的安裝與配置

運行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)建個人論壇網站

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)境的搭建

5.難點：

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

7.環(huán)境配置

難

8.環(huán)境測試

點

單

元

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

考

核

6

編號：SKZ—JL—JXZX—37

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

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

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

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

料

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

教學設計

教師活動

步球教學內容學生活動時間分配

（方法與手段）

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

告知120分鐘說

要達到的目的：蝌

（教學內容、聽講課

①工作環(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è)完成其它網頁色彩處理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后在我的電腦，屬性，高級，環(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ā)。從官方網站上可以下載到免安裝版本

運行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

開將呈序中可謂是獨樹一幟，因為JSP技

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

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

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

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

可以參看相應的書籍1

項目實戰(zhàn)

1.項目實戰(zhàn)任務：搭建bbs論區(qū)雛形

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

正確的安裝和配置JDK.Tomcat5.MyEclipse5.>

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

JDK,Tomcat5,MyEclipse5的安裝

13

編號：SKZ—JL—JXZX—37

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

JDK,TbmcaSMyEclipsc5的配置

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

（1）按照步驟流程安裝JDK,Tomcat5,MyEclipse5；（5分鐘）

（2）按照步驟進行環(huán)境變量的配置Tomcat,MyEdipsc5的運行調試（10分鐘）

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

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

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

（2）配置環(huán)境變最，需要設置JAVA_HOME,CLASSP/VrH以及MTH的系統(tǒng)變最，把JDK的安裝

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

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

（3）運彳jlbmcat的安裝程序，點擊開始菜單的“程序/ApacheTbrncat5.5/MonitorTomcat”選項打

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

啟動“

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

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

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

教案首頁

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

授課日期第2周周1

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

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

教

學

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

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

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

標

14

編號：SKZ—JL—JXZX—37

教

訓練任務：

學

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

任

務案例：

及

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

案

例

重點：

重L升級主頁面為JSP頁面

9.難點：

點10.頁面修改

11.頁面測試

難

點

單

元

升級主頁面為JSP頁面

考

核

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

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

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

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

料

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

教學設計

教師活動

步球教學內容學生活動時間分配

（方法與手段）

本次課主要內容：

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

要達到的目的：嫩

（教學內容、聽講5分鐘

①能使用java進彳通碼設問

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

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

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

引入討論

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

個別回答

（任務項目）提問

15

編號：SKZ—JL—JXZX—37

操練①學會JSP網頁技術的特點

教師講解個別操作

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

學生操作集體提示

本能力）署

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

個別回答

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

集體討論

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

①JSP頁面調試能力

歸納集體思考

②JSP編程能力講授15分鐘

（知識和能力）個別回答

訓練

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

鞏固個人操作

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

小組討論

拓展個別指導

掌握JSP頁面編寫

教師講授聽講10分鐘

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

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

5分鐘

作業(yè)頁面

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

【教學內容】

內容

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

Directivs⑥

Action動作指令⑦內置對象

①Declaration（聲明）:

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

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

c）與戲……%〉區(qū)別：在戲！……%＞聲明的變量為成員變量，里面也可以聲明方

法；在魏……％》聲明的變量為局部變量，里面不可以聲明方法。

②Scriptlet（小程序段）:

a）基本語法：規(guī)%＞

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”當前頁面發(fā)生錯誤時。自動跳轉到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區(qū)

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

教

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

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

目

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

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

教

訓^!千務：

學

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

任

務案例

及

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

案

例

重點：

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

12.難點：

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

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

難

點

單

元

使用JSP指令完善JSP頁面

考

核

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

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

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

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

料

18

編號：SKZ—JL—JXZX—37

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

教學設計

教師活動

教學內容學生活動時間分配

步a（方法與手段）

本次誅主要內容：

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

告知要達到的目的：

①能在JSP指令艇

（教學內容、聽講5分鐘

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

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

能

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

演

示

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

后

引入發(fā)討論

主頁面案例。10分鐘

提

（任務項目）問個別回答

操練①能莊JSP指令

教師講解個別操作

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

學生操作集體提示

本能力）③部署頁面

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

個別回答

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

集體討論

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

①JSP頁面調試能力

歸納集體思考

②JSP編程能力蝌15分鐘

（知識和能力）個別回答

訓練

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

鞏固個人操作

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

小組討論

拓展個別指導

檢臉

①掌握JSP指令

②掌握JSP表達式語法

教師講授聽講10分鐘

總結③掌握JSP小腳本語法

④掌握JSP注釋

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

5分鐘

作業(yè)頁面

19

編號：SKZ—JL—JXZX—37

后記學生?加強練習語法

學習情境2JSP翱腋ffl

一」珞

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

二

21..創(chuàng)建應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運行環(huán)境

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

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

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

1.導入文件頭，讀取裁

2.HTML頭和JavaScript腳本

3.JSP代碼部分

4.運行效果

2.2案例分析

上一學習情境中介紹了JSP的技術背景、環(huán)境配置。下面我們來運行第一個JSP程序，會讓讀者對JSP

有一個比較直觀的了解。不過在我們運行第一個實例前我們再來J‘解一下：JSP文件結構及主要標簽

20

編號：SKZ—JL—JXZX—37

及jsp的執(zhí)行過程。

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

response

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

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屬