第1篇 Web圖形與報表技術入門篇

第1章 開發與運行環境的安裝與配置

將引導讀者在自己的計算機上建立起一個完整的開發環境，以利于開發、運行、調試本書中的所有程序，學習各個知識點及綜合項目案例。

第2章 圖形報表開發基礎

為讀者學習Web圖形與報表技術的一些基本知識，初步介紹了Web圖形與報表技術，并講述了其發展歷史，以及AWT和Swing的簡單實用舉例，并簡單介紹了當前常見的一些圖形與報表技術。

【本章導讀】

本章講述如何搭建開發環境。將與讀者一起搭建起全書所有實例使用的開發環境：JDK1.6+Tomcat 6.0+Eclipse3.3，這有助于后階段的理論知識學習以及開發實例的學習。

JDK是從事Java開發的基礎開發工具與環境；Tomcat是Java Web開發時常用的一款輕量級Web服務中間件軟件；Eclipse是一種被Java程序員廣泛使用的集成開發工具。相信這種組合能給讀者的Java Web開發帶來事半功倍的效果。

1.1 下載與安裝JDK

本書中采用的Web中間件是輕量級的Tomcat 6.0，開發工具也采用輕量級的Eclipse3.3，Tomcat和Eclipse需要JDK（JavaTM SE Development Kit，Java開發工具包）作為基礎環境支持。

1.1.1 下載JDK

下載地址：http://java.sun.com/javase/downloads/index.jsp

這是Sun公司網站上JDK的下載頁面，如圖1-1所示。

圖1-1 Sun公司網站上JDK的下載頁面

【提示】

“JDK 6 Update 3”中包含了JRE（Java Runtime Environment，Java運行時的環境）和用于開發Java Applet與Java應用程序的命令行開發工具。

單擊“JDK 6 Update 3”后的“Download”按鈕，進入“JDK 6 Update 3”的下載頁面。

選中下載界面的“Accept License Agreement | Review License Agreement”前的單選按鈕，表示接受license。

【提示】

單擊第一個“Windows Offline Installation, Multi-language”，下載得到jdk-6u3-windows-i586-p.exe文件，這是專用于Windows平臺的JDK6安裝包。如果需要其他平臺（如Linux、Solaris SPARC等）的JDK6安裝包，則單擊其他相應的下載鏈接。

1.1.2 安裝JDK

雙擊jdk-6u3-windows-i586-p.exe文件，彈出的許可證協議窗口如圖1-2所示。

圖1-2 開始安裝JDK6 Update 3

單擊“接受（A）>”按鈕表示授受Sun公司的許可證協議，進入“自定義安裝”對話框，如圖1-3所示。

圖1-3 自定義安裝對話框

在“自定義安裝”對話框中可以選擇需要安裝的組件以及安裝路徑。

可選的組件中，其中開發工具為“JDK 6 Update 3”，約需300M空間。演示程序及樣例中包含一些小程序和應用程序的示例。源代碼是構成Java公共API的類的源代碼。公共JRE是獨立的，任何應用程序都可以使用，安裝時還會向瀏覽器和系統注冊Java插件和Java Web Start。Java DB是Sun支持的純Java技術實現的一種數據庫。

單擊“更改(A)”按鈕可以更改相應組件的安裝位置。這里修改安裝目錄為“E:/jdk1.6.0”。單擊“下一步(N)>”按鈕，出現安裝進度條，進入JDK的安裝過程。安裝過程中，會出現“自定義安裝”界面，如圖1-4所示。

圖1-4 自定義安裝對話框二

讀者可以修改JRE的安裝路徑，例如修改為“E:\jdk1.6.0\jre1.6.0”，單擊“下一步（N）”按鈕，完成安裝。

【提示】

JDK6 Update 3安裝完畢后，進入安裝路徑，目錄結構如圖1-5所示。

圖1-5 JDK6安裝后的目錄結構

JDK6的安裝根目錄下包含有版權聲明、許可文件、README文件等，其中：

● src.zip：構成JDK的核心API所有類的源代碼的歸檔文件；

● bin目錄：JDK6的可執行文件，sample目錄為JDK6的實例程序目錄；

● demo目錄：含有源代碼的程序示例；

● include目錄：一些C語言的頭文件，用于支持JNI（Java Native Interface，Java本地接口）；

● jre目錄：JDK6運行時環境的根目錄，這個目錄又有2個子目錄，bin子目錄中存放JRE要用到的一些工具軟件和可執行庫文件DLL；lib子目錄中存放JRE要用到的一些類庫（jar包）、參數設置和資源文件，如：rt.jar、charsets.jar、content-types.properties等。

【提示】

設置PATH的方法是在桌面“我的電腦”圖標上單擊鼠標右鍵，從快捷菜單中選擇“屬性(R)”，彈出“系統屬性”對話框，選擇“高級”選項卡，單擊“環境變量(N)”按鈕即可進入“環境變量”對話框。從“環境變量”對話框顯示的系統變量來看，如果沒有PATH系統變量就新建一個，如果有就編輯，在后面加入如下的設置：

E:\jdk1.6.0\bin

其中“E:\jdk1.6.0\bin”是指JDK6的安裝目錄。若PATH不是新增的系統變量，則還需要在E:\jdk1.6.0\bin前加“;”，用于區分PATH的各個值。

為了測試JDK是否正確安裝，在命令行輸入如下命令：

java -version

顯示結果如圖1-6所示。

圖1-6 測試JDK是否正確安裝

JDK6安裝目錄中的lib目錄是開發類庫存放的目錄。這些文件包括tools.jar，它包含支持JDK的工具和實用程序的非核心類；還包括dt.jar，它是BeanInfo文件的DesignTime歸檔，BeanInfo文件用來告訴IDE（Integrated Development Enviroment，集成開發環境）如何顯示Java組件以及如何讓開發人員根據應用程序自定義它們。

為了Tomcat等的正常運行，讀者還需要設置名為JAVA_HOME的環境變量，其值為JDK的安裝目錄，例如：E:\jdk1.6.0，其設置與PATH類似，在此不再贅述。

1.2 下載、安裝與配置Tomcat

Tomcat作為一款輕量級的Java Web應用中間件，備受程序員的青睞。首先Tomcat所占用、消耗的系統資源相對Weblogic、Websphere等重量級的商業Web中間件少得多，可以輕松順暢地在程序員的開發機上運行起來。其次Tomcat是免費開源的，可以從網上下載得到，成本很低；再者Tomcat的版本在持續地升級，功能也在不斷地完善。因此，Tomcat已成為Java Web程序員的首選開發工具。與此同時，也有大量的中小型網站或B/S（Browser/Server，瀏覽器/服務器）模式的軟件系統采用Tomcat作為Web服務器軟件。

Tomcat是一個實現了Java Servlet和JSP（Java Server Pages）的容器。不同版本的Tomcat容器實現了不同的Servlet/JSP規范，比較典型的情況如表1-1所示。

表1-1 典型的Tomcat容器實現的Servlet/JSP規范情況

1.2.1 下載Tomcat

至本書成稿之日，Tomcat發布的最新版本是Tomcat 6.0（此后簡稱為Tomcat 6）。Tomcat 6可以從Apache的官方網站免費下載得到，Apache維護了許多的開源項目，如Ant、Xalan、Tomcat等。進入如下的網站：Tomcat首頁：http://tomcat.apache.org/。

這是Apache的官方網站中Tomcat子網站，顯示界面如圖1-7所示。

圖1-7 Apache網站上的Tomcat子網站

單擊左邊菜單“Download”中的子菜單“Tomcat 6.x”，進入Tomcat 6.x的下載頁面。Tomcat 6.x的下載界面如圖1-8所示。

圖1-8 Tomcat 6.x的下載界面

在6.0.14欄目的子欄目“Binary Distribution”欄的core子欄下提供了3種Tomcat 6.0.14的方式：zip、tar.gz、Windows Service Installer。其中zip方式無須安裝，解壓縮后即可使用。tar.gz方式是在GNU操作系統（一種類似于UNIX的操作系統，其源碼是可以被復制、修改和重新發布的）中用tar命令打包而成的，因此必須在與GNU相兼容的操作系統中解包，Solaris和Mac OS X操作系統中不能使用。以“Windows Service Installer”方式下載后得到的是一個exe文件（如圖1-9所示的版本為apache-tomcat-6.0.14.exe），Tomcat 6是在Windows操作系統下的安裝程序，這種方式安裝的Tomcat 6可以通過Windows的服務來控制啟動、停止。

【提示】

Deployer是供Web開發人員開發與Tomcat 6本身相關的一些Web應用時發布Web應用的參考；“Source Code Distribution”是Tomcat 6的源代碼。

1.2.2 安裝Tomcat

下載Tomcat的壓縮包apache-tomcat-6.0.14.zip，解壓后的目錄如圖1-9所示。

圖1-9 Tomcat 6解壓縮后的目錄情況

Tomcat 6的目錄結構描述如表1-2所示。

表1-2 Tomcat 6的目錄結構描述

【提示】

但如果login.jsp頁面位于ROOT應用中，則輸入訪問該頁面時，不必再輸入應用名ROOT，而輸入如下的URL：

http://localhost:8080/login.jsp

安裝好Tomcat 6后，雙擊安裝目錄的bin子目錄下的startup.bat，啟動Tomcat 6，如圖1-10所示。

圖1-10 啟動Tomcat 6

【提示】

若啟動startup.bat時界面一閃而過，讀者可以通過UltraEdit等軟件打開startup.bat批處理文件，在文本末新增一行，內容為：pause，保存后，重新啟動startup.bat，可看到完整的出錯信息。例如若JAVA_HOME環境變量未進行設置，可能出現這種一閃而過的現象，加入pause后，重新啟動可看到如圖1-11所示的錯誤信息。

圖1-11 未設置JAVA_HOME環境變量時的錯誤信息

此時請讀者自行設置JAVA_HOME環境變量。

【提示】

Tomcat默認占用的端口為8080，若該端口被占用，例如安裝了Oracle等。則啟動startup.bat時出現的錯誤信息如圖1-12所示。

圖1-12 Tomcat的端口被占用時的錯誤信息

此時讀者需要停止其他占用了Tomcat的端口的程序，或者按照1.2.3節中的方式對Tomcat的端口進行修改。

接下來測試Tomcat 6是否啟動成功。在瀏覽器中輸入地址：http://localhost:8080，將出現如圖1-13所示的Tomcat界面，頁面顯示的是Tomcat 6目錄\webapps\ROOT應用中的index.jsp頁面的信息。

圖1-13 訪問Tomcat

【提示】

1.2.3 配置Tomcat

1.配置端口

在圖1-14所示訪問Tomcat 6的URL中，帶了Web服務的服務端口號8080。8080是Tomcat的默認端口，讀者可以通過修改Tomcat的配置文件對端口進行重新設置。

修改文件：Tomcat 6安裝目錄\conf\server.xml，打開后搜索8080，對應文字為：

<Connector port="8080" protocol="HTTP/1.1"
          connectionTimeout="20000"
          redirectPort="8443" />

將其中的port屬性值修改為需要的端口即可。

【提示】

2.設置管理界面用戶信息

Tomcat提供了一個管理界面，用于進行Web應用的部署、啟動和停止等操作。單擊圖1-13所示的圖形左上方的鏈接“Tomcat Manager”，彈出如圖1-14所示的對話框。

圖1-14 進入Tomcat 6管理Web應用

Tomcat中Web管理后臺用戶的設置文件為：Tomcat安裝目錄\conf\tomcat-users.xml，默認情況下，沒有設置用戶，讀者可在該文件中添加登錄管理界面的用戶。例如為管理界面添加用戶名和密碼都為tomcat的用戶，修改后的文件內容如下：

<?xml version='1.0' encoding='utf-8'?>
<tomcat-users>
    <role rolename="manager"/>
    <user username="tomcat" password="tomcat" roles="manager"/>
</tomcat-users>

其中<role rolename="manager"/>表示增加一個名為manager的角色，而<user username="tomcat"password="tomcat" roles="manager"/>表示新增一個用戶名和密碼都為tomcat的用戶，并設置其所屬角色為manager。

設置完成后重啟Tomcat，訪問“Tomcat Manager”界面，輸入用戶名和密碼信息，可進入如圖1-15所示的Web管理后臺首頁。

圖1-15 Tomcat的Web管理后臺首頁

在Applications下顯示的是Tomcat中當前的Web應用列表。列表中的行如下圖1-16所示。

圖1-16 Tomcat的Web管理后臺中的Web應用

表格的commands列中對于每個Web應用都有一些集中管理的命令，命令用途如下：

● Start：啟動Web應用；

● Stop：停止Web應用；

● Reload：重新裝載Web應用；

● Undeploy用于撤銷Web應用。

“Expire sessions”按鈕后的文本框用于填入此Web應用的會話超時時間，默認為30分鐘，設置后單擊“Expire sessions”按鈕即會生效。

在下方的“Deploy”欄下讀者可以新部署一個Web應用程序。其中Context Path (optional)為上下文路徑，XML Configuration file URL為配置文件web.xml的全路徑，例如：E:\project\Test\WebRoot\WEB-INF\web.xml，WAR or Directory URL為WAR包所在路徑或工程的路徑，例如：E:\Test.war，或者E:\project\Test\WebRoot。在“Deploy”下還有一個子欄目“WAR file to deploy”，可選擇war包進行簡單方便的部署。

發布完后即可通過此地址訪問Test應用：http://localhost:8080/Test。

【提示】

<Context path="/webchart" docBase="D:/eclipse/workspace/webchart/WebRoot"
        debug="0">
</Context>

webchart.xml
<Context path="/webchart" docBase="D:/eclipse/workspace/webchart/WebRoot"
        debug="0">
</Context>

【提示】

再重啟Tomcat 6，這樣也能發布webchart應用。為什么要把webchart.xml文件放在Tomcat 6安裝目錄的“conf/Catalina/localhost”子目錄下呢？打開server.xml可以找到這樣一段文字：

<Engine name="Catalina" defaultHost="localhost">

這表示Tomcat 6默認情況下把Web引擎的名稱取為Catalina，主機默認設為localhost。

1.3 下載與使用EcIipse

Eclipse是目前一款流行的免費、開源的集成開發工具。本書的所有實例都將基于Eclipse來開發、實現。采用Eclipse編寫Java程序，可以大大提高開發的效率。

【提示】

1.3.1 下載Eclipse

Eclipse首頁：http://www.eclipse.org，如圖1-17所示。

圖1-17 Eclipse首頁

單擊上圖的“Download Eclipse”按鈕，可進入Eclipse的下載主頁面。讀者也可以通過下載地址進行下載：http://www.eclipse.org/downloads/。下載頁面如圖1-18所示。

圖1-18 Eclipse下載主頁面

從圖1-18中可以看出，Eclipse開發工具有很多種，如下所示：

● Eclipse IDE for Java Developers：專用于Java應用程序的開發，帶有Java IDE、CVS客戶端、XML編輯器等工具，但對Java Web應用系統的開發支持不夠，需要另外加裝插件；

● Eclipse IDE for Java EE Developers：適合進行Java企業級應用系統的開發，特別是Java Web應用系統的開發，但此工具軟件需要JDK1.5或更高版本的JDK支持；

● Eclipse IDE for C/C++ Developers：C/C++的開發包；

● Eclipse for RCP/Plug-in Developers：專門做插件和RCP（Rich Client Platform, 富客戶端平臺）開發的開發包；

● Eclipse Classic-3.3.1.1 -Windows：是傳統的Eclipse下載包，包括Eclipse平臺，Java開發工具和插件開發。

為方便開發Web程序，這里下載的是“Eclipse IDE for Java EE Developers”。在圖1-19中所示的界面中，單擊“Eclipse IDE for Java EE Developers”即可下載得到。下載后得到的是一個壓縮包eclipse-java-europa-fall2-win32.zip，解壓縮到某個目錄（eg. E:\）后就算安裝完畢了。解壓后的目錄結構如圖1-19所示。

圖1-19 Eclipse的目錄結構

圖1-19中的eclipse.exe為Eclipse的啟動程序，單擊該文件，可啟動Eclipse，啟動窗口如圖1-20所示。

在圖1-20中，讀者可以指定工作空間（即Workspace），例如可指定為E:\projects。單擊“Use this as the default and do not ask again”前的復選按鈕，可將選中的工作空間作為默認的工作空間，之后不會再有工作空間選擇的窗口出現。

圖1-20 Eclipse的啟動窗口

【提示】

1.3.2 使用Eclipse

1.新建Web工程

單擊圖1-20中的“OK”按鈕后，將出現Eclipse的歡迎界面，單擊歡迎界面的關閉窗口后，將出現Eclipse的工作主界面，如圖1-21所示。

圖1-21 Eclipse的主界面

新建一個Web應用的方法有2種，一種是通過File菜單，選擇菜單“File”→“New”→“Project…”，彈出“New Project”對話框；第二種方式是通過快捷菜單，在左邊的“Project Explorer”中的空白處，單擊右鍵，在彈出的快捷菜單中選擇菜單“New”→“Project…”也可以彈出“New Project”對話框。新建項目對話框如圖1-22所示。

圖1-22 “New Project”對話框

選擇“Web”→“Dynamic Web Project”（動態Web工程），即建立動態Web工程。本書中要建立的都是此種Web工程，如果只是HTML頁面，則可以考慮選擇“Static Web Project”（靜態Web工程）。單擊“Next>”按鈕，進入“New Dynamic Web Project”對話框，如圖1-23所示。

圖1-23 “New Dynamic Web Project”對話框

在“Project Name”后輸入工程的名稱（例如：testWeb）。默認情況下新建工程的所有文件都會存放在工作區內。如果想存放到別的目錄，不選中“Use Default”前的復選框即可通過下面的路徑瀏覽“Browse…”按鈕來設置存放工程文件的目錄。“Target Runtime”下拉框設置Web容器的類型，如果下拉框中沒有，單擊后面的“New…”按鈕，打開“New Server Runtime”對話框。如圖1-24所示。

圖1-24 “New Server Runtime”對話框

在“New Server Runtime”對話框中選中“Apache”→“Apache Tomcat V6.0”，單擊“Next >”按鈕進入下一步選擇Tomcat的路徑，如圖1-25所示。

圖1-25 選擇Tomcat路徑對話框

在圖1-25中選擇Tomcat 6所在路徑（例如：F:\Tomcat 6.0.14），單擊“Finish”按鈕完成運行時的目標服務器設置。

單擊圖1-24中的“Next>”按鈕，進入下一個對話框，再單擊“Next>”按鈕，進入web模型配置對話框，如圖1-26所示。

圖1-26 Web模型配置對話框

“Context Root”設置工程根目錄的名稱；“Content Directory”設置此工程中Web應用目錄的名稱（例如：WebRoot）；“Java Source Directory”設置Java源碼的放置路徑。設置完后，按“Finish”按鈕完成新建工程testWeb的初始過程。創建完的“testWeb”工程在Eclipse的“Project Explorer”中的樹形結構圖如圖1-27所示。

圖1-27 testWeb工程的樹形結構圖

新建的Java類或接口的源碼將放在src目錄中，編譯后的字節碼放在“build/classes”目錄中， WebRoot是Web應用的根目錄。

2.JSP頁面的編寫

在“Project Explorer”中選擇WebRoot目錄后單擊右鍵選擇“File”-> “JSP”，彈出“New JavaServer Page”對話框，如圖1-28所示。

圖1-28 “New JavaServer Page”對話框

在圖1-28中輸入“File name”，例如index，單擊“Next >”按鈕后，在出現的窗口中單擊“Finish”按鈕完成jsp頁面的創建。

打開新建的index.jsp文件，修改其內容如下：

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>首頁</title>
</head>
<body>
    Hello,阿蜜果
</body>
</html>

3.調試Web工程

在“Project Explorer”中選中Web工程，在常用按鈕欄中點選“”后向下的小黑箭頭，彈出菜單如圖1-29所示。

圖1-29 “Run As”菜單圖

選擇“Run As”→“Run on Server”，彈出“Run on Server”對話框。“在Run on Server”對話框中選中“Tomcat V6.0 Server at localhost”，單擊“Next>”按鈕。在彈出的對話框中選擇要調試的Web應用，單擊“Finish”按鈕，即會在Eclipse環境中調試運行程序。

在瀏覽器輸入地址：http://localhost:8080/testWeb/，界面如圖1-30所示。

1-30 index.jsp運行效果

Servers窗口如圖1-31所示（該窗口可以直接控制Tomcat 6的啟動、停止，并在“Console”選項卡中報告Tomcat 6的控制臺輸出）。

圖1-31 Server窗口

1.4 小結

本章介紹了全書程序的開發與運行環境的安裝與配置以及使用的相關知識。采用JDK1.6+Tomcat 6.0+Eclipse3.3組合，這些軟件都是免費開源的，并且本章講述的這三種工具是本書成稿之日的最新版本，讀者可以根據教程一步步學習使用。

Tomcat和Eclipse都需要JDK來作為基礎支持環境。Tomcat 6的Web容器實現了Servlet2.5/JSP2.1規范，Eclipse適合用于Java企業級應用系統的開發，且免費開源，是進行Java開發Web圖形與報表工具的首選IDE。