《JSP程序設(shè)計(jì)》教案1

《JSP程序設(shè)計(jì)》

教案

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

院系（部）—信息系________

班級(jí)____________

教師

編號(hào)：SKZ—JL—JXZX—37

教案首頁

本次課標(biāo)題：學(xué)習(xí)情境一:JSP運(yùn)行環(huán)境搭建

授課日期第1周周1

授課班級(jí)課時(shí)共2小時(shí)上課地點(diǎn)一體化教室C區(qū)

能力（技能）目標(biāo)知識(shí)目標(biāo)

教

學(xué)

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

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

②了解配置原理

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

標(biāo)

教

學(xué)訓(xùn)練任務(wù)：

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

任

案例：

務(wù)

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

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

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

例

重點(diǎn)：

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

1.難點(diǎn)：

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

3.環(huán)境配置

難

4.環(huán)境測試

點(diǎn)

單

元

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

考

核

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

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

資《JSP程序設(shè)計(jì)案例教程（新世紀(jì)高職高專課程與實(shí)訓(xùn)系列教材）》

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

料

2

編號(hào)：SKZ—JL—JXZX—37

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

教學(xué)設(shè)計(jì)

教師活動(dòng)

教學(xué)內(nèi)容學(xué)生活動(dòng)時(shí)間分配

步a（方法與手段）

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

告知120分鐘說

要達(dá)到的目的：膜

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

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

5分鐘告知

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

運(yùn)行一個(gè)靜態(tài)博客

演示

引入相關(guān)軟件的介紹討論

啟發(fā)10分鐘

JDK個(gè)別回答

（任務(wù)項(xiàng)目）提問

Tomcat

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

操練JDK的安裝

教師講解個(gè)別操作

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

學(xué)生操作集體提示

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

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

個(gè)別回答

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

集體討論

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

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

歸納搭建第一個(gè)應(yīng)用程序集體思考

嘏5分鐘

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

訓(xùn)練

①學(xué)生模仿完成案例啟發(fā)誘導(dǎo)

鞏固個(gè)人操作

作和測試主頁效果難點(diǎn)提示30分鐘

小組討論

拓展個(gè)別指導(dǎo)

檢驗(yàn)

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

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

3

編號(hào)：SKZ—JL—JXZX—37

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

后記力

教學(xué)內(nèi)容

一、說課：

課程地位

主要內(nèi)容

考核方法

學(xué)習(xí)情境1JSP運(yùn)行^^建

—、

在Eclipse中創(chuàng)建、部署、運(yùn)彳亍個(gè)人博客系統(tǒng)動(dòng)態(tài)網(wǎng)站雛形

二摘官點(diǎn)

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

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

三、知識(shí)點(diǎn)

1.認(rèn)識(shí)JSP技術(shù)

四、搦旨目標(biāo)

1.web服務(wù)器的安裝技能

2.web服務(wù)器的配置技能

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

五、知識(shí)目標(biāo)

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

2aJSP切原理

六、正文內(nèi)容

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

1.J2SDK的安裝與配置

運(yùn)行J2SDK的安裝程序,每個(gè)步驟中點(diǎn)擊下一步來完成安裝。

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

環(huán)境變量（假定你的j2sdk安裝在C:\j2sdkl.4.2）:

4

編號(hào)：SKZ—JL—JXZX—37

JAVA_H0ME=C:\j2sdk1.4.2

classpalh=.;%JAVA_HOME%\Jib^(.jar;%JAVA_HOME%\lib\locls.jar;(.;一定不能少，因?yàn)樗懋?dāng)前路

徑)。

path=%JAVA_HOME%\bin

接著可以寫一個(gè)簡單的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類

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

細(xì)檢查一下你的配置情況。

作業(yè)：

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

5

編號(hào)：SKZ—JL—JXZX—37

教案首頁

本次課標(biāo)題：學(xué)習(xí)情境一:JSP運(yùn)行環(huán)境搭建

授課日期第1周周1

授課班級(jí)課時(shí)共2小時(shí)上課地點(diǎn)一體化教室C區(qū)

能力（技能）目標(biāo)知識(shí)目標(biāo)

教

學(xué)

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

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

②了解配置原理

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

標(biāo)

教

學(xué)訓(xùn)務(wù)：

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

任

案例：

務(wù)

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

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

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

例

重點(diǎn)：

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

5.難點(diǎn)：

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

7.環(huán)境配置

難

8.環(huán)境測試

點(diǎn)

單

元

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

考

核

6

編號(hào)：SKZ—JL—JXZX—37

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

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

資《JSP程序設(shè)計(jì)案例教程（新世紀(jì)高職高專課程與實(shí)訓(xùn)系列教材）》

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

料

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

教學(xué)設(shè)計(jì)

教師活動(dòng)

步球教學(xué)內(nèi)容學(xué)生活動(dòng)時(shí)間分配

（方法與手段）

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

告知120分鐘說

要達(dá)到的目的：蝌

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

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

5分鐘告知

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

演示

引入討論

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

個(gè)別回答

（任務(wù)項(xiàng)目）提問

操練

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

（掌握初步或基45分鐘

學(xué)生操作集體提示

本能力）

深化教師演示

個(gè)別回答

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

集體討論

能力的體會(huì)）重點(diǎn)講解

歸納集體思考

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

（知識(shí)和能力）個(gè)別回答

訓(xùn)練

啟發(fā)誘導(dǎo)

鞏固①學(xué)生模仿完成案例個(gè)人操作

難點(diǎn)提示30分鐘

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

拓展個(gè)別指導(dǎo)

檢驗(yàn)

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

7

編號(hào)：SKZ—JL—JXZX—37

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

后記

教學(xué)內(nèi)容

2.1c)mcai的安裝與配置

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

認(rèn)端口為8080o

圖1.21bmeat安裝目錄

8

編號(hào)：SKZ—JL—JXZX—37

圖1.3選擇jdk安裝目錄

圖14選擇安裝類型

9

編號(hào)：SKZ—JL—JXZX—37

圖1.5端口配置

圖1.6完成安裝

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

Tomcat安裝在C:\Tomcai5:

10

編號(hào)：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)境變量配置

接著可以啟動(dòng)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啟動(dòng)Apachetomcat頁面

ii

編號(hào)：SKZ—JL—JXZX—37

注8080為Tomcat使用的端口，可以在配置文件tcomcat目錄下的conf\server.xml進(jìn)行修改。

3.Tomcat的配置和使用

Ibmcal的主要配置文檔是scrver.xml.可以通過配置scrvenxml設(shè)置服務(wù)器的端口及虛擬路徑。

(1)配置服務(wù)器的端口

(2)配置服務(wù)器的虛擬路徑

4.MyEclipsc的安裝與配置

從www.eclipsc.oi^上可以下載到EdipseWTP軟件，這?個(gè)版本的Edipsc可以進(jìn)行Web項(xiàng)目的開

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

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

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

12

編號(hào)：SKZ—JL—JXZX—37

雌

通過本次課的學(xué)習(xí)，你對JSP應(yīng)該也有了

一點(diǎn)了解了吧，是的，學(xué)習(xí)JSP是并不是

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

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

開將呈序中可謂是獨(dú)樹一幟，因?yàn)镴SP技

術(shù)是構(gòu)建于JAVA語言之上的，他的很多

特性和應(yīng)用都來自JAVA語言，所以如果

你要學(xué)好JSR需要有JAVA編程的基礎(chǔ)

（關(guān)于JAVA語言，我這里就不多介紹了,

可以參看相應(yīng)的書籍1

項(xiàng)目實(shí)戰(zhàn)

1.項(xiàng)目實(shí)戰(zhàn)任務(wù)：搭建bbs論區(qū)雛形

2.項(xiàng)目實(shí)戰(zhàn)目的：

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

3.項(xiàng)目實(shí)戰(zhàn)重點(diǎn)：

JDK,Tomcat5,MyEclipse5的安裝

13

編號(hào)：SKZ—JL—JXZX—37

3.項(xiàng)目實(shí)戰(zhàn)難點(diǎn)：

JDK,TbmcaSMyEclipsc5的配置

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

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

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

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

5.項(xiàng)目實(shí)戰(zhàn)要求：

（1）按照安裝步驟進(jìn)行JDK,TomcabMyEclipse5的安裝。

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

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

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

（3）運(yùn)彳jlbmcat的安裝程序，點(diǎn)擊開始菜單的“程序/ApacheTbrncat5.5/MonitorTomcat”選項(xiàng)打

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

啟動(dòng)“

（4）安裝MyEdips*后并運(yùn)行測試是否安裝成功。

6.項(xiàng)目實(shí)戰(zhàn)報(bào)告：

按實(shí)訓(xùn)報(bào)告的要求，完成項(xiàng)目實(shí)踐報(bào)告。

教案首頁

本次課標(biāo)題：學(xué)習(xí)情境二:JSP基礎(chǔ)應(yīng)用-1

授課日期第2周周1

授課班級(jí)課時(shí)共2小時(shí)上課地點(diǎn)一體化教室C區(qū)

能力（技能）目標(biāo)知識(shí)目標(biāo)

教

學(xué)

①能使用java進(jìn)行編碼①掌握java語法

目②能進(jìn)行JSP頁面編寫②了解B/S架構(gòu)的特點(diǎn)

③能進(jìn)行JSP頁面發(fā)布③JSP頁面特點(diǎn)

標(biāo)

14

編號(hào)：SKZ—JL—JXZX—37

教

訓(xùn)練任務(wù)：

學(xué)

升級(jí)“個(gè)人論壇”主頁面為JSP頁面

任

務(wù)案例：

及

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

案

例

重點(diǎn)：

重L升級(jí)主頁面為JSP頁面

9.難點(diǎn)：

點(diǎn)10.頁面修改

11.頁面測試

難

點(diǎn)

單

元

升級(jí)主頁面為JSP頁面

考

核

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

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

資《JSP程序設(shè)計(jì)案例教程（新世紀(jì)高職高專課程與實(shí)訓(xùn)系列教材）》

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

料

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

教學(xué)設(shè)計(jì)

教師活動(dòng)

步球教學(xué)內(nèi)容學(xué)生活動(dòng)時(shí)間分配

（方法與手段）

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

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

要達(dá)到的目的：嫩

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

①能使用java進(jìn)彳通碼設(shè)問

目的）②能進(jìn)行JSP頁面編寫

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

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

引入討論

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

個(gè)別回答

（任務(wù)項(xiàng)目）提問

15

編號(hào)：SKZ—JL—JXZX—37

操練①學(xué)會(huì)JSP網(wǎng)頁技術(shù)的特點(diǎn)

教師講解個(gè)別操作

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

學(xué)生操作集體提示

本能力）署

深化?tomcat服務(wù)器配置教師演示

個(gè)別回答

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

集體討論

能力的體會(huì)）③部署頁面重點(diǎn)講解

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

歸納集體思考

②JSP編程能力講授15分鐘

（知識(shí)和能力）個(gè)別回答

訓(xùn)練

①學(xué)生模仿完成上例啟發(fā)誘導(dǎo)

鞏固個(gè)人操作

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

小組討論

拓展個(gè)別指導(dǎo)

掌握J(rèn)SP頁面編寫

教師講授聽講10分鐘

總結(jié)掌握J(rèn)SP頁面發(fā)布

完成升級(jí)“個(gè)人論壇”主頁面為JSP

5分鐘

作業(yè)頁面

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

【教學(xué)內(nèi)容】

內(nèi)容

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

Directivs⑥

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

①Declaration（聲明）:

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

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

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

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

②Scriptlet（小程序段）:

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

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

（3）Expression（表達(dá)式）：

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

b）說明：=后面必須是字符串變量或者可以被轉(zhuǎn)成字符串的表達(dá)式；不需要以“；”結(jié)束；只

有一行。

16

編號(hào)：SKZ—JL—JXZX—37

④Comment（注釋）：

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

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

<%//...%><%/**/%>跟java-*樣的注釋：

⑤Directivs（編譯指令：相當(dāng)于在變異期間的指令；）

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

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

i.Page:指明與jspcontainer的溝通方式；

1.基礎(chǔ)格式：<%@pagelanguage=nscriptlanguagevlaiguage只能取Java

不寫默認(rèn)為Java。

extends="ClassName”說明這個(gè)jsp頁面是從ClassName繼承出來的,一，般不需指定;

irnportBimportList”引入哪些包哪些類；相當(dāng)于java里的import

buffer="none或者兒kb”none:不緩沖。不寫默認(rèn)

8kb;

session="true/false”是否可以使用session默認(rèn)為true

ainoflush="lrue/false”緩沖器是否自動(dòng)清除。默認(rèn)為true.

ermrPagc:"cnnrPagcURL”當(dāng)前頁面發(fā)生錯(cuò)誤時(shí)。自動(dòng)跳轉(zhuǎn)到errorPagcURL這個(gè)頁面。

isErrorPage="true/false”當(dāng)為true時(shí)，表示這個(gè)頁面是出了錯(cuò)之后要顯示的頁面。

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

ii.Include:將指定的JSP程序或者h(yuǎn)tml文件包含進(jìn)來；

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

17

編號(hào)：SKZ—JL—JXZX—37

教案首頁

本次課標(biāo)題：學(xué)習(xí)情境二:JSP基礎(chǔ)應(yīng)用?2

授課日期第2周周2

授課班級(jí)課時(shí)共2小時(shí)上課地點(diǎn)一體化教室C區(qū)

能力（技能）目標(biāo)知識(shí)目標(biāo)

教

學(xué)①能用JSP指令①掌握J(rèn)SP指令

②能靈活使用JSP表達(dá)式②掌握J(rèn)SP表達(dá)式語法

目

③能利用JSP小腳本完成服務(wù)端功能③掌握J(rèn)SP小腳本語法

標(biāo)④能利用JSP注釋規(guī)范代碼④掌握J(rèn)SP注釋

教

訓(xùn)^!千務(wù)：

學(xué)

用JSP指令完善“個(gè)人論壇”JSP頁面。

任

務(wù)案例

及

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

案

例

重點(diǎn)：

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

12.難點(diǎn)：

點(diǎn)13.用JSP指令進(jìn)行頁面完善

14.用JSP指令進(jìn)行頁面測試

難

點(diǎn)

單

元

使用JSP指令完善JSP頁面

考

核

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

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

資《JSP程序設(shè)計(jì)案例教程（新世紀(jì)高職高專課程與實(shí)訓(xùn)系列教材）》

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

料

18

編號(hào)：SKZ—JL—JXZX—37

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

教學(xué)設(shè)計(jì)

教師活動(dòng)

教學(xué)內(nèi)容學(xué)生活動(dòng)時(shí)間分配

步a（方法與手段）

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

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

告知要達(dá)到的目的：

①能在JSP指令艇

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

②能靈活使用JSP表達(dá)式設(shè)問

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

能

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

演

示

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

后

引入發(fā)討論

主頁面案例。10分鐘

提

（任務(wù)項(xiàng)目）問個(gè)別回答

操練①能莊JSP指令

教師講解個(gè)別操作

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

學(xué)生操作集體提示

本能力）③部署頁面

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

個(gè)別回答

（加深對基本能要點(diǎn)提示30分鐘

集體討論

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

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

歸納集體思考

②JSP編程能力蝌15分鐘

（知識(shí)和能力）個(gè)別回答

訓(xùn)練

①學(xué)生模仿完成上例啟發(fā)誘導(dǎo)

鞏固個(gè)人操作

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

小組討論

拓展個(gè)別指導(dǎo)

檢臉

①掌握J(rèn)SP指令

②掌握J(rèn)SP表達(dá)式語法

教師講授聽講10分鐘

總結(jié)③掌握J(rèn)SP小腳本語法

④掌握J(rèn)SP注釋

完成升級(jí)“個(gè)人論壇”主頁面為JSP

5分鐘

作業(yè)頁面

19

編號(hào)：SKZ—JL—JXZX—37

后記學(xué)生?加強(qiáng)練習(xí)語法

學(xué)習(xí)情境2JSP翱腋ffl

一」珞

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

二

21..創(chuàng)建應(yīng)JSP頁再面JSP指人令

三知識(shí)點(diǎn)

i.JSP頁面語法人——一y

2.JSP指令語法

a技能目標(biāo)

2i.網(wǎng).頁J基S本P設(shè)計(jì)貨技面能一編一寫一技■能j

五知識(shí)目標(biāo)

1.理解JSP頁面組成

(1)注群

(2)聲明

(3)表達(dá)式

(3)scriptlet

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

X正文內(nèi)容

回顧：

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

2.JSPWeb工程在eclipse下如何部署與運(yùn)行

2.1升級(jí)博客主頁面添加顯示當(dāng)前日期

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

1.導(dǎo)入文件頭，讀取裁

2.HTML頭和JavaScript腳本

3.JSP代碼部分

4.運(yùn)行效果

2.2案例分析

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

有一個(gè)比較直觀的了解。不過在我們運(yùn)行第一個(gè)實(shí)例前我們再來J‘解一下：JSP文件結(jié)構(gòu)及主要標(biāo)簽

20

編號(hào)：SKZ—JL—JXZX—37

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

案例2.1:在博客主頁面顯示當(dāng)前日期。

response

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

2.3JSP指令

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

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

2.3.1page指令標(biāo)簽

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

語法：如下所示：

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

編號(hào)：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屬