第02章JSP輔助知識

1、第第2章章 JSP輔助知識輔助知識 2.2 JSP中的JavaScript語言 2.3 Web應(yīng)用程序體系結(jié)構(gòu) 2.4 應(yīng)用服務(wù)器 2.5 HTTP協(xié)議 2.1 JSP中的HTML元素 2.1 JSP中的中的HTML元素元素 2.1.1 HTML文本結(jié)構(gòu) 2.1.2 表單元素設(shè)置 2.1.3 其他元素設(shè)置 標(biāo)題 網(wǎng)頁的內(nèi)容 HTML文件中包含了要顯示在網(wǎng)頁上的信息，該信息包括瀏覽器中有什么文字、文字放的位置、什么字體，如果使用了圖片、聲音等資源，HTML文本還會告訴瀏覽器去什么地方查找這些資源及它們的存放網(wǎng)頁的位置等，HTML網(wǎng)頁使用元素來實現(xiàn)這些功能。HTML文本的基本結(jié)構(gòu)如下： HTML文

2、本結(jié)構(gòu)文本結(jié)構(gòu) 整個HTML文件處于與元素之間。用于聲明這個HTML文件 文件頭，用以存放重要的信息 文件體，大部分元素運用于此部分文件的標(biāo)題，會出現(xiàn)于瀏覽器頂部及作為別人收藏夾時名稱 定義頁面顯示內(nèi)容HTML 標(biāo)題（Heading）是通過 - 等標(biāo)簽進(jìn)行定義的。 This is a heading This is a heading This is a heading HTML 段落是通過 標(biāo)簽進(jìn)行定義的。This is a paragraph. This is another paragraph. row 1, cell 1 row 1, cell 2 row 2, cell 1 row

3、2, cell 2 表格的表頭表格的表頭表格的表頭使用 標(biāo)簽進(jìn)行定義。大多數(shù)瀏覽器會把表頭顯示為粗體居中的文本： Heading Another Heading row 1, cell 1 row 1, cell 2 row 2, cell 1 row 2, cell 2 表單元素設(shè)置表單元素設(shè)置 （1） 表單在HTML頁面制作中起著非常重要的作用，它是用戶與網(wǎng)頁交互信息的主要手段。一個表單應(yīng)該包含有說明性文字、用于用戶填寫的輸入框、提交和重置按鈕。 q 表單元素 表單元素用于創(chuàng)建數(shù)據(jù)條目表，表單的語法如下： 元素有如下一些屬性： 表單元素設(shè)置表單元素設(shè)置 （2）q 表單元素的屬性 Name

4、：指定表單名稱 Method ：指定數(shù)據(jù)傳送到服務(wù)器的方式?？蛇x值是get和post。當(dāng)method 選擇get方式時，將輸入的數(shù)據(jù)追加到action指定的地址后面， 并傳送到服務(wù)器。當(dāng)method選擇post方式時，則將輸入的數(shù)據(jù) 按照HTTP協(xié)議中post傳輸方式傳送到服務(wù)器 OnReset ：主要針對重置（Reset）按鈕，設(shè)置在按下Reset按鈕之后所要 執(zhí)行的程序 OnSubmit ：主要針對提交（Submit）按鈕，設(shè)置在按下Submit按鈕之后 所要執(zhí)行的程序 Action ：設(shè)置處理表單數(shù)據(jù)程序URL的地址 Target ：指定輸入結(jié)果顯示在哪個窗口。用戶單擊表單的Submit

5、按鈕，就 會打開另外一個網(wǎng)頁，target屬性就指定了打開的網(wǎng)頁是一個新窗 口或是原來的表單所在的窗口中打開新頁面?？蛇x值是“_blank”、“_self”和“_parent”表單元素設(shè)置表單元素設(shè)置 （3）q 輸入框元素 元素用來指定表單中數(shù)據(jù)的輸入方式及表單的提交按鈕。元素的基本語法如下： type ：輸入數(shù)據(jù)的類型 name ：當(dāng)前元素名稱 aligh ：設(shè)置表單的位置是靠左（left）、靠右（right）、居中（middle）、 靠上（top）還是靠底（bottom） 元素有如下一些屬性： 表單元素設(shè)置表單元素設(shè)置 （4）q 輸入框元素的屬性 value ：用于設(shè)定輸入的默認(rèn)值，即如果

6、用戶不輸入內(nèi)容，就采用此默 認(rèn)值 src ：針對“type=image”屬性設(shè)置來說，設(shè)定圖像文件的地址 checked ：表示選擇框中，此項被默認(rèn)選中 maxlength ：表示在輸入單行文本時，最大輸入字符的個數(shù) size ：用于設(shè)定在輸入多行文本時的最大輸入字符數(shù) onclick ：表示在按下按鈕時調(diào)用指定的子程序 onselect ：表示當(dāng)前項被選擇時調(diào)用指定的子程序 type屬性用來設(shè)置輸入數(shù)據(jù)的類型，該屬性可選的值有： 表單元素設(shè)置表單元素設(shè)置 （5）q type屬性可選的值 text ：表示輸入單行文本 textarea ：表示輸入多行文本 password ：表示輸入數(shù)據(jù)為密碼

7、，用“*”表示 checkbox ：表示復(fù)選框 radio ：表示單選框 submit ：表示表單的提交按鈕，數(shù)據(jù)將被送到服務(wù)器 reset ：表示清除表單數(shù)據(jù)，以便重新輸入 file ：表示插入一個文件 hidden ：表示隱藏域 image ：表示插入圖片 button ：表示普通按鈕 表單元素設(shè)置表單元素設(shè)置 （6）q 選擇元素、 元素用來設(shè)置下拉列表或滾動列表來選擇要提交的數(shù)據(jù)。下拉列表和滾動列表通過元素中使用若干個子元素來定義，其格式如下： value name ：設(shè)置選擇列表的名稱，供 應(yīng)用程序作識別之用 multiple ：設(shè)置選擇列表的選項數(shù) 量，即高度 size ：可以讓選擇

8、列表有多重的選項 元素有如下一些屬性： 元素有如下一些屬性： value ：設(shè)置該選項的值 selected ：設(shè)置該選項被選中 表單元素設(shè)置表單元素設(shè)置 （7）q 輸入文本框元素 元素用于表示表單中可滾動的多行文本字段。其基本格式如下： name ：設(shè)置多行文本字段的名稱 cols ：設(shè)置多行文本字段的寬度 rows ：設(shè)置多行文本字段的高度 元素有如下一些屬性： wrap ：設(shè)置多行文本字段的換行，可選值如下： off ：表示不使用此屬性 physical ：表示會強迫瀏覽器在發(fā)送資料時必須將文本中的換行元 素送出 virtual ：送出連續(xù)成串的字其他元素設(shè)置（其他元素設(shè)置（1）q 圖像

9、元素 元素用來指定HTML文件中插入的圖像。其使用語法如下： src和dynsrc ：表示圖像文件和視頻文件的地址 height和width ：分別表示插入圖像的高度和寬度 vspace和hspace ：分別表示插入圖像的上下、左右空白區(qū)域的大小 元素有如下一些屬性： border ：指定插入的圖像邊框?qū)挾?其他元素設(shè)置（其他元素設(shè)置（2）q 多媒體元素 元素可以播放音樂和視頻，當(dāng)瀏覽器執(zhí)行到該元素時，會把瀏覽器所在機器中的默認(rèn)播放器嵌入到瀏覽器中，以便播放音樂或視頻，其基本語法如下： autostart ：用來指定音樂或視頻文件傳送完畢后是否立即播放，可選值 是trut和false，默認(rèn)值f

10、alse loop ：用來指定音樂或視頻文件重復(fù)播放的次數(shù) width和heigh ：指定播放器寬度和高度，如果省略width和heigh屬性，將 使用默認(rèn)值 元素有如下一些屬性： 其他元素設(shè)置（其他元素設(shè)置（3）q 超鏈接元素 超鏈接的功能是從一個頁面跳轉(zhuǎn)到另一個頁面，超鏈接元素使用語法如下： value href：用來指定超鏈接到哪個網(wǎng)頁上去 target ：用來指定如何打開鏈接的那個頁面，可選值是_self（原來頁面 的窗口上打開）、_blank（在瀏覽器的一個新窗口打開） value用來指定超鏈接所在的數(shù)據(jù)。 1.html元素有如下一些屬性： 2.2 JSP中的中的JavaScript

11、語言語言 2.2.1 JavaScript語言概述 2.2.2 網(wǎng)頁中的JavaScript 2.2.3 基本語法 2.2.4 常用語句 2.2.5 對象 2.2.6 事件 JavaScript語言概述語言概述 JavaSrcipt是一種高級的腳本語言，它具有以下3個優(yōu)點： （1）JavaScript采用在HTML文本中嵌入小程序段的方式，開發(fā)過程非常簡單，并且提高了響應(yīng)速度。（2）JavaScript可以直接對用戶或者客戶的輸入做出響應(yīng)，而不需要經(jīng)過Web服務(wù)器的程序，減少了客戶瀏覽器與服務(wù)器之間的通信量、提高了速度。（3）JavaScript是一種與平臺無關(guān)的解釋性腳本語言，依賴于瀏覽器，

12、而與操作系統(tǒng)無關(guān)，只要計算機能運行瀏覽器，而且該瀏覽器支持JavaScript，就可以執(zhí)行JavaScript腳本程序。 網(wǎng)頁中的網(wǎng)頁中的JavaScript 在網(wǎng)頁中引入JavaScript，只需加入元素，然后再設(shè)置所用語言即可。例如： document.write(歡迎來到鐘毅空間，相信您會找到您所需要的知識！) 程序運行結(jié)果如圖所示： 注意：JavaScript區(qū)分大小寫，而HTML不區(qū)分大小寫。 基本語法基本語法 （1）數(shù)據(jù)類型 在JavaScript語言中，常見的數(shù)據(jù)類型有：Number：數(shù)值型 ，該類型包含整數(shù)和浮點數(shù)。整數(shù)可以為正 整數(shù)或負(fù)整數(shù)，浮點數(shù)可以包括小數(shù)點，如“5.33

13、” 或“7E-2” string ：字符串型，字符串?dāng)?shù)據(jù)應(yīng)加上單引號或雙引號boolean：布爾型，可以為true或false兩個值object：對象型，該類型是JavaScript的重要組成部分基本語法基本語法 （2）變量 JavaScript中的數(shù)據(jù)也分為常量和變量。JavaScript對變量的數(shù)據(jù)類型要求并不嚴(yán)格，可以不必聲明每一個變量的類型。例如：var isBanana = false; 變量命名需要遵守以下5個規(guī)則： （1）變量命名必須以一個英文字母或是下劃線為開頭，也就是變 量名第一字符必須是A到Z或a到z之間的字母，或是“_”。（2）變量名長度在0255字符之間。（3）除了首字

14、符，其他字符可以使用任何字符、數(shù)字或下劃線， 但不能使用空格。（4）不能使用JavaScript用的保留字。（5）不能使用JavaScript的運算符。 基本語法基本語法 （3）數(shù)組 數(shù)組就是由一組數(shù)值按照順序排列在一起，并放在同一個變量中，而每個數(shù)值都可以通過索引得到數(shù)組中所存儲的信息。例如：var arrUserInfo = new Array(2) 聲明數(shù)組時，使用new和Array關(guān)鍵字。new代表建立一個新的對象，Array是JavaScript內(nèi)置的一個對象，由于JavaScript區(qū)分大小寫，因此Array的首字母必須是大寫。第一個數(shù)索引下標(biāo)是0 。 常用語句（常用語句（1）函數(shù)

15、定義語句 JavaScript函數(shù)定義格式如下： function 函數(shù)名稱(參數(shù)) 函數(shù)執(zhí)行部分 return 表達(dá)式 return語句表示函數(shù)的返回值，如果沒有返回值可以省略。通過JavaScript函數(shù)格式定義一個函數(shù)的代碼如下： function sanyang()a l e r t ( “ 歡 迎 來 到 三 揚 科技！”) 常用語句（常用語句（2）條件語句 條件語句通過ifelse用來完成程序流程塊中的分支功能，具體格式如下： if(條件)執(zhí)行語句1else執(zhí)行語句2 在上述代碼中，如果條件成立，則執(zhí)行語句1，否則執(zhí)行語句2。 常用語句（常用語句（3）分支語句 分支語句switch

16、是根據(jù)一個表達(dá)式取值的不同而采用不同的處理方法，具體格式如下： switch(表達(dá)式)case 1:執(zhí)行語句1;case 2:執(zhí)行語句2;case 3:執(zhí)行語句3; 在上述代碼中，表達(dá)式的值與case值都不匹配，將執(zhí)行省略號后面的語句。 常用語句（常用語句（4）循環(huán)語句 在JavaScript語言中，循環(huán)語句包含for語句、forin語句及while語句。 for(變量初始化;條件;更新變量)執(zhí)行語句; （1）for語句 for語句功能是只要循環(huán)條件成立，就反復(fù)執(zhí)行循環(huán)體中的語句，具體格式如下： 常用語句（常用語句（5）循環(huán)語句 for(變量 in 對象或數(shù)組)執(zhí)行語句; （2）forin語句

17、 forin語句與for語句相似，不同的是forin循環(huán)的范圍是一個對象的所有屬性或是一個數(shù)組中的所有元素，具體格式如下： while(條件)執(zhí)行語句 （3）while語句 while語句中的條件如果始終成立，則一直循環(huán)下去，直到條件不再成立。該語句具體格式如下： 對象對象 （1）時間對象Date var date=new Date() Date對象的主要作用是獲取當(dāng)前的系統(tǒng)時間，使用該對象必須使用關(guān)鍵字new來創(chuàng)建。例如： Date對象的方法見下表 ：名稱含義名稱含義getYear()/setYear()獲取或賦值當(dāng)前的年份getMonth()/setMonth()獲取或賦值當(dāng)前的月份get

18、Date()/setDate()獲取或賦值當(dāng)前的日期getDay()/setDay()獲取或賦值當(dāng)前的星期getHours()/setHours()獲取或賦值當(dāng)前的小時getMinutes()/setMinutes()獲取或賦值當(dāng)前的分鐘getSeconds()/setSeconds()獲取或賦值當(dāng)前的秒getTime()/setTime()獲取或賦值當(dāng)前的時間（以毫秒為單位）date.html對象對象 （2）數(shù)學(xué)對象Math Math對象可以用來處理各種數(shù)學(xué)運算。Math對象的內(nèi)置方法定義了各種數(shù)學(xué)運行，可以直接調(diào)用。Document.write(Math.round(4.7);Math對象

19、的方法見下表：名稱含義名稱含義abs(x)返回x的絕對值acos(x)返回x的反余弦值asin(x)返回x的反正弦值atan(x)返回x的反正切值ceil(x)返回大于或等于x的最小整數(shù)cos(x)返回x的余弦值exp(x)返回e的x次方floor(x)返回小于或等于x的最大整數(shù)Max(x,y)返回x、y中的最大值min(x,y)返回x、y中的最小值pow(x,y)返回x的y次方round(x)返回x的整數(shù)部分sin(x)返回x的正弦值sqrt(x)返回x的平方根tan(x)返回x的正切值 對象對象 （3）字符串對象String String是字符串對象，也是使用較多的對象，該對象只有一個屬性

20、：length屬性表示字符串中包含的字符數(shù)目。String對象常用的方法如下：”abcabc”.indexof(“a”,1)名稱含義名稱含義big()設(shè)置字符串為大字體small()設(shè)置字符串為小字體italics()設(shè)置字體為斜體fixed()設(shè)置固定字體bold()設(shè)置字體為粗體substring()獲取自start到end的子串toUpperCase()轉(zhuǎn)換字符串為大寫toLowerCase()轉(zhuǎn)換字符串為小寫fontsize(size)設(shè)置字體的大小，參數(shù)size為整數(shù)，數(shù)越大字體就越大fontcolor(color)設(shè)置字體的顏色，參數(shù)color可以使用bule、red等表示，也可以

21、使用ff0233等6位十六進(jìn)制數(shù)表示indexOf(char,start)在字符串中從start處開始查找第一出現(xiàn)的char字符，并返回其位置事件（事件（1）指定事件處理程序 事件就是由某個對象發(fā)出的消息，這個消息標(biāo)志著某個特定的行為發(fā)生，或某個特定的條件成立。例如，單擊鼠標(biāo)、單擊按鈕或者打開窗口時，都會觸發(fā)相應(yīng)的事件。 （1）直接在HTML元素中指定。具體格式如下： （2）編寫特定對象特定事件的JavaScript。具體格式如下： .(事件處理程序代碼). alert(網(wǎng)頁讀取完成)； 事件（事件（2）鼠標(biāo)單擊事件 鼠標(biāo)單擊事件是常見的事件，事件對應(yīng)的方法名是onclick，具體使用格式如下

22、： 例如 ： onclick=函數(shù)或處理語句 程序運行結(jié)果如圖所示 ：2.html事件（事件（3）下拉列表事件 下拉列表是常用的一種HTML元素，通常情況下，利用onChange事件來處理，具體使用格式如下： 例如 ：北京 上海天津 重慶 onChange=函數(shù)或處理語句 程序運行結(jié)果如圖所示 ：事件（事件（4）判斷輸入框是否為空 在進(jìn)行“注冊”或“登錄”操作時，需要校驗表單中輸入框是否為空。這時，可以利用元素中的onsubmit屬性進(jìn)行設(shè)置，該事件用于發(fā)生在表單的“提交”按鈕被單擊（按下并放開）時，可以使用該事件來驗證表單的有效性。通過在事件處理程序中返回false值（return fals

23、e）可以阻止表單提交。例如：function userCheck() /校驗用戶名表單是否為空 if (document.form1.username.value = ) window.alert(“請輸入用戶名”); return false; 如果表單中用戶名為空，運行結(jié)果如圖所示：3.jsp2.3 Web應(yīng)用程序體系結(jié)構(gòu)應(yīng)用程序體系結(jié)構(gòu) 2.3.1 三層架構(gòu) 2.3.2 二層架構(gòu) 2.3.3 JSP技術(shù)支持的架構(gòu) 三層架構(gòu)（三層架構(gòu)（1） 按照程序的分工不同，把應(yīng)用程序分為如下3層： （1）數(shù)據(jù)顯示層：用戶數(shù)據(jù)輸入界面和數(shù)據(jù)顯示界面，運行在客戶端上。（2）邏輯計算層：數(shù)據(jù)計算功能，運行在

24、應(yīng)用服務(wù)器上。（3）數(shù)據(jù)處理層：數(shù)據(jù)庫處理功能，運行在數(shù)據(jù)庫服務(wù)器上。 應(yīng)用程序的三層架構(gòu)結(jié)構(gòu)如圖所示：相互調(diào)用數(shù)據(jù)顯示層客戶端本地用戶使用的計算機，通過客戶端軟件請求應(yīng)用服務(wù)器提供服務(wù)。 邏輯計算層應(yīng)用服務(wù)器接受客戶請求進(jìn)行數(shù)據(jù)計算，并把計算結(jié)果返回給客戶。JSP頁面使用的服務(wù)器，該服務(wù)器通常由JSP引擎、Servlet引擎和Web服務(wù)器構(gòu)成。 數(shù)據(jù)處理層數(shù)據(jù)庫服務(wù)器提供數(shù)據(jù)處理和事務(wù)處理。例如，SQL Server2000、MYSQL、Oracle。 相互調(diào)用三層架構(gòu)（三層架構(gòu)（2） B/S架構(gòu)與C/S架構(gòu) 根據(jù)客戶端程序的運行機制不同，三層架構(gòu)又分為B/S架構(gòu)與C/S架構(gòu)。 （1）C/S

25、架構(gòu) C/S又稱Client/Server或客戶/服務(wù)器模式。服務(wù)器通常采用高性能的PC、工作站或小型機，并采用大型數(shù)據(jù)庫系統(tǒng)，如Oracle、Sybase、Informix或 SQL Server?？蛻舳诵枰惭b專用的客戶端軟件。對應(yīng)的優(yōu)點就是客戶端響應(yīng)速度快。缺點主要有以下幾個： 只適用于局域網(wǎng)。 客戶端需要安裝專用的客戶端軟件，其維護(hù)和升級成本 非常高。 三層架構(gòu)（三層架構(gòu)（3） B/S架構(gòu)與C/S架構(gòu) （2）B/S架構(gòu) B/S是Brower/Server的縮寫，客戶機上只要安裝一個瀏覽器（Browser），如Netscape Navigator或Internet Explorer，服務(wù)

26、器安裝Oracle、MYSQL或 SQL Server等數(shù)據(jù)庫。瀏覽器通過Web Server 同數(shù)據(jù)庫進(jìn)行數(shù)據(jù)交互。 B/S最大的優(yōu)點就是可以在任何地方進(jìn)行操作而不用安裝任何專門的軟件。只要有一臺能上網(wǎng)的電腦就能使用，客戶端零維護(hù)。系統(tǒng)的擴展非常容易，只要能上網(wǎng)，再由系統(tǒng)管理員分配一個用戶名和密碼，就可以使用了。甚至可以在線申請，通過公司內(nèi)部的安全認(rèn)證后，系統(tǒng)可以自動分配給用戶一個賬號進(jìn)入系統(tǒng)。 二層架構(gòu)二層架構(gòu) 在二層架構(gòu)中，由同一程序來實現(xiàn)邏輯計算和數(shù)據(jù)處理，即把邏輯層與數(shù)據(jù)處理層合并為一層。這時，應(yīng)用服務(wù)器和數(shù)據(jù)庫服務(wù)器可能是同一臺計算機。根據(jù)客戶端程序的性質(zhì)，二層架構(gòu)也可以分為C/S

27、結(jié)構(gòu)和B/S結(jié)構(gòu)。二層架構(gòu)的結(jié)構(gòu)如圖所示： 數(shù)據(jù)展示層邏輯計算與數(shù)據(jù)處理放在同一層客戶端應(yīng)用服務(wù)器與數(shù)據(jù)庫服務(wù)器相互調(diào)用JSP技術(shù)支持的架構(gòu)技術(shù)支持的架構(gòu) JSP技術(shù)開發(fā)的程序架構(gòu)只是B/S結(jié)構(gòu)或C/S架構(gòu)。JSP技術(shù)的一般層次如圖所示： 客戶端瀏覽器JSP引擎與Web服務(wù)器相互調(diào)用數(shù)據(jù)庫服務(wù)器相互調(diào)用JSP頁面有如下3種形式： vJSP頁面由HTML元素與Java表達(dá)式組成。vJSP頁面由HTML元素與Servlet模塊組成。vJSP頁面由HTML元素與Bean組成。 2.4 應(yīng)用服務(wù)器應(yīng)用服務(wù)器 2.4.1 Web服務(wù)器 2.4.2 JSP引擎和Servlet引擎 Web服務(wù)器服務(wù)器 We

28、b服務(wù)器是一種請求/響應(yīng)模式的服務(wù)器。即由客戶端想服務(wù)器提出服務(wù)請求，服務(wù)器接收請求后，進(jìn)行服務(wù)處理，將處理的結(jié)果返回給客戶端。客戶端與服務(wù)器間的通信協(xié)議是HTTP協(xié)議。如圖： 客戶端瀏覽器Web服務(wù)器請求響應(yīng)處理 常見的Web服務(wù)器有Tomcat、WebLogic、WebSphere三種。這三種服務(wù)器都帶有JSP引擎和Servlet引擎。 JSP引擎和引擎和Servlet引擎引擎 JSP引擎和Servlet引擎都是系統(tǒng)模塊，即為應(yīng)用服務(wù)提供服務(wù)的模塊，也屬于Servlet模塊，它們隨著Web服務(wù)器啟動載入內(nèi)存，隨著Web服務(wù)器關(guān)閉而釋放。Servlet模塊分為兩類：一類是應(yīng)用Servlet，它是JSP頁面轉(zhuǎn)換并編譯的結(jié)果，也就是