第2章 JSP頁面與JSP標(biāo)記

1、1 第2章 JSP頁面與JSP標(biāo)記 2 主要內(nèi)容 1 一個典型的JSP文件 2 腳本元素 3 指令標(biāo)記 4 動作標(biāo)記 5 綜合案例 3 !- - %! int number=0; % - - % / color/ color表示顏色，通過它來動態(tài)控制顏色。表示顏色，通過它來動態(tài)控制顏色。 String color=;String color=; for(int i=1;i=count;i+) for(int i=1;i=count;i+) if(i%2=0)color=99ccff; if(i%2=0)color=99ccff; else color=88cc33; else color=88

2、cc33; out.println(-);out.println(-); countPeople(); / countPeople(); /在程序中調(diào)用方法。在程序中調(diào)用方法。% %- -% 您是第您是第 個訪問本站的客戶。個訪問本站的客戶。 HTMLHTML標(biāo)記標(biāo)記 JSPJSP標(biāo)記標(biāo)記 變量和方法的聲明變量和方法的聲明 JavaJava程序片程序片 注釋注釋 JavaJava表達(dá)式表達(dá)式 4 注釋 HTML標(biāo)記 Java表達(dá)式 變量和方法的聲明 Java程序片 JSP標(biāo)記 1 1 一個典型的一個典型的JSPJSP文件文件 注釋例子: 抽取字符串C:myfilejspfile example

3、.jsp中的example.jsp 5 6 1) HTML中的注釋 格式： 2) 帶有表達(dá)式的注釋 格式：!- comment- 注釋注釋 3) 隱藏注釋 格式： 4) 腳本程序的注釋 / 單行注釋內(nèi)容 格式： /* 多行注釋 注釋內(nèi)容1 注釋內(nèi)容2 */ 例子: 1.在網(wǎng)頁中計算并顯示1-100的和.(Java程序片) 2.簡單統(tǒng)計網(wǎng)頁的訪問次數(shù).(變量聲明) 3.調(diào)用聲明的multi方法計算兩整數(shù)x與y之積.( 方法聲明) 7 8 2 JSP2 JSP表達(dá)式表達(dá)式 表達(dá)式向頁面中輸出信息。 格式： 注：“%”與“=”之間不要有空格。 如：如： %= % 12 % 12 % 9 3 3 聲明

4、（聲明（DeclarationDeclaration） 格式： 注：在“%”與“!”之間不要有空格。 10 聲明的變量成了聲明的變量成了 JSP JSP 頁面被轉(zhuǎn)換和編譯到的頁面被轉(zhuǎn)換和編譯到的 servlet servlet 類的成員變量，被類的成員變量，被所有請求客戶共享所有請求客戶共享。 語法：%!% 如： %!% 注：注： 聲明的變量類型可以是聲明的變量類型可以是JavaJava語言中允許的任何數(shù)據(jù)類型語言中允許的任何數(shù)據(jù)類型 變量聲明變量聲明 3 3 聲明（聲明（DeclarationDeclaration） 11 您是訪問本網(wǎng)站的第您是訪問本網(wǎng)站的第位用戶位用戶 您是訪問本網(wǎng)站的第

5、您是訪問本網(wǎng)站的第位用戶位用戶 不聲明變量時: 聲明變量時: 3 3 聲明（聲明（DeclarationDeclaration） 12 例例: :第三個用戶訪問以下頁面時第三個用戶訪問以下頁面時,i,i和和j j的值各是多少的值各是多少? ? /* * * * *userCount.jspuserCount.jsp % int j=0; i+;j+;% i: i: j: j: 輸出結(jié)果: i:3 j:1 3 3 聲明（聲明（DeclarationDeclaration） 13 定義的方法在整個定義的方法在整個JSPJSP頁面有效頁面有效 。 方法方法只能在聲明中定義只能在聲明中定義。 如：如：

6、 %! long countPeople() % 方法聲明方法聲明 3 3 聲明（聲明（DeclarationDeclaration） 14 %! long countPeople() return number; % 用聲明方法來實現(xiàn)您是訪問本網(wǎng)站的第用聲明方法來實現(xiàn)您是訪問本網(wǎng)站的第位客戶。位客戶。 %! long number=0; number+; % 用聲明方法來實現(xiàn)您是訪問本網(wǎng)站的第用聲明方法來實現(xiàn)您是訪問本網(wǎng)站的第 位客戶。位客戶。 不聲明變量時 聲明變量時 15 4 Java4 Java程序片程序片 使用“”標(biāo)記起來的一段Java代碼。 格式： 16 %! long conti

7、nueSum(int n)%! long continueSum(int n) int sum=0; int sum=0; for(int i=1;i=n;i+) for(int i=1;i return sum; % 第一個代碼段聲明了一個第一個代碼段聲明了一個longlong型變量型變量sumsum： 第二個代碼段調(diào)用方法第二個代碼段調(diào)用方法continueSumcontinueSum， 第三個代碼段將調(diào)用方法第三個代碼段將調(diào)用方法continueSumcontinueSum得到的值顯示到客戶：得到的值顯示到客戶： 1 1到到1010的連續(xù)和是：的連續(xù)和是： =55)=55) % % 您計

8、算的項數(shù)超過您計算的項數(shù)超過1010項了。項了。 您計算的項數(shù)沒有超過您計算的項數(shù)沒有超過1010項。項。 17 注意：注意： (1)(1)一個一個JSPJSP頁面可以有頁面可以有多個多個JavaJava程序片段程序片段，這些程序片，這些程序片 段被段被JSPJSP引擎按引擎按順序執(zhí)行順序執(zhí)行。 (2)(2)在程序片段中也可以聲明變量，但這些變量是在程序片段中也可以聲明變量，但這些變量是JSPJSP頁頁 面的局部變量面的局部變量, ,一個用戶對一個用戶對JSPJSP頁面局部變量的操作不會頁面局部變量的操作不會 影響其它用戶影響其它用戶 。 (3)(3)程序片段之間可以插入程序片段之間可以插入J

9、SPJSP頁面的一些其它標(biāo)記元素。頁面的一些其它標(biāo)記元素。 (4)(4)程序片段中要求是程序片段中要求是JavaJava語句語句, ,語句必須以語句必須以分號結(jié)束分號結(jié)束。 18 JSP通用規(guī)則 JSP區(qū)分大小寫 JSP使用的 URL,以 /開始的 URL叫做上下文 相關(guān)路徑。URL不是以/開始的，稱為相對于 當(dāng)前的JSP。 標(biāo)記中的屬性值用雙引號括起來。 在文檔體中的文本中的空白符無關(guān)緊要 19 5 JSP指令標(biāo)記 3種指令: page指令、include指令和taglib指令 格式: 例子: 1.使網(wǎng)頁顯示漢字.(用page指令) 2.在網(wǎng)頁中導(dǎo)入指定的包.(用page指令) 3.建立名為

10、first.jsp的頁面,顯示本文件 名.建立名為second.jsp的頁面,顯示本 文件名,包含first.jsp頁面的內(nèi)容.(用 include指令) 20 21 一、頁面（一、頁面（pagepage）指令）指令 功能：設(shè)定整個JSP網(wǎng)頁的屬性和相關(guān)功能。 %page language=Script Language import=importList contentType=mimeType;charset=characterSet | text/html;charset=ISO-8859-1 pageEncoding=characterSet 注：除import屬性外，其他屬性只能在指

11、令中出現(xiàn)一次。 22 import 屬性：可多次使用該屬性來導(dǎo)入多個包。例如： 或 在JSP中已默認(rèn)導(dǎo)入的包： java.lang.*，javax.servlet.*， javax.servlet.jsp.*，javax.servlet.http.* 一、頁面（一、頁面（pagepage）指令）指令 23 格式： file的屬性值以“/”開頭，指定的是絕對路徑，在應(yīng)用的 根目錄下查找文件；若以文件名稱或文件夾名開頭，指定的 是相對路徑，在當(dāng)前頁面的目錄下查找。 該指令在當(dāng)前JSP頁面的指令位置嵌入指定文件。 例：include.jsp ,head.jsp,foot.jsp 二、二、includ

12、einclude指令指令 24 4 JSP4 JSP動作標(biāo)記動作標(biāo)記 一、 二、 三、 四、 五、 六、 七、和 例子: 1.建立名為first.jsp的頁面,顯示本文件名.建立 名為second1.jsp的頁面,顯示本文件名,包含 first.jsp頁面的內(nèi)容.(用include動作標(biāo)記) 2.從second2.jsp頁面跳轉(zhuǎn)到first.jsp頁面.(用 forward動作標(biāo)記) 3.從second1.jsp頁面second2.jsp頁面分別給 first.jsp頁面?zhèn)鬟f參數(shù)name,值為Alice.(用 param動作標(biāo)記) 25 26 向當(dāng)前的頁面中包含其他的 文件，可以是動態(tài)文件也可

13、以是靜態(tài)文件。 格式： 或： 例:新建一個頁面包含已有的一個頁面. 一、一、 27 與include指令區(qū)別 1）include指令靜態(tài)包含文件， 動態(tài)包 含文件。 2）include指令包含另外一個JSP頁面，最終編譯后的 文件只有一個。動作標(biāo)識包含文件時，程序 會將請求轉(zhuǎn)發(fā)到被包含的頁面，并將執(zhí)行結(jié)果輸出到包含 頁,繼續(xù)執(zhí)行后面的代碼。JSP編譯器會分別對這兩個文件 進(jìn)行編譯。 28 j1.jsp: i1: j2的內(nèi)容: j3的內(nèi)容: j3.jsp: i1: i3: j2.jsp: i1: i2: 與include指令區(qū)別 29 二、二、 功能：用來將客戶端所發(fā)送的請求，從一個JSP 頁面

14、轉(zhuǎn)發(fā)到另一個JSP頁面等資源文件。 格式： jsp:forward page=URL|/ 或 jsp:forward page=URL| 30 三、三、 功能： 以“名值（name-value）”對的形式為其 他動作提供附加信息。它一般與、 、動作元素配合使 用，用于向這些動作元素傳遞參數(shù)。 2. 格式： 31 四、四、 功能：用來在JSP頁面中創(chuàng)建一個bean實例并指 定它的名字（id）以及作用范圍(scope)。 格式： 或: 主體 32 五、五、 功能：用來在一個JSP頁面中設(shè)置已經(jīng) 創(chuàng)建的bean實例的屬性值。 格式： 33 六、六、 功能：用來獲取bean實例的屬性的值并 將之轉(zhuǎn)化為

15、一個字符串，然后將其插入 到輸出的頁面中，它與 的作用相反。 格式： 34 功能：用來動態(tài)地下載服務(wù)器的Java Bean或Applet到客戶端 的瀏覽器上執(zhí)行，也就是直接在瀏覽器上執(zhí)行Java程序。 格式： jsp:param name=PN value=PV| / text message for user 七、七、和和 例：在網(wǎng)頁內(nèi)顯示時鐘。plugin.html 35 5 HTML5 HTML標(biāo)記標(biāo)記 一、表單 二、文本框 三、列表框 四、單選按鈕 五、復(fù)選框 36 一、表單一、表單 name=“formName” ：定義表單的名字 action=“URL” ：指定表單處理程序的URL

16、 。 method=“GET|POST” ：指定表單數(shù)據(jù)的傳輸 方式。有兩種選項：GET或POST。 語法格式： 例子: 1.建立登錄頁面login.jsp,包含一個登錄 表單,用戶可輸入賬號和密碼.(用 form,input標(biāo)記) 2.建立注冊頁面register.jsp,包含注冊表 單,用戶可輸入姓名,密碼,性別,專業(yè),愛 好,簡介.(用form,input,select, textarea標(biāo)記) 37 38 二、文本框二、文本框 文本框分為以下幾種： Text： 單行文本框，用于輸入普通的文 本信息。 password ：密碼文本框，用戶輸入密碼。 用戶輸入時，密碼不會顯示出來，替代 顯示“*”或其他符號。 textarea ：多行文本框，可以輸入多行 文本信息。 例：登錄。text.html 評論。Textarea.htm 39 三、列表框三、列表框 語法格式： . 例: 列表框的使用。select.html 例: 具備多選功能的下拉框。selectM.html 40 四、單選按鈕四、單選按鈕 語法格式： 例: