靜態與動態資源差異及 Servlet 手動/工具開發實戰

靜態資源與動態資源核心差異

Web 應用中的資源分為靜態與動態兩大類，理解其差異是掌握 Servlet 開發的基石。

• 靜態資源：HTML、CSS、JS、圖片等。用戶多次請求時，伺服器返回的內容完全相同，原始碼不變。
• 動態資源：Servlet、JSP 等。每次請求伺服器可能根據參數、Session、資料庫狀態產生不同內容，原始碼邏輯固定但輸出動態變化。

Servlet 手動開發完整步驟

無 IDE 輔助時，需手動完成編譯、部署、配置：

1. 編寫類繼承 HttpServlet，覆寫 doGet/doPost。
2. 編譯產生 .class，放入 Web 應用的 WEB-INF/classes 目錄（保持套件結構）。
3. 在 web.xml 註冊 Servlet 名稱、類全名、URL 映射（<servlet> + <servlet-mapping>）。
4. 啟動 Tomcat，瀏覽器訪問 https://localhost:8080/應用名/映射路徑 驗證。

使用 IDE（以 MyEclipse 為例）快速開發

現代開發幾乎都依賴 IDE 自動化上述流程：

1. 建立 Web Project（Java Web 專案）。
2. WebRoot 下放置靜態資源；src 下建立 Servlet 類。
3. 使用 New → Servlet 向導：指定套件、類名、自動生成 web.xml 映射。
4. 關聯 Tomcat：Window → Preferences → MyEclipse → Servers → Tomcat 勾選 Enable 並設定路徑。
5. 專案右鍵 Deploy 部署至 Tomcat webapps。
6. 啟動伺服器，訪問驗證。

目錄結構最佳實踐

MyWebApp/
├── src/                 # Java 原始碼（Servlet、工具類等）
│   └── com/example/servlet/HelloServlet.java
├── WebRoot/             # Web 內容根目錄
│   ├── index.html       # 靜態頁面
│   ├── css/, js/, img/  # 靜態資源分類目錄
│   └── WEB-INF/
│       ├── web.xml      # 部署描述檔
│       ├── classes/     # 編譯後 class（IDE 自動輸出）
│       └── lib/         # 第三方 JAR

掌握手動流程有助於理解底層機制，實務開發請善用 IDE 提升效率，並遵循標準目錄約定。