JSP 入門教程（二）：第一個 JSP 頁面、include 指令與部署測試完整實作

教程簡介

本教程適合 JSP 初學者，透過逐步範例講解核心概念。建議先閱讀 FAQ 完成伺服器設定，再動手實作。

第一課：建立第一個 JSP 頁面

版面片段 dukebanner.html

<table border="0" width="400" cellspacing="0" cellpadding="0">
  <tr>
    <td height="150" width="150">&nbsp;</td>
    <td width="250">&nbsp;</td>
  </tr>
  <tr>
    <td width="150">&nbsp;</td>
    <td align="right" width="250">
      <img src="duke.waving.gif">
    </td>
  </tr>
</table><br>

主頁面 helloworld.jsp

<%@ page info="a hello world example" %>
<html>
<head><title>Hello, World</title></head>
<body bgcolor="#ffffff" background="background.gif">
  <%@ include file="dukebanner.html" %>
  <table>
    <tr>
      <td width=150>&nbsp;</td>
      <td width=250 align=right><h1>Hello, World!</h1></td>
    </tr>
  </table>
</body>
</html>

程式碼詳細解說

page 指令

<%@ page info="a hello world example" %>

提供頁面說明資訊，不影響輸出。良好習慣：置於檔案最前端，<html> 之前。

include 指令

<%@ include file="dukebanner.html" %>

在編譯階段將指定檔案內容靜態合併。適用於重用版權聲明、導覽列、共用片段。被引入檔案可為 HTML 或 JSP 片段。

JSP 對大小寫極度敏感

• 標籤名稱：<jsp:useBean> 不能寫成 <jsp:usebean>。
• 類別名、套件名、路徑名皆嚴格區分大小寫。
• 不確定時請參考 JavaServer Pages Syntax Card。

部署與測試步驟 (Unix/Linux 環境，Windows 請調整路徑分隔符)

1. 建立目錄：../jswdk-1.0/examples/jsp/tutorial/helloworld/
2. 複製檔案：background.gif、duke.waving.gif、dukebanner.html、helloworld.jsp
3. 切換至 JSWDK 根目錄並啟動伺服器：
   cd ../jswdk-1.0
startserver
4. 瀏覽器開啟：
   https://yourMachineName:8080/examples/jsp/tutorial/helloworld/helloworld.jsp

常見問題排查

• 若控制台出現錯誤，多半是 JAVA_HOME 未設定或設定錯誤。DOS 下輸入 set 檢查環境變數。
• 確認圖片檔案存在且路徑正確（相對於 JSP 頁面）。
• 檢查標籤拼寫、屬性引號、大小寫。

下一步學習方向

掌握基本頁面結構與 include 重用後，建議繼續學習：

1. HTML 表單處理與 JavaBean 資料綁定（教程第三課）。
2. JSP 腳本元素（運算式、Scriptlet、宣告）。
3. 隱含物件（request、response、session、application 等）。
4. JSP 標準動作（jsp:include、jsp:forward、jsp:plugin）。

動手實作是掌握 JSP 最快的途徑，祝學習順利！