建立一個項目
我們使用Eclipse和Web伺服器的Tomcat進行開發。Eclipse我們需要用“Eclipse IDE for Java EE Developers”(Eclipse為java EE 開發人員準備的一個IDE工具),可以點擊這裡到官網下載最新版本。Tomcat可以點擊這裡到官網下載。Tomcat的安裝配置還需要讀者自信Google搜尋。 在Eclipse中配置Tomcat Web伺服器。
配置如下: 在Eclipse下方的面板中; 點擊滑鼠右鍵,然後 “New”->“server”,之後在彈出的視窗中:“Apache”->“Tomcat v8.0 Server”->“Next”。由於我安裝的8.0.41版本的,本來是有更新版本的8.5.11的,這個在我的Eclipse中無法配置,所以在下載Tomcat之前需要看下你的Eclipse可以用哪些版本,或者找下最新的Eclipse。 在快顯視窗中選擇安裝Tomcat的路徑,再點擊Finish就可以了。 建立一個動態網頁項目
在Eclipse中建立一個Dynamic Web Project: “File”->”New”->”Other…”; “Web”-> “Dynamic Web Project”-> 點擊”Next”; 輸入項目名 -> 選擇項目路徑-> 在“Dynamic web module version”中選擇Servlet 3.1規範。-> 點擊 “Finish”。
成功建立後會得到如下的檔案目錄:
這裡需要講到一個建立的項目中沒有的一個檔案:web.xml。該檔案稱為配置描述符,在Servlet 2.5規範之前,每個Java Web項目必須包含一個web.xml檔案,且必須位於WEB-INF下。而從Servlet 3.0開始,該檔案就不再是必需的了,但通常還是建議保留。該檔案可以在你的Tomcat安裝目錄的webapps目錄下的案例的WEB-INF檔案夾中找到,你也可以直接使用下面的代碼。其最基本的配置如下:
<?xml version="1.0" encoding="UTF-8"?><web-app version="2.5" xmlns="http://java.sun.com/xml/ns/javaee" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://java.sun.com/xml/ns/javaee http://java.sun.com/xml/ns/javaee/web-app_2_5.xsd"> <display-name></display-name> <welcome-file-list> <!-- 設定Web應用首頁 按照從上到下的順序,先會訪問index.jsp,如果index.jsp不存在,則訪問index.html。 --> <welcome-file>index.jsp</welcome-file> <welcome-file>index.html</welcome-file> </welcome-file-list></web-app>
我們建立的JSP檔案將直接放在WebContent目錄下。在WebContent上右鍵,“New”->“Other…”->在“Web”下找到“JSP File”進行建立即可。在建立的jsp檔案中,我們需要注意到檔案的第一行代碼。這行代碼規定了使用的語言為java(我們在其他的後台語言開發web程式中也會看到),以及使用的編碼。為了支援中文的顯示,我們需要將”ISO-8859-1”修改為”utf-8“。這裡有個小小的技巧可以使得建立的JSP檔案均使用utf-8編碼:在Eclipse的導覽列中”window” -> “preferences” -> “Web” -> “JSP”,在右側可以看到Encoding項,我們選擇”IOS 10646/Unicode(UTF-8)”即可。
<%@ page language="java" contentType="text/html; charset=ISO-8859-1" pageEncoding="ISO-8859-1"%>
JSP(Java Server Page)是一種表現層技術(表現層技術還有FreeMarket、Velocity和Tapestry等),它與Servlet構成Java EE規範的兩個基本成員。兩者本質上相同,因為JSP最終必須編譯成Servlet才能運行。除了一些特殊情況(比如使用<jsp:include>動作,一個<jsp:include>動作會產生一個獨立的Servlet類),一般的一個JSP檔案會產生一個Servlet類。在運行程式之後,我們可以在Tomcat的目錄的\work\Catalina\localhost(或者Eclipse的預設路徑的.metadata.plugins\org.eclipse.wst.server.core\tmp0\work\Catalina\localhost\SimpleShop\org\apache\jsp)中的相應項目目錄中找到相應的java檔案。
之後我們需要用到的css目錄和JavaScript目錄以及img目錄都會放到WebContent目錄下。可以理解為,該目錄為我們項目的根目錄。所以訪問圖片的時候可以直接用<img src="img/robot.png">訪問即可。