建立一個專案

我們使用Eclipse和Web伺服器的Tomcat進行開發。Eclipse我們需要用“Eclipse IDE for Java EE Developers”（Eclipse為java EE 開發者準備的一個IDE工具），可以點選這裡到官網下載最新版本。Tomcat可以點選這裡到官網下載。Tomcat的安裝配置還需要讀者自信谷歌搜尋。

在Eclipse中配置Tomcat Web伺服器。

配置如下：

1. 在Eclipse下方的面板中；
2. 點選滑鼠右鍵，然後 “New”->“server”,之後在彈出的視窗中：“Apache”->“Tomcat v8.0 Server”->“Next”。由於我安裝的8.0.41版本的，本來是有更新版本的8.5.11的，這個在我的Eclipse中無法配置，所以在下載Tomcat之前需要看下你的Eclipse可以用哪些版本，或者找下最新的Eclipse。
3. 在彈出視窗中選擇安裝Tomcat的路徑，再點選Finish就可以了。

建立一個動態網頁專案

在Eclipse中建立一個Dynamic Web Project:

1. “File”->”New”->”Other…”;
2. “Web”-> “Dynamic Web Project”-> 點選”Next”;
3. 輸入專案名 -> 選擇專案路徑-> 在“Dynamic web module version”中選擇Servlet 3.1規範。-> 點選 “Finish”。

成功建立後會得到如下的檔案目錄：

  這裡需要講到一個建立的專案中沒有的一個檔案：web.xml

<?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">訪問即可。