【正文】 件的文件夾WebContent web站點(diǎn)文件存放文件夾|images 圖片文件夾|css 樣式文件夾|js js文件夾|…… 其他功能模塊文件夾(存放與某個(gè)功能模塊相關(guān)的資源) |WEBINF 網(wǎng)站配置及類和庫(kù)文件夾|classes 存放類編譯后的字節(jié)碼文件的文件夾|lib 存放jar文件的文件夾 制作一個(gè)帶包含文件的JSP頁(yè)面 任務(wù)描述與實(shí)現(xiàn)實(shí)現(xiàn)靜態(tài)包含功能，編寫(xiě)三個(gè)不同類型的文件，然后將這三個(gè)不同類型的文件靜態(tài)包含于某一JSP文件中 新知識(shí)點(diǎn)——JSP指令：page指令、include指令JSP指令是為JSP引擎而設(shè)計(jì)的。1. 顯式注釋語(yǔ)法(HTML注釋) ! 這是顯式注釋?? 2. 隱式注釋語(yǔ)法(1) // Java提供的單行注釋 (2) /* Java提供的多行注釋 */ (3) % JSP注釋 % 擴(kuò)展——代碼編寫(xiě)規(guī)范好的代碼應(yīng)該容易理解，并且見(jiàn)名知意的，因此大家都需要遵守一些約定，下面介紹一些常規(guī)的編寫(xiě)規(guī)范。使用方法見(jiàn)程序25所示。在表達(dá)式的語(yǔ)句中不能使用分號(hào)。如程序23，定義2個(gè)變量并輸出。 代碼段 % % 在JSP頁(yè)面中嵌入Java代碼來(lái)執(zhí)行特定的功能，其放置在% %標(biāo)記中。如在程序21中，進(jìn)行了求和方法的聲明。 聲明 % ！ % JSP中聲明部分可以進(jìn)行變量、方法和類的聲明，其一般在%!%標(biāo)簽中進(jìn)行。 新知識(shí)點(diǎn)——JSP頁(yè)面組成、聲明、代碼段、表達(dá)式、注釋JSP頁(yè)面由兩部分組成，一部分為靜態(tài)部分，即HTML標(biāo)記，用來(lái)完成數(shù)據(jù)頁(yè)面顯示；另一部分為動(dòng)態(tài)部分，用來(lái)完成數(shù)據(jù)處理，包括腳本元素、指令元素和動(dòng)作元素。圖21 求和效果實(shí)現(xiàn)過(guò)程： 1．新建JSP文件。通過(guò)本章的學(xué)習(xí)，讀者可以創(chuàng)建簡(jiǎn)單的JSP文件，并且進(jìn)行測(cè)試。1. 文件拷貝(1) 新建項(xiàng)目在Eclipse中新建project。 項(xiàng)目導(dǎo)入 項(xiàng)目導(dǎo)入可直接將文件拷貝至相應(yīng)文件夾中，也可導(dǎo)入War文件。因此，可以利用這些開(kāi)發(fā)工具各自的優(yōu)點(diǎn)，結(jié)合開(kāi)發(fā)Web程序，從而提高開(kāi)發(fā)效率。同時(shí)它還支持網(wǎng)站管理，包含HTML檢查、HTML格式控制、HTML格式化選項(xiàng)、HomeSite/BBEdit捆綁、圖像編輯、全局查找替換、全FTP功能、處理Flash和Shockwave等多媒體格式和動(dòng)態(tài)HTML，以及支持ASP、JSP、PHP、XML等程序語(yǔ)言的編寫(xiě)與調(diào)試。Eclipse最初是由IBM公司開(kāi)發(fā)的替代商業(yè)軟件Visual Age for Java的下一代IDE Eclipse，2001年11月貢獻(xiàn)給開(kāi)源社區(qū)，現(xiàn)在它由非盈利軟件供應(yīng)商聯(lián)盟Eclipse基金會(huì)(Eclipse Foundation)管理。Eclipse就其本身而言，它只是一個(gè)框架和一組服務(wù)，但可通過(guò)插件組件構(gòu)建集成開(kāi)發(fā)環(huán)境。雖然Eclipse本身只是一個(gè)框架平臺(tái)，但是眾多插件的支持使得Eclipse擁有其他功能相對(duì)固定的IDE軟件很難具有的靈活性。測(cè)試在Dreamweaver中編寫(xiě)的Web頁(yè)面，在Eclipse中運(yùn)行。此外，設(shè)置站點(diǎn)為JSP站點(diǎn)，并指定前綴。在本例中，項(xiàng)目文件都置于D:\workspace\ JavaWebExample中，因此以默認(rèn)選項(xiàng)配置；，其它部分按默認(rèn)配置，之后單擊“Finish”按鈕。4．在Eclipse中創(chuàng)建JavaWebExample項(xiàng)目在新建項(xiàng)目選擇對(duì)話框，選擇Dynamics Web Project，如圖124所示。2．下載并安裝DreamWeaver8 3．配置Eclipse開(kāi)發(fā)環(huán)境啟動(dòng)后，配置Web項(xiàng)目測(cè)試服務(wù)器。開(kāi)發(fā)過(guò)程采用Eclipse和Dreamweaver搭配開(kāi)發(fā)，設(shè)計(jì)顯示界面部分用Dreamweaver實(shí)現(xiàn)，代碼在界面制作自動(dòng)生成基礎(chǔ)上在Eclipse中編寫(xiě)，最后在Eclipse中測(cè)試運(yùn)行實(shí)現(xiàn)過(guò)程： 1．下載安裝Eclipse 到Eclipse的官方網(wǎng)站下載Eclipse IDE for Java EE Developers，下載后解壓即可使用。這里path保存的值是你在瀏覽器中輸入的值即虛擬目錄，docBase保存的值是你要訪問(wèn)的文件的物理絕對(duì)路徑。在Host和/Host標(biāo)簽之間加上虛擬目錄配置標(biāo)簽，即Context path=”/JavaWebExample” docBase=”D:\WorkSpace\JavaWebExample”/，其中path屬性值為虛擬目錄名稱，docBase屬性值為虛擬目錄指向的物理目錄。② ，輸入“歡迎”二字。Tomcat是Apache 軟件基金會(huì)（Apache Software Foundation）的Jakarta 項(xiàng)目中的一個(gè)核心項(xiàng)目，由Apache、Sun 和其他一些公司及個(gè)人共同開(kāi)發(fā)而成。Web服務(wù)器：JSP運(yùn)行時(shí)需要安裝JDK和Web服務(wù)器，目前使用較多的Web服務(wù)器有Tomcat、WebLogic、Jboss和Resin等。②軟件環(huán)境要求 集成開(kāi)發(fā)工具：集成開(kāi)發(fā)工具有NetBeans、Eclipse等。從另一方面。正是由于為了跨平臺(tái)的功能，為了極度的伸縮能力，所以極大的增加了產(chǎn)品的復(fù)雜性。這一點(diǎn)與ASP很像，Java已經(jīng)有了許多非常優(yōu)秀的開(kāi)發(fā)工具，而且許多可以免費(fèi)得到，并且其中許多已經(jīng)可以順利的運(yùn)行于多種平臺(tái)之下。從只有一個(gè)小的Jar文件就可以運(yùn)行Servlet/JSP，到由多臺(tái)服務(wù)器進(jìn)行集群和負(fù)載均衡，到多臺(tái)Application進(jìn)行事務(wù)處理，消息處理，一臺(tái)服務(wù)器到無(wú)數(shù)臺(tái)服務(wù)器，Java顯示了一個(gè)巨大的生命力。相比ASP/PHP的局限性是顯而易見(jiàn)的。系統(tǒng)的多平臺(tái)支持。JSP的優(yōu)勢(shì)： 一次編寫(xiě)，到處運(yùn)行。插入的Java程序段可以操作數(shù)據(jù)庫(kù)、重新定向網(wǎng)頁(yè)等，以實(shí)現(xiàn)建立動(dòng)態(tài)網(wǎng)頁(yè)所需要的功能。它是在傳統(tǒng)的網(wǎng)頁(yè)HTML文件(*.htm,*.html)中插入Java程序段(Scriptlet)和JSP標(biāo)記(tag)，從而形成JSP文件(*.jsp)。對(duì)于C/S結(jié)構(gòu)的應(yīng)用軟件，若要在客戶機(jī)運(yùn)行，就必須在先安裝，而且每次對(duì)系統(tǒng)做了微小的改動(dòng)，所有客戶機(jī)的應(yīng)用軟件都需要更新。B/S技術(shù)跟C/S技術(shù)的區(qū)別： C/S（客戶機(jī)/服務(wù)器）結(jié)構(gòu)分為客戶機(jī)和服務(wù)器兩層，一般將應(yīng)用軟件安裝在客戶機(jī)端，通過(guò)網(wǎng)絡(luò)與服務(wù)器相互通信，實(shí)現(xiàn)交互，如、飛信、MSN等軟件。例如，在論壇發(fā)布信息，后臺(tái)服務(wù)器將自動(dòng)生成新的網(wǎng)頁(yè)內(nèi)容。因此，采用動(dòng)態(tài)網(wǎng)頁(yè)技術(shù)的網(wǎng)站可以實(shí)現(xiàn)與用戶的交互功能，如用戶注冊(cè)、用戶登錄、信息查詢等。動(dòng)態(tài)網(wǎng)頁(yè)的特點(diǎn)： 交互性好：即網(wǎng)頁(yè)會(huì)根據(jù)用戶需求和選擇而動(dòng)態(tài)改變和響應(yīng)。如：當(dāng)?shù)卿浀秸搲瘯r(shí)，作為論壇管理員身份，就可以看到“刪除”、“修改”等操作；作為論壇普通用戶身份，則只能看到帖子的瀏覽頁(yè)面。啟動(dòng)Tomcat后，在地址欄中輸入://localhost:8080，若出現(xiàn)圖11的顯示效果，則Tomcat已正常安裝并運(yùn)行。安裝完成之后，在程序菜單中可以看到Tomcat的選項(xiàng)，如圖18所示。安裝完畢后，提示安裝完成，如圖17所示。第四步為選擇JDK的安裝路徑，如圖16所示，選擇在之前第1步操作中安裝的JDK所在的位置。第二步選擇路徑，按照系統(tǒng)默認(rèn)路徑即可。下載后，雙擊安裝，如圖13所示。下載后雙擊安裝，畫(huà)面如圖12所示，按“下一步”操作直到完成。目前，提供下載的最新版本為JDK7。如圖11所示。課題：第一章 Java Web概述【教學(xué)目標(biāo)】 掌握J(rèn)SP運(yùn)行環(huán)境的搭建，能進(jìn)行簡(jiǎn)單的JSP程序編寫(xiě)與運(yùn)行?！窘虒W(xué)重點(diǎn)】Eclipse+Dreamweaver工具、項(xiàng)目的導(dǎo)入、導(dǎo)出、發(fā)布打包【教學(xué)難點(diǎn)】Eclipse+Dreamweaver工具、項(xiàng)目的導(dǎo)入、導(dǎo)出、發(fā)布打包【教學(xué)方法】講解、討論【教學(xué)地點(diǎn)】教學(xué)樓、綜合樓【課時(shí)安排】4課時(shí)【教學(xué)過(guò)程】 配置JSP運(yùn)行環(huán)境 任務(wù)描述與實(shí)現(xiàn)正確安裝Tomcat服務(wù)器，并顯示其歡迎頁(yè)面。圖1 1 使用Tomcat歡迎頁(yè)面實(shí)現(xiàn)過(guò)程： 1．安裝JDK 安裝Tomcat服務(wù)器前首先安裝JDK(Java Development Kit)，其包括了Java運(yùn)行環(huán)境，Java工具和Java基礎(chǔ)的類庫(kù)。讀者可到官方網(wǎng)站下載，下載地址為。 圖1 2 JDK安裝界面2．安裝Tomcat Tomcat官方網(wǎng)站下載地址：。點(diǎn)擊Next到第一步，進(jìn)行安裝組件選擇，如圖14所示。第三步為配置Tomcat端口信息和賬號(hào)信息，如圖15所示，按照實(shí)際配置即可。之后單擊“Next”開(kāi)始安裝。單擊“Finish”完成Tomcat的安裝。點(diǎn)擊Monitor Tomcat，可在任務(wù)欄看到Tomcat的服務(wù)圖標(biāo)，如圖19所示，雙擊該圖標(biāo)，彈出如圖110所示的Tomcat啟動(dòng)界面，在此界面中可以選擇啟動(dòng)或停止Tomcat服務(wù)。圖13 Tomcat安裝：歡迎界面 新知識(shí)點(diǎn)——JSP概述、Tomcat目錄結(jié)構(gòu)、虛擬目錄配置 JSP概述1. 動(dòng)態(tài)網(wǎng)頁(yè)動(dòng)態(tài)網(wǎng)頁(yè)是在服務(wù)器運(yùn)行的程序或者網(wǎng)頁(yè)，它們會(huì)隨不同用戶、不同時(shí)間、不同需求，返回不同的內(nèi)容。動(dòng)態(tài)網(wǎng)頁(yè)會(huì)使用服務(wù)器端腳本語(yǔ)言，比如目前流行的JSP等，訪問(wèn)動(dòng)態(tài)網(wǎng)頁(yè)時(shí)會(huì)獲取最新內(nèi)容顯示，這就是為什么不同時(shí)間訪問(wèn)網(wǎng)頁(yè)顯示內(nèi)容會(huì)發(fā)生變化的原因。例如用戶在網(wǎng)頁(yè)中填寫(xiě)表單信息并提交，服務(wù)器經(jīng)過(guò)處理將信息自動(dòng)存儲(chǔ)到后臺(tái)數(shù)據(jù)庫(kù)中，并轉(zhuǎn)到相應(yīng)提示頁(yè)面。自動(dòng)更新：對(duì)于網(wǎng)頁(yè)設(shè)計(jì)者來(lái)說(shuō)，無(wú)需每次修改頁(yè)面內(nèi)容，只需在后臺(tái)添加或者刪除要顯示的信息即可。2．B/S技術(shù)使用動(dòng)態(tài)網(wǎng)頁(yè)技術(shù)開(kāi)發(fā)網(wǎng)站實(shí)際上是B/S技術(shù)的一種應(yīng)用，因此，要更好地理解動(dòng)態(tài)網(wǎng)頁(yè)的開(kāi)發(fā)原理，首先需要了解B/S技術(shù)的一些基本概念。對(duì)于這類系統(tǒng)的結(jié)構(gòu)如圖111所示。3. JSP簡(jiǎn)介(1) 什么是JSP JSP(Java Server Pages)是由Sun Microsystems公司倡導(dǎo)、許多公司參與一起建立的一種動(dòng)態(tài)網(wǎng)頁(yè)技術(shù)標(biāo)準(zhǔn)。Web服務(wù)器在遇到訪問(wèn)JSP網(wǎng)頁(yè)的請(qǐng)求時(shí)，首先對(duì)其中的Java代碼進(jìn)行處理，然后將執(zhí)行結(jié)果連同JSP文件中的HTML代碼一起返回給客戶的瀏覽器。 4．JSP的特點(diǎn)JSP最大的優(yōu)點(diǎn)是開(kāi)發(fā)的跨平臺(tái)結(jié)構(gòu)，它可以運(yùn)行在幾乎所有的操作系統(tǒng)平臺(tái)。在這一點(diǎn)上Java比PHP更出色，除了系統(tǒng)之外，代碼不用做任何更改?；旧峡梢栽谒衅脚_(tái)上的任意環(huán)境中開(kāi)發(fā)，在任意環(huán)境中進(jìn)行系統(tǒng)部署，在任意環(huán)境中擴(kuò)展。強(qiáng)大的可伸縮性。多樣化和功能強(qiáng)大的開(kāi)發(fā)工具支持。JSP的劣勢(shì)： 與ASP一樣，Java的一些優(yōu)勢(shì)正是它致命的問(wèn)題所在。Java的運(yùn)行速度是用class常駐內(nèi)存來(lái)完成的，所以它在一些情況下所使用的內(nèi)存比起用戶數(shù)量來(lái)說(shuō)確實(shí)是“最低性能價(jià)格比”了。5. JSP開(kāi)發(fā)及運(yùn)行環(huán)境要求① 操作系統(tǒng)要求操作系統(tǒng)可以選擇Windows操作系統(tǒng)、Unix操作系統(tǒng)和Linux操作系統(tǒng)等。本書(shū)選用Eclipse。本書(shū)選用Tomcat。 虛擬目錄配置配置JavaWebExample的虛擬目錄，方法如下： 1．前期準(zhǔn)備工作① 在D盤(pán)建立D:\WorkSpace\JavaWebExample的文件夾（也可以建立在其他磁盤(pán)）。2. 配置Tomcat虛擬目錄① 。修改后如圖116所示。 任務(wù)描述與實(shí)現(xiàn)任務(wù)描述： 利用Dreamweaver、Eclipse搭配開(kāi)發(fā)一個(gè)簡(jiǎn)單的JSP網(wǎng)頁(yè)。Eclipse官方網(wǎng)站。打開(kāi)Window→Preferences菜單，選擇Server→Runtime Environments選項(xiàng)，然后選擇添加服務(wù)器，添加已經(jīng)安裝的Tomcat 。單擊“Next”按鈕后，出現(xiàn)如圖125所示的對(duì)話框，填寫(xiě)項(xiàng)目名稱JavaWebExample，選擇與項(xiàng)目相關(guān)的信息。5．在Dreamweaver中創(chuàng)建JavaWebExample站點(diǎn)在Dreamweaver中創(chuàng)建站點(diǎn)時(shí)，其站點(diǎn)根目錄指向在Eclipse中創(chuàng)建的項(xiàng)目的WebContent目錄，本例的根目錄為D:\workspace\ JavaWebExample\WebContent，如圖129所示。6．測(cè)試。本例中為了方便演示， 新知識(shí)點(diǎn)——Eclipse、Dreamweaver工具簡(jiǎn)介 Eclipse簡(jiǎn)介Eclipse是著名的跨平臺(tái)的自由集成開(kāi)發(fā)環(huán)境(IDE)，最初主要用于Java語(yǔ)言開(kāi)發(fā)，目前也有人通過(guò)插件使其作為其他計(jì)算機(jī)語(yǔ)言(如C++和Python)的開(kāi)發(fā)工具。許多軟件開(kāi)發(fā)商以Eclipse為框架開(kāi)發(fā)自己的IDE。Eclipse附帶了一個(gè)標(biāo)準(zhǔn)的插件集，包括Java開(kāi)發(fā)工具(Java Development Tools，JDT)。 Dreamweaver簡(jiǎn)介 Dreamweaver，簡(jiǎn)稱DW，是一款有著多年歷史和良好口碑的可視化網(wǎng)頁(yè)編輯工具，它最大的優(yōu)點(diǎn)就是所見(jiàn)即所得，對(duì)W3C網(wǎng)頁(yè)標(biāo)準(zhǔn)化支持十分到位。 工具聯(lián)合開(kāi)發(fā)調(diào)試項(xiàng)目 使用Eclipse開(kāi)發(fā)程序時(shí)，雖然系統(tǒng)框架結(jié)構(gòu)會(huì)給你帶來(lái)方便，但并不太適合于開(kāi)發(fā)Web顯示界面，而Dreamweaver開(kāi)發(fā)Web頁(yè)面時(shí)可以實(shí)現(xiàn)所見(jiàn)即所得的效果，頁(yè)面也遵循W3C國(guó)際標(biāo)準(zhǔn)。 擴(kuò)展——現(xiàn)有項(xiàng)目導(dǎo)入、導(dǎo)出、發(fā)布打包對(duì)于程序員來(lái)說(shuō)，有時(shí)需要將現(xiàn)有項(xiàng)目導(dǎo)入、導(dǎo)出和發(fā)布打包，下面介紹如何將項(xiàng)目導(dǎo)入、導(dǎo)出和發(fā)布打包。下面先來(lái)介紹第一種方法。新建項(xiàng)目test，此時(shí)src及WebContent均為空，【教學(xué)小結(jié)】 本章介紹了進(jìn)行Java Web應(yīng)用開(kāi)發(fā)的特點(diǎn)，B/S架構(gòu)的優(yōu)勢(shì)，介紹了Java Web程序的服務(wù)器運(yùn)行的安裝配置及開(kāi)發(fā)工具的搭配使用，重點(diǎn)介紹了JDK、Tomcat的安裝與配置，以及利用DreamWeaver與Eclipse搭配開(kāi)發(fā)項(xiàng)目。課題：第二章 JSP語(yǔ)法【教學(xué)目標(biāo)】 掌握J(rèn)SP的頁(yè)面組成，掌握J(rèn)SP簡(jiǎn)單網(wǎng)站的制作【教學(xué)重點(diǎn)】page指令、include指令、tablib指令、jsp:include動(dòng)作指令、j