JSP程序設(shè)計(jì)案例教程模塊一語言基礎(chǔ)模塊( 教學(xué)單元4 JSP指令元素與動作元素）ppt課件

1、授課課時：授課課時：4 4課時課時180180分鐘）分鐘）授課班級：軟件授課班級：軟件101101任課教師：林東升任課教師：林東升主要內(nèi)容主要內(nèi)容本講目標(biāo)新課引入與項(xiàng)目展示案例1 JSP注釋和腳本元素案例2 JSP指令元素案例3 JSP動作元素課堂實(shí)踐鞏固與提高本講目標(biāo)知識知識目的目的 掌握掌握J(rèn)SPJSP中注釋的添加方法重點(diǎn)）中注釋的添加方法重點(diǎn)） 掌握掌握J(rèn)SPJSP的腳本元素：聲明、表達(dá)式和腳本程序的語法的腳本元素：聲明、表達(dá)式和腳本程序的語法格式格式 掌握掌握J(rèn)SPJSP中中PagePage指令、指令、IncludeInclude指令的使用重點(diǎn)）指令的使用重點(diǎn)） 掌握掌握J(rèn)SPJSP的

2、的IncludeInclude動作、動作、forwardforward動作、動作、paramparam動作、動作、pluginplugin動作等動作元素的使用動作等動作元素的使用 （重點(diǎn)、難點(diǎn)）（重點(diǎn)、難點(diǎn)）本講目標(biāo)技藝技藝目的目的 靈活運(yùn)用輸出注釋和隱藏注釋對程序進(jìn)行必要的解靈活運(yùn)用輸出注釋和隱藏注釋對程序進(jìn)行必要的解釋說明釋說明 運(yùn)用運(yùn)用JSPJSP的聲明、表達(dá)式和腳本程序等腳本元素進(jìn)行的聲明、表達(dá)式和腳本程序等腳本元素進(jìn)行簡單簡單JSPJSP程序的編寫。程序的編寫。 靈活運(yùn)用指令元素對靈活運(yùn)用指令元素對JSPJSP頁面的相關(guān)信息進(jìn)行設(shè)置頁面的相關(guān)信息進(jìn)行設(shè)置 靈活運(yùn)用靈活運(yùn)用JSPJSP

3、動作元素實(shí)現(xiàn)代碼處理程序與特殊動作元素實(shí)現(xiàn)代碼處理程序與特殊JSPJSP標(biāo)記的關(guān)聯(lián)標(biāo)記的關(guān)聯(lián) 素質(zhì)素質(zhì)嚴(yán)謹(jǐn)認(rèn)真的工作態(tài)度嚴(yán)謹(jǐn)認(rèn)真的工作態(tài)度語言表達(dá)和與人溝通能力語言表達(dá)和與人溝通能力團(tuán)隊(duì)合作精神團(tuán)隊(duì)合作精神教學(xué)情境引入新課 掌握J(rèn)SP基本語法，包括JSP注釋、聲明、表達(dá)式、腳本程序、JSP動作元素和JSP指令元素的使用 展示電子商城展示電子商城eBuyeBuy首頁首頁index_.jspindex_.jsp，分析其中包含的，分析其中包含的指令元素和動作元素。指令元素和動作元素。工作任務(wù)工作任務(wù)項(xiàng)目展示項(xiàng)目展示教師示范與講解JSP注釋和腳本元素任務(wù)一：演示在任務(wù)一：演示在JSP文件中分別使用輸出

4、注釋和隱藏文件中分別使用輸出注釋和隱藏 注釋的方法注釋的方法 任務(wù)二：演示聲明在任務(wù)二：演示聲明在JSP程序中的運(yùn)用程序中的運(yùn)用 任務(wù)三：演示表達(dá)式在任務(wù)三：演示表達(dá)式在JSP程序中的運(yùn)用程序中的運(yùn)用 任務(wù)四：演示腳本程序在任務(wù)四：演示腳本程序在JSP程序中的運(yùn)用程序中的運(yùn)用 案例分析案例分析 在在JSPJSP規(guī)范中，可以使用兩種格式的注釋。一種是規(guī)范中，可以使用兩種格式的注釋。一種是輸出注輸出注釋，另一種是隱藏注釋。這兩種注釋在語法規(guī)則和產(chǎn)釋，另一種是隱藏注釋。這兩種注釋在語法規(guī)則和產(chǎn)生的結(jié)果上略有不同。生的結(jié)果上略有不同。 （1 1輸出注釋是指會在客戶端瀏覽器顯示的輸出注釋是指會在客戶端瀏

5、覽器顯示的注釋。注釋。 輸出注釋的語法格式如下：輸出注釋的語法格式如下： !- comment - !- comment - （2 2隱藏注釋是指注釋雖然寫在隱藏注釋是指注釋雖然寫在JSPJSP程序中，但是程序中，但是不會發(fā)送給客戶。不會發(fā)送給客戶。 隱藏注釋的語法格式如下：隱藏注釋的語法格式如下： 課堂演示-JSP注釋 課堂演示-JSP注釋 打開本講中素材程序文件夾下打開本講中素材程序文件夾下commentdemo.jspcommentdemo.jsp，分別指出，分別指出兩種不同的注釋，然后運(yùn)行程序，查看源代碼，觀察兩種注釋兩種不同的注釋，然后運(yùn)行程序，查看源代碼，觀察兩種注釋的差別，程序代

6、碼如下：的差別，程序代碼如下： 課堂演示-JSP注釋v vv!- This page was loaded on %= (new !- This page was loaded on -java.util.Date().toLocaleString() % -vvComment DemoComment DemovvvComment DemoComment Demov%- This comment will not be visible in the page source - % vvvv 客戶端客戶端HTMLHTML源文件內(nèi)容為：源文件內(nèi)容為：v v v v v Comment DemoCo

7、mment Demov v v Comment DemoComment Demov v v 課堂演示-JSP注釋 演示結(jié)果 commentdemo.jsp commentdemo.jsp的運(yùn)行界面如下圖所示。在瀏覽器中顯示的運(yùn)行界面如下圖所示。在瀏覽器中顯示“Comment “Comment DemoDemo文字，同時，選擇【查看文字，同時，選擇【查看(V)(V)】中的【源文件】中的【源文件(C)(C)】菜單項(xiàng)后，在記事】菜單項(xiàng)后，在記事本中顯示了本中顯示了commentdemo.jspcommentdemo.jsp對應(yīng)的源文件，從文件中可以看到隱藏注釋的內(nèi)對應(yīng)的源文件，從文件中可以看到隱藏注

8、釋的內(nèi)容并沒有顯示出來。容并沒有顯示出來。 演示結(jié)果 課堂演示-JSP聲明 在在JSPJSP中，聲明表示一段中，聲明表示一段JavaJava源代碼，用來定義類的屬性和源代碼，用來定義類的屬性和方法，聲明后的屬性和方法可以在方法，聲明后的屬性和方法可以在JSPJSP文件的任意地方使用。文件的任意地方使用。 聲明的語法格式如下：聲明的語法格式如下： 以下是在以下是在JSPJSP中聲明相關(guān)變量的代碼：中聲明相關(guān)變量的代碼： 案例：案例：declarationdemo.jspdeclarationdemo.jsp，指出程序中的，指出程序中的JSPJSP聲明。聲明。 課堂演示-JSP聲明 Declara

9、tion Demo% i=13; /給整形變量賦值 strTmp=“Declaration Demo!”; /給字符型變量賦值 out.print(The Value of i is:); out.print(i); out.print(“”); /輸出空行 out.print(strTmp); /輸出strTmp值% 演示結(jié)果-JSP聲明v declarationdemo.jspdeclarationdemo.jsp的運(yùn)行界面如圖的運(yùn)行界面如圖4-24-2所示。在瀏覽器中所示。在瀏覽器中顯示了變量顯示了變量i i和和strTmpstrTmp的值。的值。圖圖4-2 4-2 使用聲明使用聲明 表

10、達(dá)式在表達(dá)式在JSPJSP請求處理階段進(jìn)行運(yùn)算，運(yùn)算所得的結(jié)果轉(zhuǎn)換請求處理階段進(jìn)行運(yùn)算，運(yùn)算所得的結(jié)果轉(zhuǎn)換成字符串，并與模板數(shù)據(jù)組合在一起。表達(dá)式在頁面的位置就是成字符串，并與模板數(shù)據(jù)組合在一起。表達(dá)式在頁面的位置就是該表達(dá)式計(jì)算結(jié)果顯示的位置。該表達(dá)式計(jì)算結(jié)果顯示的位置。 表達(dá)式的語法格式如下：表達(dá)式的語法格式如下： 案例分析：案例分析： expressiondemo.jsp expressiondemo.jsp ，指出程序中的，指出程序中的JSPJSP表達(dá)式表達(dá)式 課堂演示-JSP表達(dá)式 /聲明整形變量，并賦值 /聲明字符型變量，并賦值空字符Expression Demo /應(yīng)用表達(dá)式輸出

11、strTmp值 課堂演示-JSP表達(dá)式 演示結(jié)果v expressiondemo.jspexpressiondemo.jsp的運(yùn)行界面如圖的運(yùn)行界面如圖4-34-3所示。在瀏覽器中所示。在瀏覽器中顯示了變量顯示了變量i i和和strTmpstrTmp的值。的值。圖圖4-3 4-3 使用表達(dá)式使用表達(dá)式 課堂演示-JSP腳本 腳本程序是一段在客戶端請求時先被服務(wù)器執(zhí)行的腳本程序是一段在客戶端請求時先被服務(wù)器執(zhí)行的JavaJava代代碼，它可以產(chǎn)生輸出，并把輸出發(fā)送到客戶的輸出流，同時也碼，它可以產(chǎn)生輸出，并把輸出發(fā)送到客戶的輸出流，同時也可以是一段流程控制語句?？梢允且欢瘟鞒炭刂普Z句。 Scri

12、ptlet Scriptlet的語法格式如下：的語法格式如下： % %案例分析：案例分析： scriptletdemo.jsp scriptletdemo.jsp，指出程序中的，指出程序中的JSPJSP腳本。腳本。 課堂演示-JSP腳本 Scripetlet Demo% if (Math.random() Have a nice day!Have a lousy day! 演示結(jié)果v scriptletdemo.jspscriptletdemo.jsp的運(yùn)行界面如圖的運(yùn)行界面如圖4-44-4所示。在瀏覽器中顯所示。在瀏覽器中顯示了示了“Have a lousy day!”“Have a lou

13、sy day!”。圖圖4-4 4-4 使用腳本程序使用腳本程序?qū)W生模仿1任務(wù)一：學(xué)生打開素材程序中的任務(wù)一：學(xué)生打開素材程序中的commentdemo.jsp體會體會JSP注釋的使用。注釋的使用。任務(wù)二：學(xué)生打開素材程序中的任務(wù)二：學(xué)生打開素材程序中的declarationdemo.jsp體會體會JSP聲明的使用。聲明的使用。任務(wù)三：學(xué)生打開素材程序中的任務(wù)三：學(xué)生打開素材程序中的expressiondemo.jsp體會體會JSP表達(dá)式的使用。表達(dá)式的使用。任務(wù)四：學(xué)生打開素材程序中的任務(wù)四：學(xué)生打開素材程序中的scriptletdemo.jsp體會體會JSP腳本的使用。腳本的使用。教師示范與

14、講解JSP指令元素 任務(wù)一：演示在任務(wù)一：演示在JSP文件中使用文件中使用Page指令和指令和 Include指令的方法。指令的方法。案例分析案例分析 課堂演示 指令元素主要用于為轉(zhuǎn)換階段提供整個指令元素主要用于為轉(zhuǎn)換階段提供整個JSPJSP頁面的相關(guān)信頁面的相關(guān)信息，指令不會產(chǎn)生任何輸出到當(dāng)前的輸出流中。指令元素的語息，指令不會產(chǎn)生任何輸出到當(dāng)前的輸出流中。指令元素的語法格式如下：法格式如下： % directive attr=value % 在起始符號在起始符號“% %”之后和結(jié)束符號之后和結(jié)束符號“% %”之前，可以加空之前，可以加空格，也可以不加。指令元素有格，也可以不加。指令元素有3

15、 3種指令：種指令：pagepage，includeinclude和和taglibtaglib。 課堂演示（1 1pagepage指令指令 page page指令作用于整個指令作用于整個JSPJSP頁面，定義了許多與頁面相關(guān)的頁面，定義了許多與頁面相關(guān)的屬性，這些屬性將被用于和屬性，這些屬性將被用于和JSPJSP容器通信，描述了和頁面相關(guān)容器通信，描述了和頁面相關(guān)的指示信息。在一個的指示信息。在一個JSPJSP頁面中，頁面中，pagepage指令可以出現(xiàn)多次，但指令可以出現(xiàn)多次，但是該指令中的屬性只能出現(xiàn)一次，重復(fù)的屬性設(shè)置將覆蓋先前是該指令中的屬性只能出現(xiàn)一次，重復(fù)的屬性設(shè)置將覆蓋先前的設(shè)置

16、。的設(shè)置。 page page指令的語法格式如下：指令的語法格式如下： page page指令有指令有1313個屬性，見表個屬性，見表3-13-1教材教材P58P58）。）。指出并分析電子商城前臺首頁指出并分析電子商城前臺首頁index_.jspindex_.jsp中的中的pagepage指令。指令。 課堂演示（2 2includeinclude指令指令 include include指令用于在指令用于在JSPJSP頁面中靜態(tài)包含一個文件，該文件頁面中靜態(tài)包含一個文件，該文件可以是可以是JSPJSP頁面、頁面、HTMLHTML網(wǎng)頁、文本文件或一段網(wǎng)頁、文本文件或一段JavaJava代碼。運(yùn)用代

17、碼。運(yùn)用了了includeinclude指令的指令的JSPJSP頁面在轉(zhuǎn)換時，頁面在轉(zhuǎn)換時，JSPJSP容器會在其中插入所容器會在其中插入所包含文件的文本或代碼，同時解析這個文件中的包含文件的文本或代碼，同時解析這個文件中的JSPJSP語句，從語句，從而方便地實(shí)現(xiàn)代碼的重用，提高代碼的使用效率。而方便地實(shí)現(xiàn)代碼的重用，提高代碼的使用效率。 include include指令的語法格式如下：指令的語法格式如下： 操作：打開操作：打開includedemo.jspincludedemo.jsp，加入相應(yīng)的，加入相應(yīng)的includeinclude指令。指令。 課堂演示 Include Demo Th

18、e current date and time are: /運(yùn)用指令包含文件date.jsp； *當(dāng)前日期: 課堂演示 (文件名：date.jsp ) 演示結(jié)果v includedemo.jspincludedemo.jsp的運(yùn)行界面如圖的運(yùn)行界面如圖4-54-5所示。在瀏覽器中以指所示。在瀏覽器中以指令格式顯示了當(dāng)前日期。查看源文件，觀察代碼變化。令格式顯示了當(dāng)前日期。查看源文件，觀察代碼變化。 圖圖4-5 Page4-5 Page指令和指令和IncludeInclude指令用法指令用法 演示結(jié)果學(xué)生模仿2 （1學(xué)生模仿完成學(xué)生模仿完成page指令的應(yīng)用。指令的應(yīng)用。 （2學(xué)生模仿完成學(xué)生模

19、仿完成include指令的應(yīng)用。指令的應(yīng)用。教師示范與講解JSP動作元素任務(wù)一：在任務(wù)一：在JSP文件中使用文件中使用jsp:include動作動作 任務(wù)二：演示在任務(wù)二：演示在JSP文件中使用文件中使用forward動作動作 案例分析案例分析JSP動作元素v JSPJSP容器支持兩種容器支持兩種JSPJSP動作，即標(biāo)準(zhǔn)動作和自定義動作。動作，即標(biāo)準(zhǔn)動作和自定義動作。 v JSPJSP中的標(biāo)準(zhǔn)動作元素包括：中的標(biāo)準(zhǔn)動作元素包括：v 、和和。 Include動作 v 動作元素允許在頁面被請求的時候包含一些動作元素允許在頁面被請求的時候包含一些其他的資源，如一個靜態(tài)的其他的資源，如一個靜態(tài)的HTM

20、LHTML文件或動態(tài)的文件或動態(tài)的JSPJSP文件。文件。v 的語法格式如下：的語法格式如下：v jsp:include page=relativeURL | %= jsp:include page=relativeURL | flush=true / expression% flush=true / v 或者：或者： v jsp:include page=relativeURL | %= expression jsp:include page=relativeURL | flush=true % flush=true v jsp:param name=parameterName jsp:pa

21、ram name=parameterName value=parameterValue | /+ value=parameterValue | /+ v 以下是以下是的常用方法：的常用方法： Include動作 操作：運(yùn)行素材程序中的操作：運(yùn)行素材程序中的jspincludedemo.jspjspincludedemo.jsp，觀察效果并且，觀察效果并且分析源代碼。分析源代碼。 Include動作 forward動作 v 操作允許將請求轉(zhuǎn)發(fā)到其他的操作允許將請求轉(zhuǎn)發(fā)到其他的HTMLHTML文件、文件、JSPJSP文件或者是一個程序段。通常請求被轉(zhuǎn)發(fā)后，會停止當(dāng)前文件或者是一個程序段。通常請求被

22、轉(zhuǎn)發(fā)后，會停止當(dāng)前JSPJSP文件的執(zhí)行。文件的執(zhí)行。v 的語法格式如下：的語法格式如下：v jsp:forward page=relativeURL | %= expression jsp:forward page=relativeURL | / % / v 或者是：或者是： v jsp:forward page=relativeURL | %= expression jsp:forward page=relativeURL | % v jsp:param name=parameterName jsp:param name=parameterName value=parameterValue

23、 | /+ value=parameterValue | /+ v v 的常用屬性：的常用屬性：v （1 1page=relativeURL | page=relativeURL | ：是一：是一個表達(dá)式或是一個字符串用于說明你將要定向的文件或個表達(dá)式或是一個字符串用于說明你將要定向的文件或URL.URL.這個文件可以是這個文件可以是JSP,JSP,程序段，或者其它能夠處理程序段，或者其它能夠處理requestrequest對對象的文件。象的文件。v （2 2）jsp:param name=parameterName jsp:param name=parameterName value=parameterValue | /value=parameterValue | /：向：向一個動態(tài)文件發(fā)送一個或多個參數(shù)，這個文件一定是動態(tài)文一個動態(tài)文件發(fā)送一個或多個參數(shù)，這個文件一定是動態(tài)文件；如果想傳遞多個參數(shù)，可以在一個件；如果想傳遞多個參數(shù)，可以在一個JSPJSP文件中使用多個文件中使用多個。namename指定參數(shù)名，指定參數(shù)名，valueva