JSP頁面的基本結(jié)構(gòu)

1、JSP頁面的基本結(jié)構(gòu) 第2章 JSP頁面 1. JSP頁面的基本結(jié)構(gòu)頁面的基本結(jié)構(gòu) JSP頁面可由頁面可由5種元素組合而成：種元素組合而成： 普通的普通的HTML標(biāo)記符；標(biāo)記符； JSP標(biāo)記，如指令標(biāo)記、動作標(biāo)記；標(biāo)記，如指令標(biāo)記、動作標(biāo)記； 成員變量和方法；成員變量和方法； Java Java表達(dá)式表達(dá)式 JSP頁面的基本結(jié)構(gòu) example2-1.jsp 程序片創(chuàng)建Date對象： % Date date=new Date(); /java程序片 out.println(+date); sum=add(12,34); % 在下一行輸出和: JSP頁面的基本結(jié)構(gòu) 2. JSP的運行原理的運行原

2、理 1.把把JSPJSP頁面中普通的頁面中普通的HTMLHTML標(biāo)記符號，標(biāo)記符號， 交給客戶的瀏覽器執(zhí)行顯示。交給客戶的瀏覽器執(zhí)行顯示。 2.JSP2.JSP標(biāo)記、數(shù)據(jù)和方法聲明、標(biāo)記、數(shù)據(jù)和方法聲明、JavaJava程程 序片由序片由TomcatTomcat服務(wù)器負(fù)責(zé)執(zhí)行，將需服務(wù)器負(fù)責(zé)執(zhí)行，將需 要顯示的結(jié)果發(fā)送給客戶的瀏覽器。要顯示的結(jié)果發(fā)送給客戶的瀏覽器。 3. Java表達(dá)式由表達(dá)式由Tomcat服務(wù)器負(fù)責(zé)計算，服務(wù)器負(fù)責(zé)計算， 將結(jié)果轉(zhuǎn)化為字符串，交給客戶的瀏將結(jié)果轉(zhuǎn)化為字符串，交給客戶的瀏 覽器負(fù)責(zé)顯示。覽器負(fù)責(zé)顯示。 JSP頁面的基本結(jié)構(gòu) 3. 3. JSP頁面的成員變量和方

3、法頁面的成員變量和方法 1.1.在在JSP頁面的標(biāo)記符頁面的標(biāo)記符“” 之間聲明的變量稱作之間聲明的變量稱作JSPJSP頁面的成員變頁面的成員變 量量 . 2. JSP頁面在頁面在“”之間聲明之間聲明 定義方法定義方法 ,這些方法可以在這些方法可以在Java程序片中程序片中 被調(diào)用執(zhí)行被調(diào)用執(zhí)行. JSP頁面的基本結(jié)構(gòu) example2_2.jsp 您是第個訪問本站的客戶。 JSP頁面的基本結(jié)構(gòu) example2_3.jsp % out.println(調(diào)用add方法計算200與123之和：); int a=add(200,123); out.println(a); out.println(調(diào)

4、用sub方法計算200與123之差：); int b=sub(200,123); out.println(b); % JSP頁面的基本結(jié)構(gòu) 類的聲明類的聲明 在JSP頁面中不僅可以聲明變量和方法， 還可以聲明類。在JSP頁面中聲明一個 類，該類就會成為當(dāng)前頁面的內(nèi)部類。 其聲明格式和變量聲明及方法聲明的語 法格式相同。 JSP頁面的基本結(jié)構(gòu) 請輸入圓的半徑： JSP頁面的基本結(jié)構(gòu) 圓的面積是： 圓的周長是： JSP頁面的基本結(jié)構(gòu) 4. Java程序片程序片 在在“”之間插入之間插入Java程序片程序片 程序片中聲明的變量稱為程序片中聲明的變量稱為JSP頁面的局頁面的局 部變量部變量 多個客戶請

5、求一個多個客戶請求一個JSP頁面時頁面時 , Java程程 序片將被執(zhí)行多次，分別在不同的線程序片將被執(zhí)行多次，分別在不同的線程 中執(zhí)行中執(zhí)行 。 JSP頁面的基本結(jié)構(gòu) Java程序片的執(zhí)行特點程序片的執(zhí)行特點 操作JSP頁面的成員變量 調(diào)用JSP頁面的方法 聲明操作局部變量 JSP頁面的基本結(jié)構(gòu) example2_4.jsp %! int continueSum(int n) int sum=0; for(int i=1;i 1到到100的連續(xù)和的連續(xù)和: JSP頁面的基本結(jié)構(gòu) example2_5.jsp JSP頁面的基本結(jié)構(gòu) example2_6.jsp % int sum=0,i,j;

6、 for(i=1;i Font size= 大家好大家好! % sum=sum+i; if(sum%2=0) out.print(+sum+); % 是偶數(shù)是偶數(shù). % else out.print(+sum+); % 是奇數(shù)是奇數(shù). JSP頁面的基本結(jié)構(gòu) 5. Java5. Java表達(dá)式表達(dá)式 “%=%”之間可以是一個之間可以是一個JavaJava 表達(dá)式表達(dá)式 . .這個表達(dá)式必須能求值。這個表達(dá)式必須能求值。 表達(dá)式的值由服務(wù)器負(fù)責(zé)計算，并表達(dá)式的值由服務(wù)器負(fù)責(zé)計算，并 將計算結(jié)果用字符串形式發(fā)送到客將計算結(jié)果用字符串形式發(fā)送到客 戶端顯示。戶端顯示。 JSP頁面的基本結(jié)構(gòu) examp

7、le2_7.jsp Sin(0.9)除以除以3等于等于 3的平方是：的平方是： 12345679乘乘72等于等于 5的平方根等于的平方根等于 99大于大于100嗎？回答：嗎？回答： 100% JSP頁面的基本結(jié)構(gòu) JSP中的注釋 1. HTML注釋格式注釋格式: 2. JSP注釋格式注釋格式: JSP頁面的基本結(jié)構(gòu) example2_8.jsp 大家要注意了，成員變量是大家共享的 JSP頁面的基本結(jié)構(gòu) HTML基礎(chǔ) HTML文檔包含兩種信息： 頁面本身的文本 表示頁面元素、結(jié)構(gòu)、格式和其他超文 本鏈接的HTML標(biāo)記 JSP頁面的基本結(jié)構(gòu) 6.HTML標(biāo)記 HTML標(biāo)記是用于描述功能的符號。它規(guī)

8、定標(biāo)記是用于描述功能的符號。它規(guī)定HTML文文 檔的邏輯結(jié)構(gòu)，并且控制文檔的顯示格式，然后由瀏檔的邏輯結(jié)構(gòu)，并且控制文檔的顯示格式，然后由瀏 覽器來負(fù)責(zé)解釋并顯示頁面。覽器來負(fù)責(zé)解釋并顯示頁面。 標(biāo)記都封裝在一對標(biāo)記都封裝在一對“”之中。標(biāo)記只改變網(wǎng)頁之中。標(biāo)記只改變網(wǎng)頁 的顯示方式，本身不會顯示在窗口中。的顯示方式，本身不會顯示在窗口中。 標(biāo)記分為單標(biāo)記和雙標(biāo)記。標(biāo)記分為單標(biāo)記和雙標(biāo)記。 單標(biāo)記：只許單獨使用就能完整的表達(dá)意思。單標(biāo)記：只許單獨使用就能完整的表達(dá)意思。 如：如： 雙標(biāo)記：由起始標(biāo)記和結(jié)束標(biāo)記兩部分組成，而且雙標(biāo)記：由起始標(biāo)記和結(jié)束標(biāo)記兩部分組成，而且 必須成對使用，分別放在要

9、修飾或說明的內(nèi)容兩邊。必須成對使用，分別放在要修飾或說明的內(nèi)容兩邊。 內(nèi)容內(nèi)容 如：如：字體加粗顯示字體加粗顯示 JSP頁面的基本結(jié)構(gòu) 6.HTML標(biāo)記 標(biāo)記屬性標(biāo)記屬性 起始標(biāo)記中可以包含屬性域，其位置從標(biāo)記名之后起始標(biāo)記中可以包含屬性域，其位置從標(biāo)記名之后 空一格的地方開始，在結(jié)束符之前結(jié)束。向客戶端提空一格的地方開始，在結(jié)束符之前結(jié)束。向客戶端提 供了頁面元素內(nèi)容以及如何處理的附加信息。供了頁面元素內(nèi)容以及如何處理的附加信息。 各屬性之間無先后次序，屬性也可以省略，即取默認(rèn)各屬性之間無先后次序，屬性也可以省略，即取默認(rèn) 值。值。 如如 設(shè)置字設(shè)置字 體大小、顏色、字型體大小、顏色、字型

10、JSP頁面的基本結(jié)構(gòu) HTML標(biāo)記書寫注意事項 每個標(biāo)記都封裝在一對尖括號之中，標(biāo)記名每個標(biāo)記都封裝在一對尖括號之中，標(biāo)記名 與括號之間不能留有空白字符或其他字符。與括號之間不能留有空白字符或其他字符。 某些標(biāo)記要加上屬性設(shè)置，有些不必要，并某些標(biāo)記要加上屬性設(shè)置，有些不必要，并 且參數(shù)只能加于起始標(biāo)記中。且參數(shù)只能加于起始標(biāo)記中。 標(biāo)記字母大小寫皆可，沒有限制。標(biāo)記字母大小寫皆可，沒有限制。 在設(shè)定屬性值時，不一定要把屬性值用雙引在設(shè)定屬性值時，不一定要把屬性值用雙引 號括起來。號括起來。 標(biāo)記可以包含標(biāo)記，但標(biāo)記不能交叉嵌套。標(biāo)記可以包含標(biāo)記，但標(biāo)記不能交叉嵌套。 JSP頁面的基本結(jié)構(gòu) H

11、TML文檔的基本骨架 文件開始文件開始 標(biāo)頭區(qū)開始標(biāo)頭區(qū)開始 標(biāo)題設(shè)置區(qū)標(biāo)題設(shè)置區(qū) 標(biāo)頭區(qū)結(jié)束標(biāo)頭區(qū)結(jié)束 文本區(qū)開始文本區(qū)開始 文檔主題，文檔主題，HTML網(wǎng)頁文本區(qū)網(wǎng)頁文本區(qū) 文本區(qū)結(jié)束文本區(qū)結(jié)束 文件結(jié)束文件結(jié)束 JSP頁面的基本結(jié)構(gòu) 標(biāo)記 是是HTML文檔的第一個標(biāo)記，代表網(wǎng)頁文檔的第一個標(biāo)記，代表網(wǎng)頁 文件格式。整份文件處于標(biāo)記文件格式。整份文件處于標(biāo)記 與與之間。之間。 用以聲明這是用以聲明這是HTML文件，讓瀏覽器能文件，讓瀏覽器能 正確識別并處理正確識別并處理HTML文件。文件。 JSP頁面的基本結(jié)構(gòu) 標(biāo)記 標(biāo)記出現(xiàn)在文檔的起始部分，標(biāo)記出現(xiàn)在文檔的起始部分， 表明文檔的題目表明

12、文檔的題目(介紹介紹)和主題信息。和主題信息。 標(biāo)題部分可包含標(biāo)題部分可包含、 、等標(biāo)記。等標(biāo)記。 JSP頁面的基本結(jié)構(gòu) 標(biāo)記 用來指明文檔的主體部分，該部分可以用來指明文檔的主體部分，該部分可以 包含許多標(biāo)記。該標(biāo)記本身的基本屬性包含許多標(biāo)記。該標(biāo)記本身的基本屬性 有：有： text - 非可鏈接文字的色彩非可鏈接文字的色彩 link - 可鏈接文字的色彩可鏈接文字的色彩 alink - 正被點擊的可鏈接文字的色彩正被點擊的可鏈接文字的色彩 vlink - 已經(jīng)點擊過的可鏈接文字的色彩已經(jīng)點擊過的可鏈接文字的色彩 bgcolor - 背景色彩背景色彩 background -設(shè)置背景圖像設(shè)置

13、背景圖像 leftmargin -頁面的左邊間距頁面的左邊間距 topmargin -設(shè)置頁面的上間距設(shè)置頁面的上間距 JSP頁面的基本結(jié)構(gòu) 一個最基本的HTML文檔（h1） HTML基本源文件基本源文件 HTML基本源文件基本源文件 HTML通過使用標(biāo)記和元素建立文件，期中利用標(biāo)記來控制文件的結(jié)通過使用標(biāo)記和元素建立文件，期中利用標(biāo)記來控制文件的結(jié) 構(gòu)。構(gòu)。 HTML文檔通常由三對標(biāo)記來構(gòu)成文檔通常由三對標(biāo)記來構(gòu)成HTML文檔的基本骨架。文檔的基本骨架。 JSP頁面的基本結(jié)構(gòu) 常用標(biāo)記和屬性 1 1、常用文字標(biāo)記、常用文字標(biāo)記 （1）標(biāo)題標(biāo)記）標(biāo)題標(biāo)記 設(shè)定標(biāo)題字體大小，設(shè)定標(biāo)題字體大小，n

14、1(大大)6（?。ㄐ。? 標(biāo)題的大小一共有標(biāo)題的大小一共有6種，分別為種，分別為H1， H2，H6。使用標(biāo)題標(biāo)記時字體將會。使用標(biāo)題標(biāo)記時字體將會 變成粗體，并且會自成一行。變成粗體，并且會自成一行。 標(biāo)題可以有對齊屬性，標(biāo)題可以有對齊屬性， align=“l(fā)eft|right|center” JSP頁面的基本結(jié)構(gòu) 例子h2 標(biāo)題 標(biāo)題一 標(biāo)題二 標(biāo)題三 標(biāo)題四 標(biāo)題五 標(biāo)題六 JSP頁面的基本結(jié)構(gòu) 常用標(biāo)記和屬性 （2）文字變化標(biāo)記）文字變化標(biāo)記 字體加粗字體加粗 斜體字斜體字 下劃線下劃線 上標(biāo)上標(biāo) 下標(biāo)下標(biāo) . JSP頁面的基本結(jié)構(gòu) 常用標(biāo)記和屬性 (3)font標(biāo)記標(biāo)記 size設(shè)置

15、字體大小，從1(最小)7(最大) 如：文字內(nèi)容 face來設(shè)置字體字型。 如：文字內(nèi)容 color設(shè)置字體顏色 文字內(nèi)容 JSP頁面的基本結(jié)構(gòu) 常用標(biāo)記和屬性 (4)特殊字符特殊字符 常用的特殊字符及顯示結(jié)果： 源代碼源代碼 顯示結(jié)果顯示結(jié)果 參見第參見第2章章 參見第參見第3章章 參見第參見第4章章 參見第參見第5章章 參見第參見第6章章 第第1章章 第第2章章 第第3章章 第第4章章 第第5章章 第第6章章 JSP頁面的基本結(jié)構(gòu) (5)鏈接到Email地址 可以使用電子郵箱作為超級鏈接的目標(biāo)。可以使用電子郵箱作為超級鏈接的目標(biāo)。 使用格式：使用格式： 郵件鏈接郵件鏈接 例如：例如： 聯(lián)系我

16、聯(lián)系我 JSP頁面的基本結(jié)構(gòu) 表單 1.表單標(biāo)記表單標(biāo)記 : 數(shù)據(jù)提交手段部分 JSP頁面的基本結(jié)構(gòu) 要接收用戶輸入的信息，可以在要接收用戶輸入的信息，可以在元素元素 的開始和結(jié)束標(biāo)記之間添加的開始和結(jié)束標(biāo)記之間添加標(biāo)記，標(biāo)記， 標(biāo)記是一個帶有屬性的元素，用來創(chuàng)標(biāo)記是一個帶有屬性的元素，用來創(chuàng) 建表單中的控件。建表單中的控件。 其語法格式為：其語法格式為： JSP頁面的基本結(jié)構(gòu) 表單常用控件 表單控件表單控件說明說明 input type=“text”單行文本輸入框 input type=“radio”單選框 input type=“checkbox” 復(fù)選框 input type=“pass

17、word” 密碼輸入框 input type=“hidden” 不提供輸入界面，直接提交信息 input type=“submit” 將表單信息提交給action所指向文件 input type=“reset” 將表單中輸入的數(shù)據(jù)清空 select下拉框 textArea多行文本輸入框 JSP頁面的基本結(jié)構(gòu) (1)單行文本輸入框(input type=“text”) 允許用戶輸入一些簡短的單行信息，除允許用戶輸入一些簡短的單行信息，除 了用了用name為為text指定名字外，還可以指指定名字外，還可以指 定其他一些值。定其他一些值。 JSP頁面的基本結(jié)構(gòu) (2)單選按鈕(input type=

18、“radio”) 使用單選按鈕，讓用戶在一組選項里只使用單選按鈕，讓用戶在一組選項里只 能選擇一個，其他項目自動變?yōu)椴贿x中。能選擇一個，其他項目自動變?yōu)椴贿x中。 服務(wù)器通過服務(wù)器通過name指定名字來獲取被選中指定名字來獲取被選中 的的radio提交的由提交的由value指定的值。指定的值。 蘋果蘋果 桔桔 子子 香蕉香蕉 checked如果取值是一個非空的字符串，則如果取值是一個非空的字符串，則 該單選按鈕的初始狀態(tài)是選中狀態(tài)。該單選按鈕的初始狀態(tài)是選中狀態(tài)。 JSP頁面的基本結(jié)構(gòu) (3)復(fù)選框(input type=“checkbox”) 允許用戶在一組選項里同時選擇多項。允許用戶在一組選

19、項里同時選擇多項。cheecked 屬性用來設(shè)置該復(fù)選框默認(rèn)時是否選中。屬性用來設(shè)置該復(fù)選框默認(rèn)時是否選中。 足球足球 籃球籃球 排球排球 游游 泳泳 JSP頁面的基本結(jié)構(gòu) (4)密碼輸入框(input type=“password” ) 是輸入口令用的特殊文本框，輸入的信是輸入口令用的特殊文本框，輸入的信 息用息用“*”回顯，防止他人偷看口令。回顯，防止他人偷看口令。 JSP頁面的基本結(jié)構(gòu) (5)隱藏控件(input type=“hidden” ) 沒有可見的輸入界面，表單直接將 中value屬性的值提交給服務(wù)器。 JSP頁面的基本結(jié)構(gòu) (6)提交控件(input type=“submit”

20、 ) 為了能把表單中輸入的數(shù)據(jù)提交給服務(wù)為了能把表單中輸入的數(shù)據(jù)提交給服務(wù) 器，一個表單至少要包含一個提交鍵。器，一個表單至少要包含一個提交鍵。 通過提交鍵可以將表單里的信息提交給通過提交鍵可以將表單里的信息提交給 表單里表單里action所指向的文件。所指向的文件。 JSP頁面的基本結(jié)構(gòu) (7)重置控件(input type=“reset”) 重置鍵將表單中輸入的數(shù)據(jù)清空，以便重置鍵將表單中輸入的數(shù)據(jù)清空，以便 重新輸入數(shù)據(jù)。重新輸入數(shù)據(jù)。 JSP頁面的基本結(jié)構(gòu) input.jsp: 請輸入下列信息：請輸入下列信息： 輸入您的姓名輸入您的姓名: 選擇性別選擇性別:男男 女女 選擇您喜歡的歌手

21、選擇您喜歡的歌手: 張歌手張歌手 李歌手李歌手 劉歌手劉歌手 王歌手王歌手 JSP頁面的基本結(jié)構(gòu) receive.jsp: % String yourName=request.getParameter(name); String yourSex=request.getParameter(R); /獲取獲取radio提交的值提交的值 String secretMess=request.getParameter(secret); String personName=request.getParameterValues(superstar); out.println( 您的姓名您的姓名:+yourN

22、ame+); out.println( 您的性別您的性別:+yourSex+); out.println( 您喜歡的歌手您喜歡的歌手:); if(personName=null) out.print(一個都不喜歡一個都不喜歡); else for(int k=0;kpersonName.length;k+) out.println( +personNamek); out.println( hidden提交的值提交的值:+secretMess); % JSP頁面的基本結(jié)構(gòu) .、標(biāo)記標(biāo)記 在表單中可以使用下拉列表或滾動列表來選在表單中可以使用下拉列表或滾動列表來選 擇要提交的數(shù)據(jù)，是由在擇要提交的數(shù)據(jù)，是由在標(biāo)記中使標(biāo)記中使 用若干個用若干個子標(biāo)記來定義。格式如下：子標(biāo)記來定義。格式如下： 文本信息文本信息 文本信息文本信息 文本信息文本信息 JSP頁面的基本結(jié)構(gòu) 滾動列表 在在select標(biāo)記中增加標(biāo)記中增加size屬性，就變成滾動列表。屬性，就變成滾動列表。 size的值確定滾動列