1、 Java EE應(yīng)用開發(fā)及實訓(xùn)黃能耿2013 年 2 月 目 錄項目 1 初識 Java EE3項目 2 Web客戶端編程 11項目 3 數(shù)據(jù)庫訪問技術(shù)錯誤！未定義書簽。項目 4 用 JSP 技術(shù)實現(xiàn)聊天室19項目 5 用 Java Bean 技術(shù)改進(jìn)聊天室 21項目 6 用 Hibernate 技術(shù)增強(qiáng)聊天室22項目 7 用 Struts2 技術(shù)增強(qiáng)聊天室（一）24項目 8 用 Struts2 技術(shù)增強(qiáng)聊天室（二）25項目 9 用 Spring 技術(shù)配置聊天室 26項目 10 聊天室項目的發(fā)布27項目 11 綜合案例28附錄 A MySQL 簡介錯誤！未定義書簽。附錄 B Tomcat簡介

2、錯誤！未定義書簽。參考文獻(xiàn)錯誤！未定義書簽。 項目1 初識 Java EEJava EE 即 Java 平臺企業(yè)版（Java Platform Enterprise Edition），是為企業(yè)級應(yīng)用而推出的標(biāo)準(zhǔn)平臺，它的主要應(yīng)用是開發(fā) Web 動態(tài)網(wǎng)站。目標(biāo)：本項目將帶你進(jìn)入 Java EE 世界，首先是學(xué)會安裝 Java EE 的開發(fā)環(huán)境，然后創(chuàng)建、編寫、運行第一個Java EE 項目。在這個基礎(chǔ)上，再帶你了解Java EE 技術(shù)以及 Web 相關(guān)的概念。1.1 項目一：Hello, World1.1.1 需求分析這是第一次進(jìn)行 Java EE 開發(fā)，項目的需求是：1、 完成開發(fā)環(huán)境的選擇和

3、安裝。2、 創(chuàng)建第一個項目 Hello, World。3、 編寫各種類型的網(wǎng)頁，網(wǎng)頁的類型包括： 靜態(tài)網(wǎng)頁 客戶端動態(tài)網(wǎng)頁 服務(wù)器端動態(tài)網(wǎng)頁4、 運行這個網(wǎng)站，通過瀏覽器訪問這些網(wǎng)頁來了解它們之間的區(qū)別。1.1.2 步聚一：開發(fā)環(huán)境的安裝1. 安裝 JDK從 /technetwork/java/index.html下載 JDK 軟件，注意該軟件有不同的操作系統(tǒng)版本，其中有 Linux 平臺和 Windows 平臺的區(qū)別，也有 32 位版本和 64 位版本的區(qū)別，本書使用的是 jdk-6u20-windows-i586.exe，是 32 位 Windows 平臺的版本。直接運行該文件，即可完成安

4、裝。2. 安裝 Eclipse從 /下載 Eclipse，該軟件也同樣有不同操作系統(tǒng)的版本，本書用的是 eclipse-jee-galileo-SR2-win32.zip，這是32 位 Windows 平臺的版本。安裝時只要直接將其解壓縮到一個目錄即可，本書將其解壓到 E:jeeeclipse 目錄。3. 安裝 Tomcat從 下載 Tomcat，該軟件可以下載跨平臺的版本，本書用的是apache-tomcat-6.0.16-2.tar.gz，它可以在 Windows 和 Linux 下通用。安裝時只要直接將其解壓縮到一個目錄即可，本書將其解壓到 E:jeeapache-tomcat-6.0.

5、16 目錄。1.1.3 步聚二：創(chuàng)建 Hello, World 項目從主菜單選擇 New Project，將彈出“新建項目”窗口，用于選擇項目的類型，本書創(chuàng)建的項目的類型都是“動態(tài) Web 項目”，方法是選擇 Web Dynamic Web Projec（t 圖 1-1）。 圖 1-1 選擇新建項目的類型點擊 Next 按鈕后，將彈出“新建動態(tài)Web項目”窗口，填寫項目名稱，本節(jié)將項目命名為 hello，其余參數(shù)采用默認(rèn)值。點擊 Finish 按鈕，完成項目的創(chuàng)建（圖 1-2）。圖 1-2 為新建項目命名這時在 Project Explorer 中可以看到新建項目的結(jié)構(gòu)（圖 1-3），其中 s

6、rc 是 Java 源代碼目錄，WebContent是網(wǎng)站內(nèi)容目錄，在這個目錄中將保存所有網(wǎng)站內(nèi)容，包括網(wǎng)頁、圖片、動畫、視頻片段等，在這個目錄下還有一個 WEB-INF 目錄，它保存與網(wǎng)站有關(guān)的庫文件、類文件，以及配置文件 web.xml。 圖 1-3 新建項目的結(jié)構(gòu)1.1.4 步聚三：編寫靜態(tài)網(wǎng)頁創(chuàng)建項目結(jié)束，就可以開始編寫網(wǎng)頁。首先編寫的是一個靜態(tài)網(wǎng)頁，命名為world。方法是從 WebContent目錄的右鍵菜單選擇 new HTML Page。然后在彈出的“新建 HTML網(wǎng)頁”窗口中填寫網(wǎng)頁的文件名為 world，點擊 Finish，完成靜態(tài)網(wǎng)頁的創(chuàng)建（圖 1-4）。圖 1-4 創(chuàng)建

7、靜態(tài)網(wǎng)頁這時 Eclipse 生成一個靜態(tài)網(wǎng)頁 world.html，它位于 WebContent目錄之下，新建的文件在編輯區(qū)被打開（圖 1-5）。 圖 1-5 編輯靜態(tài)網(wǎng)頁這是一個 HTML 文件，并且自動生成了一些主要的標(biāo)簽。我們現(xiàn)在需要做的是修改這個文件，在標(biāo)簽內(nèi)插入文字“Hello, world! 您好，Java EE 世界！”作為這個網(wǎng)頁的測試內(nèi)容（圖 1-5）。1.1.5 步聚四：運行網(wǎng)站下一步是運行這個網(wǎng)站，測試項目的結(jié)果。這個步聚需要分為下述幾個子步聚：1. 添加 Web 服務(wù)器方法是通過點擊服務(wù)器（Servers）選項卡的標(biāo)題，打開Servers 選項卡，在 Servers

8、區(qū)的空白處（圖 1-5 的箭頭所示部分），從其右鍵菜單中選擇 New Server，從彈出的“新建服務(wù)器”窗口，選擇Apache 下的 Tomcat v6.0 Server，在下一步中通過“瀏覽”Browser 按鈕，選擇 Tomcat 的安裝目錄（即步聚一中 Tomcat 的解壓目錄）。點擊 Finish 完成（圖 1-6）。圖 1-6 添加 Web 服務(wù)器2. 將項目添加到服務(wù)器這時在 Server 區(qū)出現(xiàn)了新添加的服務(wù)器，名為 Tomcat v6.0 Server at localhost。從這個服 務(wù)器的右鍵菜單上選擇 Add and remove，在“添加和移除”窗口選擇將要添加的項

9、目，然后點擊 Add 按鈕，該項目將移入右邊的窗格中。點擊 Finish 按鈕（圖 1-7）。圖 1-7 添加和移除窗口這時可以看到項目已添加到服務(wù)器上（圖 1-8）。圖 1-8 項目已添加到服務(wù)器上3. 啟動服務(wù)器啟動服務(wù)器只需簡單的一步，當(dāng)服務(wù)器 Tomcat v6.0 Server at localhost 被選中時，點擊其右上方的綠色三角形按鈕，就可啟動 Tomcat，這時顯示運行狀態(tài)的紅色圖標(biāo)，同時 Console窗口將輸出啟動過程的有關(guān)信息，注意其中的內(nèi)容Starting Coyote HTTP/1.1 on http-8080 ，表示這個 Web 服務(wù)器的端口號是 8080（圖

10、1-9）。圖 1-9 Tomcat的啟動信息4. 用瀏覽器查看結(jié)果打開一個瀏覽器（Firefox、Chrome 或 IE），在地址欄輸入地址：:8080/hello/world.html其中 是本機(jī)的 IP 地址，8080 是端口號，hello 是項目的名稱，world.html 是網(wǎng) 頁的文件名。注意項目名稱和文件名部分是大小寫敏感的。圖 1-10 用 Google 瀏覽器查看網(wǎng)頁1.1.6 步聚五：服務(wù)器端動態(tài)網(wǎng)頁我們在步聚三編寫了一個靜態(tài)網(wǎng)頁，在步聚四運行這個網(wǎng)站，并通過瀏覽器訪問網(wǎng)站上的這個靜態(tài)網(wǎng)頁。下面將編寫一個動態(tài)網(wǎng)頁作為對照：與創(chuàng)建靜態(tài)網(wǎng)頁相同的方法，現(xiàn)在創(chuàng)建動態(tài)網(wǎng)頁（JSP），

11、參見圖 1-4 左圖，但新建的不是 HTML Page，而是 JSP，JSP 的文件名是 demo.jsp，然后修改其內(nèi)容為：在這個頁面中嵌入了 Java 代碼：new Date()，該代碼由標(biāo)記括起來，并且用一個等號表示輸出后續(xù)的結(jié)果（相當(dāng)于一個打印命令）。由于 Date 類是屬于 java.util 包的，因此還需要導(dǎo)入這個類，導(dǎo)入的命令在 JSP 文件中寫為，對導(dǎo)入命令的詳細(xì)說明將在項目 3 中進(jìn)行。由于網(wǎng)頁中存在中文字符，需要設(shè)置 JSP 文件的字符編碼為 UTF-8。關(guān)于中文編碼：作為擴(kuò)展的知識訪問該網(wǎng)頁時顯示為 圖 1-11 動態(tài)網(wǎng)頁的運行結(jié)果（上）和網(wǎng)頁源碼（下）1.1.7 步聚

12、六：客戶端動態(tài)網(wǎng)頁圖 1-12 動態(tài)網(wǎng)頁的運行結(jié)果（上）和網(wǎng)頁源碼（下）1.2 相關(guān)知識（參考另一份講義） 1.2.1 Java EE 開發(fā)環(huán)境Java EE 開發(fā)需要下述開發(fā)環(huán)境。 JDK：這是 Java 開發(fā)工具包，是所有 Java 開發(fā)環(huán)境的基礎(chǔ)，是必不可少的。 Eclipse：這是一個 IDE 環(huán)境，它由 IBM 公司開發(fā)，是一個開源軟件。 Tomcat：這是一個Web 容器（Web 應(yīng)用服務(wù)器）是必須的，是Apache 旗下的一個開源軟件。 MySQL（可選）：這是一個跨平臺的開源數(shù)據(jù)庫管理系統(tǒng)。1.2.2 Java EE 運行環(huán)境Java EE 的運行環(huán)境分為服務(wù)器端和客戶端。1)

13、 服務(wù)器端在服務(wù)器上需要安裝的軟件包括 JRE、Tomcat 和 MySQL。2) 客戶端在客戶端只需要瀏覽器，不需安裝其它軟件。瀏覽器有許多種，常用的瀏覽器有 IE、Firefox、Chrome 等多種。1.2.3 Web 技術(shù)1. C/S 和 B/S 結(jié)構(gòu)2. HTTP 協(xié)議3. 靜態(tài)網(wǎng)頁和動態(tài)網(wǎng)頁4. Java EE 技術(shù) 項目2 Web 客戶端編程本書將以一個聊天項目為例，討論采用不同的技術(shù)實現(xiàn)聊天室。聊天項目的本階段是設(shè)計其靜態(tài)內(nèi)容。2.1 項目二：用戶信息編輯頁面的設(shè)計2.1.1 需求分析創(chuàng)建一個聊天項目 chat，并為其設(shè)計一組頁面： 首頁 index.html：含有標(biāo)題、一句歡

14、迎語。 用戶注冊頁 register.html：要求包含下述內(nèi)容：帳號、密碼、姓名等內(nèi)容，其中前五項是必填項，其它是可選項。對頁面設(shè)計的要求： 具有一致的頁頭和頁尾 頁頭由橫幅圖片和主菜單組成 頁尾由版權(quán)信息組成 具有數(shù)據(jù)錄入校驗功能 提交到 register.jsp 頁面 界面簡潔美觀2.1.2 界面設(shè)計圖 2-1 首頁的設(shè)計 圖 2-2 注冊頁的設(shè)計2.1.3 創(chuàng)建項目按項目 1 所述步聚，創(chuàng)建一個名為chat 的動態(tài) Web項目（Dynamic Web Project）。并為這個項目創(chuàng)建二個 HTML 文件：index.html 和 register.html。2.1.4 編輯首頁 in

15、dex.html1. 第一步 編輯首頁內(nèi)容一個空頁面具有如下的基本框架：修改網(wǎng)頁的標(biāo)題為“Java EE 聊天室首頁”，并在元素中插入二行正文作為首頁的內(nèi)容。二行文字是：聊天室首頁歡迎來到 Java EE 聊天室。其中第一行是對中的二級標(biāo)題，第二行是正文。2. 第二步 編輯頁頭頁頭由二種內(nèi)容組成，一是圖片，二是圖片上的文字（具有超鏈接的菜單）。圖片可以用二種方式顯示，一是直接用 img 元素顯示： 另一種是將其作為表格的底圖，這樣方便在表格內(nèi)添加內(nèi)容（右上角菜單）：首頁注冊在插入圖片之前，需要在 WebContent目錄下創(chuàng)建一個 images 目錄，并把圖片 banner.jpg復(fù)制到這個目

16、錄中。超鏈接是網(wǎng)頁最重要的一種元素，它讓用戶可以方便地有不同頁面之間導(dǎo)航：注冊其中 register.html 是一個 URL（統(tǒng)一資源定位符），它可以是相對地址、絕對地址、勞或者是完整的 URL： 相對地址：register.html 絕對地址：/chat/register.html 完整地址：/chat/register.html通常只有在鏈接到外部資源時，才使用完整地址。在同一網(wǎng)站內(nèi)導(dǎo)航，可以根據(jù)情況使用相對地址或絕對地址。3. 第三步 編輯頁尾頁尾由一條水平線和一個版權(quán)信息組成Copyright byHuang Neng Geng, 2011注意這個超鏈接有一個 target=_bla

17、nk屬性，它指定在一個新窗口打開新的網(wǎng)頁。完整的 HTML 代碼如下：注：在項目三我們將會把頁頭和頁尾內(nèi)容放在單獨的文件中，便于統(tǒng)一管理。 2.1.5 編輯注冊頁 register.html1. 第一步 復(fù)制 index.html 的內(nèi)容到注冊頁為方便起見，復(fù)制已有的內(nèi)容，這樣可以做到頁頭和頁尾的內(nèi)容是相同的。并修改其網(wǎng)頁標(biāo)題為“Java EE 聊天室注冊頁”，保留頁頭和頁尾的內(nèi)容，修改網(wǎng)頁的正文內(nèi)容。2. 第二步 修改編輯注冊頁的內(nèi)容其中的關(guān)鍵技術(shù)是表單（Form）和表格（Table）。完整的 HTML 代碼如下：table border=0 width=1019 height=96首頁 注

18、冊 愛好: 體育 閱讀 旅游 音樂電子郵件:id=pList_description2.1.6 頁面美化采用 jQuery 和 CSS 技術(shù)對其進(jìn)行美化。首先添加jquery 插件到項目中，這里是將它復(fù)制到 WebContent的 js 目錄下（圖 2-3）。 圖 2-3 添加 jquery 插件等然后在頁面的 head 部分加上下述代碼：注：在 jQuery 中通過下述選擇器來使用 id 和 class 屬性：$(p)/ 選取元素。$(ro)$(p#demo)$(this)/ 選取所有 class=intro的元素。/ 選取 id=demo的第一個元素。/ 當(dāng)前 HTML 元素$(.intr

19、o)/ 所有 class=intro的元素$(#intro)$(ulli:first)$(div#intro.head)/ id=intro的第一個元素/ 每個的第一個元素/ id=intro的元素中的所有 class=head的元素在前述代碼中$(#pList tr:odd)表示，選擇于 id 為 pList 中的 tr，并且計數(shù)為偶數(shù)的哪個元素，css 是一個 jquery 函數(shù)，用來設(shè)置其 css 屬性，例中是將其背景色設(shè)置為#C9E4D6。2.1.7 日期處理生日這一欄要使用選擇的方式來錄入。在頁面的head 部分加上下述代碼：$(function() $(#datepicker).d

20、atepicker(););$(#datepicker).datepicker();表示對 id 為 datepicker 的元素進(jìn)行 datepicker()函數(shù)操作。因此，將生日的輸入文字框改為：生日:2.1.8 錄入校驗采用 JavaScript 進(jìn)行數(shù)據(jù)錄入校驗。這里只作前 4 個字段的非空校驗，以及電子郵件格式的校驗。校驗代碼如下： （1）為 form 增加 onsubmit ()屬性，即指定提交前將執(zhí)行的 JavaScript 函數(shù)：（2）下面是 JavaScript 函數(shù)function checkForm()alert(aaa);測試能夠執(zhí)行，然后將函數(shù)體修改成如下：funct

21、ion checkForm()if(document.getElementsByName(password)0.value.length5)alert(密碼長度至少 5 個字符。);return false;if(document.getElementsByName(password)0.valueif(document.getElementsByName(name)0.value.length2)alert(賬號長度至少 2 個字符。);return false;var reg = /(a-zA-Z0-9_-)+(a-zA-Z0-9_-)+(.a-zA-Z0-9_-2,3)1,2)$/;em

22、ail = document.getElementsByName(email)0.value;if(!reg.test(email)alert(電子郵件格式不正確。);return false;return true;JavaScript 在客戶端編程方面有非常重要的作用，它的地位幾乎是不可替代的。但是JavaScript 也需要與 CSS、對象模型等技術(shù)結(jié)合使用，才能取得好的效果。而jQuery 是一個采用 JavaScript 語言寫的插件，在各種瀏覽器上都能很好地工作。最后，注冊頁面各個部分的代碼如下：$(document).ready(function() $(#pList tr:od

23、d).css(background-color, #C9E4D6);$(#pList tr:even).css(background-color, #99D1D3););$(function() $(#datepicker).datepicker(); 首頁 注冊用戶注冊注：這部分與前述代碼相同（表單+表格）。function checkForm()注：這部分與前述代碼相同（校驗代碼）。2.2 相關(guān)知識（參考另一份講義）2.2.1 HTML1. HTML 語法2. 常用標(biāo)簽3. 列表標(biāo)簽4. 表格標(biāo)簽5. 表單標(biāo)簽6. 布局和框架2.2.2 CSS1. CSS 概述2. CSS 語法3. 樣式

24、的使用4. 選擇器5. 常用樣式屬性2.2.3 XML 1. XML 概述2. XML 的文檔規(guī)則3. XML 文檔的種類4. XML 的應(yīng)用2.2.4 JavaScript1. JavaScript 概述2. 關(guān)鍵字、標(biāo)識符和運算符3. 變量和數(shù)據(jù)類型4. 語句5. 函數(shù)6. JSON 語法2.2.5 對象模型1. 對象模型概述2. 瀏覽器對象模型 BOM3. 文檔對象模型 DOM2.2.6 Ajax1. Ajax 概述2. jQuery 介紹3. jQuery 插件項目3 用 JSP 技術(shù)實現(xiàn)聊天室主要知識點：JSP、內(nèi)置對象3.1 需求分析3.2 系統(tǒng)設(shè)計3.3 界面設(shè)計 3.4 相關(guān)知

25、識點3.4.1 認(rèn)識 JSP對 JSP 語法的介紹3.4.2 動態(tài)執(zhí)行 Java 代碼介紹 out, request, 和 response，有些細(xì)節(jié)在實施時再介紹3.5 實施3.5.1 創(chuàng)建項目3.5.2 界面設(shè)計3.5.3 用 HTML 設(shè)計界面框架3.5.4 添加 JSP 元素實現(xiàn)聊天功能3.5.5 測試和運行3.6 知識拓展3.6.1 JSP 基本語法1. JSP 文件的構(gòu)成2. 指令標(biāo)識3. 腳本標(biāo)識4. 注釋標(biāo)識5. 動作標(biāo)識3.6.2 JSP 內(nèi)置對象1. 內(nèi)置對象 out2. 內(nèi)置對象 request3. 內(nèi)置對象 response4. 內(nèi)置對象 session5. 內(nèi)置對象

26、application 6. 其它內(nèi)置對象3.6.3 常用功能的實現(xiàn)1. 獲取用戶輸入2. 獲取用戶的選擇3. 實現(xiàn)登錄功能4. 實現(xiàn)注銷功能3.6.4 Servlet 技術(shù)1. Servlet 概述2. Servlet 的生命周期3. Servlet 過濾器4. Servlet 監(jiān)聽器項目4 用 Java Bean 技術(shù)改進(jìn)聊天室主要知識點：Beam, EL, Tag4.1 需求分析4.2 相關(guān)知識點4.2.1 JavaBean 概述4.2.2 EL 概述4.2.3 標(biāo)簽概述4.3 實施4.3.1 項目的改進(jìn)4.3.2 測試和運行 4.4 知識拓展4.4.1 JavaBean1. JavaB

27、ean 的編寫2. JavaBean 的使用3. JavaBean 的作用域4.4.2 EL 表達(dá)式語言1. 表達(dá)式的組成4.4.3 標(biāo)簽庫1. JSTL2. 自定義標(biāo)簽項目5 用 Hibernate 技術(shù)增強(qiáng)聊天室主要知識點：JDBC、Hibernate（MySQL 的介紹放在附錄中）5.1 JDBC5.1.1 JDBC 概述5.1.2 數(shù)據(jù)庫訪問流程1. 數(shù)據(jù)準(zhǔn)備2. 添加 JDBC 類庫3. 加載 JDBC 驅(qū)動程序4. 創(chuàng)建數(shù)據(jù)庫連接5. 執(zhí)行 SQL 語句6. 接收并處理 SQL 的返回結(jié)果7. 關(guān)閉創(chuàng)建的對象5.2 Hibernate 5.2.1 ORM 概述5.2.2 Hiber

28、nate 基礎(chǔ)1. 認(rèn)識 Hibernate2. Hibernate 框架結(jié)構(gòu)3. POJO、hbm.xml 和 DAO4. Hibernate Tools的使用5.2.3 查詢基礎(chǔ)1. 延遲檢索2. 立即檢索3. 預(yù)先檢索5.2.4 查詢方式1. HQL 查詢2. QBC 查詢3. 原生 SQL 查詢主要知識點：數(shù)據(jù)庫5.3 需求分析5.4 數(shù)據(jù)結(jié)構(gòu)設(shè)計5.5 相關(guān)知識點5.6 實施5.6.1 創(chuàng)建數(shù)據(jù)庫和數(shù)據(jù)表5.6.2 注冊功能實現(xiàn)5.6.3 登錄功能的實現(xiàn) 5.6.4 測試和運行5.7 知識拓展5.7.1 JNDI項目6 用 Struts2 技術(shù)增強(qiáng)聊天室（一）主要知識點：Struts2 基礎(chǔ)6.1 需求分析6.2 實施6.2.1 下載 Struts26.2.2 創(chuàng)建 Struts2 項目6.2.3 編寫 JSP6.2.4 編寫 Action6.2.5 配置 Struts6.2.6 測試和運行6.3 知識拓展6.3.1 Struts2 基礎(chǔ)1. Struts2 工作流程2. Action3. 結(jié)果與視圖4. struts.xml 配置文件 6.3.2 OGNL 表達(dá)式1. 值棧2