1、授課課時：授課課時：4 4課時課時180180分鐘）分鐘）授課班級：軟件授課班級：軟件101101任課教師：林東升任課教師：林東升主要內容主要內容本講目標新課引入與項目展示案例1 JSP注釋和腳本元素案例2 JSP指令元素案例3 JSP動作元素課堂實踐鞏固與提高本講目標知識知識目的目的 掌握掌握JSPJSP中注釋的添加方法重點）中注釋的添加方法重點） 掌握掌握JSPJSP的腳本元素：聲明、表達式和腳本程序的語法的腳本元素：聲明、表達式和腳本程序的語法格式格式 掌握掌握JSPJSP中中PagePage指令、指令、IncludeInclude指令的使用重點）指令的使用重點） 掌握掌握JSPJSP的
2、的IncludeInclude動作、動作、forwardforward動作、動作、paramparam動作、動作、pluginplugin動作等動作元素的使用動作等動作元素的使用 （重點、難點）（重點、難點）本講目標技藝技藝目的目的 靈活運用輸出注釋和隱藏注釋對程序進行必要的解靈活運用輸出注釋和隱藏注釋對程序進行必要的解釋說明釋說明 運用運用JSPJSP的聲明、表達式和腳本程序等腳本元素進行的聲明、表達式和腳本程序等腳本元素進行簡單簡單JSPJSP程序的編寫。程序的編寫。 靈活運用指令元素對靈活運用指令元素對JSPJSP頁面的相關信息進行設置頁面的相關信息進行設置 靈活運用靈活運用JSPJSP
3、動作元素實現(xiàn)代碼處理程序與特殊動作元素實現(xiàn)代碼處理程序與特殊JSPJSP標記的關聯(lián)標記的關聯(lián) 素質素質嚴謹認真的工作態(tài)度嚴謹認真的工作態(tài)度語言表達和與人溝通能力語言表達和與人溝通能力團隊合作精神團隊合作精神教學情境引入新課 掌握JSP基本語法，包括JSP注釋、聲明、表達式、腳本程序、JSP動作元素和JSP指令元素的使用 展示電子商城展示電子商城eBuyeBuy首頁首頁index_.jspindex_.jsp，分析其中包含的，分析其中包含的指令元素和動作元素。指令元素和動作元素。工作任務工作任務項目展示項目展示教師示范與講解JSP注釋和腳本元素任務一：演示在任務一：演示在JSP文件中分別使用輸出
4、注釋和隱藏文件中分別使用輸出注釋和隱藏 注釋的方法注釋的方法 任務二：演示聲明在任務二：演示聲明在JSP程序中的運用程序中的運用 任務三：演示表達式在任務三：演示表達式在JSP程序中的運用程序中的運用 任務四：演示腳本程序在任務四：演示腳本程序在JSP程序中的運用程序中的運用 案例分析案例分析 在在JSPJSP規(guī)范中，可以使用兩種格式的注釋。一種是規(guī)范中，可以使用兩種格式的注釋。一種是輸出注輸出注釋，另一種是隱藏注釋。這兩種注釋在語法規(guī)則和產釋，另一種是隱藏注釋。這兩種注釋在語法規(guī)則和產生的結果上略有不同。生的結果上略有不同。 （1 1輸出注釋是指會在客戶端瀏覽器顯示的輸出注釋是指會在客戶端瀏
5、覽器顯示的注釋。注釋。 輸出注釋的語法格式如下：輸出注釋的語法格式如下： !- comment - !- comment - （2 2隱藏注釋是指注釋雖然寫在隱藏注釋是指注釋雖然寫在JSPJSP程序中，但是程序中，但是不會發(fā)送給客戶。不會發(fā)送給客戶。 隱藏注釋的語法格式如下：隱藏注釋的語法格式如下： 課堂演示-JSP注釋 課堂演示-JSP注釋 打開本講中素材程序文件夾下打開本講中素材程序文件夾下commentdemo.jspcommentdemo.jsp，分別指出，分別指出兩種不同的注釋，然后運行程序，查看源代碼，觀察兩種注釋兩種不同的注釋，然后運行程序，查看源代碼，觀察兩種注釋的差別，程序代
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源文件內容為：源文件內容為：v v v v v Comment DemoCo
7、mment Demov v v Comment DemoComment Demov v v 課堂演示-JSP注釋 演示結果 commentdemo.jsp commentdemo.jsp的運行界面如下圖所示。在瀏覽器中顯示的運行界面如下圖所示。在瀏覽器中顯示“Comment “Comment DemoDemo文字，同時，選擇【查看文字，同時，選擇【查看(V)(V)】中的【源文件】中的【源文件(C)(C)】菜單項后，在記事】菜單項后，在記事本中顯示了本中顯示了commentdemo.jspcommentdemo.jsp對應的源文件，從文件中可以看到隱藏注釋的內對應的源文件，從文件中可以看到隱藏注
8、釋的內容并沒有顯示出來。容并沒有顯示出來。 演示結果 課堂演示-JSP聲明 在在JSPJSP中，聲明表示一段中，聲明表示一段JavaJava源代碼，用來定義類的屬性和源代碼，用來定義類的屬性和方法，聲明后的屬性和方法可以在方法，聲明后的屬性和方法可以在JSPJSP文件的任意地方使用。文件的任意地方使用。 聲明的語法格式如下：聲明的語法格式如下： 以下是在以下是在JSPJSP中聲明相關變量的代碼：中聲明相關變量的代碼： 案例：案例：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值% 演示結果-JSP聲明v declarationdemo.jspdeclarationdemo.jsp的運行界面如圖的運行界面如圖4-24-2所示。在瀏覽器中所示。在瀏覽器中顯示了變量顯示了變量i i和和strTmpstrTmp的值。的值。圖圖4-2 4-2 使用聲明使用聲明 表
10、達式在表達式在JSPJSP請求處理階段進行運算，運算所得的結果轉換請求處理階段進行運算，運算所得的結果轉換成字符串，并與模板數(shù)據組合在一起。表達式在頁面的位置就是成字符串，并與模板數(shù)據組合在一起。表達式在頁面的位置就是該表達式計算結果顯示的位置。該表達式計算結果顯示的位置。 表達式的語法格式如下：表達式的語法格式如下： 案例分析：案例分析： expressiondemo.jsp expressiondemo.jsp ，指出程序中的，指出程序中的JSPJSP表達式表達式 課堂演示-JSP表達式 /聲明整形變量，并賦值 /聲明字符型變量，并賦值空字符Expression Demo /應用表達式輸出
11、strTmp值 課堂演示-JSP表達式 演示結果v expressiondemo.jspexpressiondemo.jsp的運行界面如圖的運行界面如圖4-34-3所示。在瀏覽器中所示。在瀏覽器中顯示了變量顯示了變量i i和和strTmpstrTmp的值。的值。圖圖4-3 4-3 使用表達式使用表達式 課堂演示-JSP腳本 腳本程序是一段在客戶端請求時先被服務器執(zhí)行的腳本程序是一段在客戶端請求時先被服務器執(zhí)行的JavaJava代代碼，它可以產生輸出，并把輸出發(fā)送到客戶的輸出流，同時也碼，它可以產生輸出，并把輸出發(fā)送到客戶的輸出流，同時也可以是一段流程控制語句。可以是一段流程控制語句。 Scri
12、ptlet Scriptlet的語法格式如下：的語法格式如下： % %案例分析：案例分析： scriptletdemo.jsp scriptletdemo.jsp，指出程序中的，指出程序中的JSPJSP腳本。腳本。 課堂演示-JSP腳本 Scripetlet Demo% if (Math.random() Have a nice day!Have a lousy day! 演示結果v scriptletdemo.jspscriptletdemo.jsp的運行界面如圖的運行界面如圖4-44-4所示。在瀏覽器中顯所示。在瀏覽器中顯示了示了“Have a lousy day!”“Have a lou
13、sy day!”。圖圖4-4 4-4 使用腳本程序使用腳本程序學生模仿1任務一：學生打開素材程序中的任務一：學生打開素材程序中的commentdemo.jsp體會體會JSP注釋的使用。注釋的使用。任務二：學生打開素材程序中的任務二：學生打開素材程序中的declarationdemo.jsp體會體會JSP聲明的使用。聲明的使用。任務三：學生打開素材程序中的任務三：學生打開素材程序中的expressiondemo.jsp體會體會JSP表達式的使用。表達式的使用。任務四：學生打開素材程序中的任務四：學生打開素材程序中的scriptletdemo.jsp體會體會JSP腳本的使用。腳本的使用。教師示范與
14、講解JSP指令元素 任務一：演示在任務一：演示在JSP文件中使用文件中使用Page指令和指令和 Include指令的方法。指令的方法。案例分析案例分析 課堂演示 指令元素主要用于為轉換階段提供整個指令元素主要用于為轉換階段提供整個JSPJSP頁面的相關信頁面的相關信息，指令不會產生任何輸出到當前的輸出流中。指令元素的語息，指令不會產生任何輸出到當前的輸出流中。指令元素的語法格式如下：法格式如下： % directive attr=value % 在起始符號在起始符號“% %”之后和結束符號之后和結束符號“% %”之前，可以加空之前，可以加空格，也可以不加。指令元素有格，也可以不加。指令元素有3
15、 3種指令：種指令：pagepage，includeinclude和和taglibtaglib。 課堂演示（1 1pagepage指令指令 page page指令作用于整個指令作用于整個JSPJSP頁面，定義了許多與頁面相關的頁面，定義了許多與頁面相關的屬性，這些屬性將被用于和屬性，這些屬性將被用于和JSPJSP容器通信，描述了和頁面相關容器通信，描述了和頁面相關的指示信息。在一個的指示信息。在一個JSPJSP頁面中，頁面中，pagepage指令可以出現(xiàn)多次，但指令可以出現(xiàn)多次，但是該指令中的屬性只能出現(xiàn)一次，重復的屬性設置將覆蓋先前是該指令中的屬性只能出現(xiàn)一次，重復的屬性設置將覆蓋先前的設置
16、。的設置。 page page指令的語法格式如下：指令的語法格式如下： page page指令有指令有1313個屬性，見表個屬性，見表3-13-1教材教材P58P58）。）。指出并分析電子商城前臺首頁指出并分析電子商城前臺首頁index_.jspindex_.jsp中的中的pagepage指令。指令。 課堂演示（2 2includeinclude指令指令 include include指令用于在指令用于在JSPJSP頁面中靜態(tài)包含一個文件，該文件頁面中靜態(tài)包含一個文件，該文件可以是可以是JSPJSP頁面、頁面、HTMLHTML網頁、文本文件或一段網頁、文本文件或一段JavaJava代碼。運用代
17、碼。運用了了includeinclude指令的指令的JSPJSP頁面在轉換時，頁面在轉換時，JSPJSP容器會在其中插入所容器會在其中插入所包含文件的文本或代碼，同時解析這個文件中的包含文件的文本或代碼，同時解析這個文件中的JSPJSP語句，從語句，從而方便地實現(xiàn)代碼的重用，提高代碼的使用效率。而方便地實現(xiàn)代碼的重用，提高代碼的使用效率。 include include指令的語法格式如下：指令的語法格式如下： 操作：打開操作：打開includedemo.jspincludedemo.jsp，加入相應的，加入相應的includeinclude指令。指令。 課堂演示 Include Demo Th
18、e current date and time are: /運用指令包含文件date.jsp； *當前日期: 課堂演示 (文件名：date.jsp ) 演示結果v includedemo.jspincludedemo.jsp的運行界面如圖的運行界面如圖4-54-5所示。在瀏覽器中以指所示。在瀏覽器中以指令格式顯示了當前日期。查看源文件，觀察代碼變化。令格式顯示了當前日期。查看源文件，觀察代碼變化。 圖圖4-5 Page4-5 Page指令和指令和IncludeInclude指令用法指令用法 演示結果學生模仿2 （1學生模仿完成學生模仿完成page指令的應用。指令的應用。 （2學生模仿完成學生模
19、仿完成include指令的應用。指令的應用。教師示范與講解JSP動作元素任務一：在任務一：在JSP文件中使用文件中使用jsp:include動作動作 任務二：演示在任務二：演示在JSP文件中使用文件中使用forward動作動作 案例分析案例分析JSP動作元素v JSPJSP容器支持兩種容器支持兩種JSPJSP動作，即標準動作和自定義動作。動作，即標準動作和自定義動作。 v JSPJSP中的標準動作元素包括：中的標準動作元素包括：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動作 操作：運行素材程序中的操作：運行素材程序中的jspincludedemo.jspjspincludedemo.jsp，觀察效果并且，觀察效果并且分析源代碼。分析源代碼。 Include動作 forward動作 v 操作允許將請求轉發(fā)到其他的操作允許將請求轉發(fā)到其他的HTMLHTML文件、文件、JSPJSP文件或者是一個程序段。通常請求被轉發(fā)后，會停止當前文件或者是一個程序段。通常請求被
22、轉發(fā)后，會停止當前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 | ：是一：是一個表達式或是一個字符串用于說明你將要定向的文件或個表達式或是一個字符串用于說明你將要定向的文件或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
評論
0/150
提交評論