JSP入門程式 - JSP教學

在這一節中，我們來學習如何使用Eclipse創建一個JSP專案。創建JSP專案的工具有很多，常用主流的IDE工具有：

MyEclipse
Eclipse(Eclipse Jee Oxygen)
NetBeans

這裏使用Eclipse創建一個簡單的JSP專案，併發布到使用Eclipse發佈到Tomcat容器中運行。

要在Eclipse IDE中創建JSP並使用Tomcat伺服器運行，請參考以下幾個步驟：

創建動態Web專案
創建一個jsp頁面
啟動tomcat伺服器並部署專案
測試運行結果

1.創建動態Web專案

首先打開Eclipse，然後創建動態Web專案，請單擊菜單檔(File) -> 新建(New) -> 動態Web專案(Dynameic Web Project) -> 填寫專案名稱(例如：helloworld) -> 完成(Finish)。

填寫專案名稱為：helloworld，然後下一步 -

配置專案的Java類編譯目錄，保持默認，點擊下一步 -

配置Web模組設置，打勾選中生成web.xml部署描述符，點擊完成(Finish) -

創建成功後的專案目錄結構如下所示 -

在Eclipse IDE中創建JSP檔

要創建一個jsp檔，請打開專案流覽(點擊+圖示) -> 右鍵單擊WebContent -> New -> -> Other… -> Web -> jsp -> 填寫jsp檔案名(例如：index.jsp) -> 下一步 -> 完成。

選擇：Web -> JSP File 如下圖所示 -

下一步，填空檔案名稱：index.jsp ，如下圖所示 -

下一步，選擇JSP的範本，如下所示 -

點擊完成即可，下麵是所選擇範本自動創建的JSP代碼 -

檔：index.jsp -

<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1"%>
<!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=ISO-8859-1">
<title>Insert title here</title>
</head>
<body>

</body>
</html>

現在創建JSP檔，下麵我們來寫一些代碼簡單的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>第一個JSP應用程式</title>
</head>
<body>
    <div style="margin: auto; text-align: center;">
        <h2>第一個JSP應用程式</h2>
        <%
            String str = "JSP Hello World ~";
            out.print(str);
        %>
    </div>
</body>
</html>