零 IDE 依賴：純手工構建 Java Web 專案完整教學

前置環境準備

開始前請確認已安裝並配置好以下三大核心工具：

• JDK：Java 編譯與運行環境（建議 JDK 8+）
• Tomcat：Servlet 容器（建議 Tomcat 8.5/9.0）
• 文字編輯器：Sublime Text、VS Code、Notepad++ 均可，甚至系統記事本也能勝任

第一步：建立標準 Web 專案目錄結構

在任意磁碟根目錄（如 D:\）手動建立以下標準目錄樹：

shop/                          ← 專案根目錄（即 Context Path）
├── src/                       ← Java 源碼目錄
│   └── com/zyz/               ← 套件結構
│       └── Dog.java           ← 實體類
├── WEB-INF/                   ← 受保護資源目錄（瀏覽器不可直接訪問）
│   ├── web.xml                ← 部署描述符（可選，Servlet 3.0+ 可省略）
│   └── classes/               ← 編譯輸出目錄
│       └── com/zyz/           ← 編譯後的 .class 檔案
└── index.jsp                  ← 歡迎頁面（位於專案根目錄）

第二步：編寫實體類 Dog.java

package com.zyz;

public class Dog {
    private String name;

    public String getName() {
        return this.name;
    }

    public void setName(String name) {
        this.name = name;
    }
}

第三步：命令列編譯並輸出到 WEB-INF/classes

打開 CMD（Win+R → cmd），依序執行：

d:
cd shop
javac src\com\zyz\Dog.java -d WEB-INF\classes

• -d WEB-INF\classes 指定編譯輸出目錄，自動建立套件對應的子目錄結構
• 編譯成功後，WEB-INF\classes\com\zyz\Dog.class 將自動生成

第四步：建立 JSP 頁面 index.jsp

<%@ page language="java" pageEncoding="utf-8" %>
<%@ page import="com.zyz.Dog" %>
<!DOCTYPE html>
<html lang="zh-TW">
<head>
    <meta charset="UTF-8"/>
    <title>Dog Shop</title>
</head>
<body>
    <h1> 
        <% 
            Dog d = new Dog();
            d.setName("花花");
            out.println(d.getName()); 
        %> 
    </h1>
</body>
</html>

第五步：部署到 Tomcat

1. 將專案根目錄 shop 整個複製到 $CATALINA_HOME/webapps/ 下
2. 可選：刪除 src 目錄（生產環境不需要源碼）
3. 最終部署結構如下：

第六步：啟動驗證

1. 啟動 Tomcat：執行 $CATALINA_HOME/bin/startup.sh (Linux/Mac) 或 startup.bat (Windows)
2. 瀏覽器訪問：https://localhost:8080/shop/index.jsp

核心知識點總結

進階延伸

• 添加 web.xml 配置 Servlet、Filter、Listener、歡迎頁面列表
• 引入第三方 JAR 包：放入 WEB-INF/lib/ 目錄
• 配置 JDBC 資料源：在 context.xml 或 server.xml 定義 DataSource
• 啟用熱部署：修改 server.xml 的 <Context reloadable="true">