第一章JSP基礎(chǔ)

1、Web應(yīng)用系統(tǒng)設(shè)計(jì)教師：劉城霞 副教授郵箱：課程簡(jiǎn)介集中2周機(jī)房上課強(qiáng)調(diào)實(shí)踐！主要內(nèi)容包括：JSP基本語(yǔ)法、數(shù)據(jù)庫(kù)應(yīng)用、Struts 2 框架技術(shù)實(shí)驗(yàn)內(nèi)容包括：循序漸進(jìn)做一個(gè)完整的網(wǎng)站（如：網(wǎng)絡(luò)商城）講課內(nèi)容第一章：JavaEE應(yīng)用概述第二章：JavaBean技術(shù)第三章：Severlet技術(shù)第四章：數(shù)據(jù)庫(kù)應(yīng)用JDBC技術(shù)第五章：JavaEE框架與MVC模式應(yīng)用開(kāi)發(fā)Structs框架（重點(diǎn)）Hibernate框架及Spring框架（介紹）實(shí)踐內(nèi)容基礎(chǔ)實(shí)踐帶參數(shù)傳遞的簡(jiǎn)單頁(yè)面留言板模擬用戶登錄顯示圖書(shū)信息投票器用戶注冊(cè)綜合實(shí)踐博客網(wǎng)站、網(wǎng)絡(luò)商城、圖書(shū)館管理系統(tǒng)、學(xué)生信息管理系統(tǒng)、網(wǎng)上書(shū)店 等均可。

2、第一章 JavaEE應(yīng)用概述Web應(yīng)用系統(tǒng)開(kāi)發(fā)概述；應(yīng)用系統(tǒng)開(kāi)發(fā)概述；HTML與與CSS及及JavaScript腳本；腳本；JSP基礎(chǔ)；基礎(chǔ)；創(chuàng)建第一個(gè)網(wǎng)站！創(chuàng)建第一個(gè)網(wǎng)站！1.Web應(yīng)用系統(tǒng)開(kāi)發(fā)概述 隨著網(wǎng)絡(luò)技術(shù)的不斷發(fā)展，各種各樣的網(wǎng)絡(luò)程序開(kāi)發(fā)體系結(jié)構(gòu)應(yīng)運(yùn)而生。運(yùn)用最多的網(wǎng)絡(luò)應(yīng)用程序開(kāi)發(fā)體系結(jié)構(gòu)可以分為兩種，一種是基于瀏覽器/服務(wù)器的B/S結(jié)構(gòu)，另一種是基于客戶端/服務(wù)器的C/S結(jié)構(gòu)。 C/S是Client/Server的縮寫(xiě)，即客戶端/服務(wù)器結(jié)構(gòu)。在這種結(jié)構(gòu)中，服務(wù)器通常采用高性能的PC機(jī)或工作站，并采用大型數(shù)據(jù)庫(kù)系統(tǒng)（如Oracle或SQL Server），客戶端則需要安裝專用的客戶端

3、軟件。C/S結(jié)構(gòu)介紹 B/S是Brower/Server的縮寫(xiě)，即瀏覽器/服務(wù)器結(jié)構(gòu)。在這種結(jié)構(gòu)中，客戶端不需要開(kāi)發(fā)任何用戶界面，而統(tǒng)一采用如IE和火狐等瀏覽器，通過(guò)Web瀏覽器向Web服務(wù)器發(fā)送請(qǐng)求，由Web服務(wù)器進(jìn)行處理，并將處理結(jié)果逐級(jí)傳回客戶端。B/S結(jié)構(gòu)介紹Web簡(jiǎn)介 Web是WWW（World Wide Web）的簡(jiǎn)稱，引申為“環(huán)球網(wǎng)”，在不同的領(lǐng)域，有不同的含義。針對(duì)普通的用戶，Web僅僅只是一種環(huán)境互聯(lián)網(wǎng)的使用環(huán)境；而針對(duì)網(wǎng)站制作或設(shè)計(jì)者，它是一系列技術(shù)的總稱（包括網(wǎng)站的頁(yè)面布局、后臺(tái)程序、美工、數(shù)據(jù)庫(kù)領(lǐng)域等）。 Web開(kāi)發(fā)技術(shù)大體上也可以被分為客戶端技術(shù)和服務(wù)端技術(shù)兩大類。其

4、中，客戶端應(yīng)用的技術(shù)主要用于展現(xiàn)信息內(nèi)容，而服務(wù)器端應(yīng)用的技術(shù)，則主要用于進(jìn)行業(yè)務(wù)邏輯的處理和與數(shù)據(jù)庫(kù)的交互等。Web的工作原理 在Web中，信息資源將以Web頁(yè)面的形式分別存放在各個(gè)Web服務(wù)器上，用戶可以通過(guò)瀏覽器選擇并瀏覽所需的信息。2.HTML與與CSS及及JavaScript腳本腳本 （1）HTML 下圖是一個(gè)基本的HTML 文檔，組成文檔的各元素如下： CSS樣式表有4種定義與引用方式，分別為行內(nèi)樣式、內(nèi)嵌式、鏈接式和導(dǎo)入式，我們可以根據(jù)實(shí)際情況選擇合適的定義方式。u行內(nèi)樣式u內(nèi)嵌式u鏈接式u導(dǎo)入式（2）CSS樣式表的定義與引用在CSS樣式表中包括3部分內(nèi)容：選擇符、屬性和屬性值。

5、語(yǔ)法格式為：選擇符屬性：屬性值;CSS規(guī)則JavaScriptu基本語(yǔ)法u數(shù)據(jù)類型u變量u運(yùn)算符（3）JavaScript的語(yǔ)言基礎(chǔ)uJavaScript區(qū)分大小寫(xiě)。例如，變量goodsName與變量goodsname是兩個(gè)不同的變量。u每行結(jié)尾可以加分號(hào)表示語(yǔ)句結(jié)束；也可以不加分號(hào)，JavaScript會(huì)自動(dòng)將該行代碼的結(jié)尾作為語(yǔ)句的結(jié)尾。u變量是弱類型的，因此在定義變量時(shí)，只使用var運(yùn)算符就可以將變量初始化為任意的值。u使用大括號(hào)標(biāo)記代碼段，被封裝在大括號(hào)內(nèi)的語(yǔ)句將按順序執(zhí)行。uJavaScript提供了兩種注釋，使用雙斜線“/”開(kāi)頭的單行注釋和以“/*”開(kāi)頭，以“*/”結(jié)尾的多行注釋。

6、基本語(yǔ)法注意事項(xiàng)3. JSP基礎(chǔ)基礎(chǔ) JSP開(kāi)發(fā)的Web應(yīng)用程序是基于Java的，它擁有Java語(yǔ)言跨平臺(tái)的特性，以及業(yè)務(wù)代碼分離、組件重用、Servlet功能和預(yù)編譯等特征。（1）jsp頁(yè)面的基本構(gòu)成頁(yè)面的基本構(gòu)成（2）指令標(biāo)識(shí)）指令標(biāo)識(shí)（3）腳本標(biāo)識(shí)）腳本標(biāo)識(shí)（4）注釋）注釋（5）動(dòng)作標(biāo)識(shí)）動(dòng)作標(biāo)識(shí)（1）JSP頁(yè)面的基本構(gòu)成 指令標(biāo)識(shí) HTML 代碼令標(biāo)識(shí) 嵌入的 Java 代碼令標(biāo)識(shí) HTML 注釋 HTML 代碼 （2）指令標(biāo)識(shí) page指令 include指令 taglib指令page指令 這是JSP頁(yè)面最常用的指令，用于定義整個(gè)JSP頁(yè)面的相關(guān)屬性，這些屬性在JSP被服務(wù)器解析成S

7、ervlet時(shí)會(huì)轉(zhuǎn)換為相應(yīng)的Java程序代碼。page指令的語(yǔ)法格式如下： include指令 include指令的語(yǔ)法格式如下： taglib指令 在JSP文件中，可以通過(guò)taglib指令標(biāo)識(shí)聲明該頁(yè)面中所使用的標(biāo)簽庫(kù)，同時(shí)引用標(biāo)簽庫(kù)，并指定標(biāo)簽的前綴。在頁(yè)面中，引用標(biāo)簽庫(kù)后，就可以通過(guò)前綴來(lái)引用標(biāo)簽庫(kù)中的標(biāo)簽。taglib指令的語(yǔ)法格式如下： uprefixprefix屬屬性：用于指定性：用于指定標(biāo)簽標(biāo)簽的前的前綴綴。該該前前綴綴不能命名不能命名為為jspjsp、jspxjspx、javajava、javaxjavax、sunsun、servletservlet和和sunwsunw。uur

8、iuri屬屬性：用于指定性：用于指定標(biāo)簽庫(kù)標(biāo)簽庫(kù)文件的存放位置。文件的存放位置。（3）腳本標(biāo)識(shí) JSP表達(dá)式（Expression） 聲明標(biāo)識(shí)（Declaration） 代碼片段JSP表達(dá)式（Expression）JSP表達(dá)式用于向頁(yè)面中輸出信息，其語(yǔ)法格式如下： u 表達(dá)式：可以是任何Java語(yǔ)言的完整表達(dá)式。該表達(dá)式的最終運(yùn)算結(jié)果將被轉(zhuǎn)換為字符串。聲明標(biāo)識(shí)（Declaration） 聲明標(biāo)識(shí)用于在JSP頁(yè)面中定義全局的變量或方法。通過(guò)聲明標(biāo)識(shí)定義的變量和方法可以被整個(gè)JSP頁(yè)面訪問(wèn)，所以通常使用該標(biāo)識(shí)定義整個(gè)JSP頁(yè)面都需要引用的變量或方法。 聲明標(biāo)識(shí)的語(yǔ)法格式如下： 代碼片段 所謂代碼片

9、段就是在JSP頁(yè)面中嵌入的Java代碼或是腳本代碼。代碼片段將在頁(yè)面請(qǐng)求的處理期間被執(zhí)行，通過(guò)Java代碼可以定義變量或是流程控制語(yǔ)句等；而通過(guò)腳本代碼可以應(yīng)用JSP的內(nèi)置對(duì)象在頁(yè)面輸出內(nèi)容、處理請(qǐng)求和響應(yīng)、訪問(wèn)session會(huì)話等。代碼片段的語(yǔ)法格式如下： （4）注釋 HTML中的注釋 代碼片段中的注釋 隱藏注釋 動(dòng)態(tài)注釋HTML中的注釋 HTML語(yǔ)言的注釋不會(huì)被顯示在網(wǎng)頁(yè)中，但是在瀏覽器中選擇查看網(wǎng)頁(yè)源代碼時(shí)，還是能夠看到注釋信息的。 語(yǔ)法： 隱藏注釋 通過(guò)在文檔中添加的HTML注釋雖然在瀏覽器中不顯示，但是可以通過(guò)查看源代碼看到這些注釋信息。所以嚴(yán)格來(lái)說(shuō)，這種注釋是不安全的。不過(guò)JSP還

10、提供了一種隱藏注釋，這種注釋不僅在瀏覽器中看不到，而且在查看HTML源代碼時(shí)，也看不到，所以這種注釋的安全性比較高。 隱藏注釋的語(yǔ)法格式如下： 動(dòng)態(tài)注釋 由于HTML注釋對(duì)JSP嵌入的代碼不起作用，因此可以利用它們的組合構(gòu)成動(dòng)態(tài)的HTML注釋文本。 在JSP頁(yè)面中添加動(dòng)態(tài)注釋。示例代碼如下： !- 代碼片段中的注釋 在JSP頁(yè)面中可以嵌入代碼片段，在代碼片段中也可加入注釋。在代碼片段中加入的注釋同Java的注釋相同，同樣也是包括以下3種情況。 1、單行注釋 2、多行注釋 3、提示文檔注釋 （5）動(dòng)作標(biāo)識(shí) 包含外部文件的動(dòng)作標(biāo)識(shí) 執(zhí)行請(qǐng)求轉(zhuǎn)發(fā)的動(dòng)作標(biāo)識(shí) 設(shè)置參數(shù)的子動(dòng)作標(biāo)識(shí) 操作JavaBean

11、的動(dòng)作標(biāo)識(shí)操作JavaBean的動(dòng)作標(biāo)識(shí)u 創(chuàng)建JavaBean實(shí)例并設(shè)置JavaBean各屬性的值u 獲取JavaBean實(shí)例各屬性的值語(yǔ)法格式：語(yǔ)法格式：jsp:useBean id=/jsp:setProperty name=JavaBean/!- !- 多個(gè)子動(dòng)作標(biāo)識(shí)多個(gè)子動(dòng)作標(biāo)識(shí) - -獲取獲取JavaBeanJavaBean實(shí)例各屬性的值可以通過(guò)實(shí)例各屬性的值可以通過(guò)標(biāo)識(shí)實(shí)現(xiàn)。標(biāo)識(shí)實(shí)現(xiàn)。其語(yǔ)法格式如下：其語(yǔ)法格式如下：jsp:getProperty name=JavaBean/包含外部文件的動(dòng)作標(biāo)識(shí)執(zhí)行請(qǐng)求轉(zhuǎn)發(fā)的動(dòng)作標(biāo)識(shí) 傳遞參數(shù)標(biāo)識(shí) JSP的動(dòng)作標(biāo)識(shí)可以作為其他標(biāo)識(shí)的子標(biāo)識(shí)，用于

12、為其他標(biāo)識(shí)傳遞參數(shù)。語(yǔ)法格式如下： u name屬性：用于指定參數(shù)名稱。u value屬性：用于設(shè)置對(duì)應(yīng)的參數(shù)值。 JSP網(wǎng)站的執(zhí)行過(guò)程：當(dāng)客戶端瀏覽器向服務(wù)器發(fā)出請(qǐng)求訪問(wèn)一個(gè)JSP頁(yè)面時(shí)，服務(wù)器根據(jù)該請(qǐng)求加載相應(yīng)的JSP頁(yè)面，并對(duì)該頁(yè)面進(jìn)行編譯，然后執(zhí)行。如下圖所示。4.創(chuàng)建第一個(gè)網(wǎng)站！ 在搭建JSP網(wǎng)站的開(kāi)發(fā)環(huán)境時(shí)，首先需要安裝開(kāi)發(fā)工具包JDK，然后安裝Web服務(wù)器和數(shù)據(jù)庫(kù)，這時(shí)Java Web應(yīng)用的開(kāi)發(fā)環(huán)境就搭建完成了。為了提高開(kāi)發(fā)效率，通常還需要安裝IDE（集成開(kāi)發(fā)環(huán)境）工具。JSP開(kāi)發(fā)及運(yùn)行環(huán)境u開(kāi)發(fā)工具包JDKuWeb服務(wù)器u數(shù)據(jù)庫(kù)uWeb瀏覽器實(shí)例第一個(gè)實(shí)例：第一個(gè)實(shí)例：“這是我的第一個(gè)這是我的第一個(gè)JSP頁(yè)面頁(yè)面”步驟：創(chuàng)建項(xiàng)目創(chuàng)建JSP文件配置Web服務(wù)器發(fā)布項(xiàng)目到Tomcat服務(wù)器并運(yùn)行實(shí)例第二個(gè)實(shí)例第二個(gè)實(shí)例:動(dòng)態(tài)動(dòng)態(tài)Web項(xiàng)目，