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