# JSP開發環境設置 - 使用IntelliJ 與 Tomcat

###### tags: `教學` `筆記` `開發環境` `111-2` `111-2 網路程式設計`



## 取得授權與註冊
> IntelliJ IDEA Ultimate 比起Community版多了Web開發等功能
> 支援JSP語法強調與自動完成
> 雖然Ultimate原先是需要付費訂閱的
> 但學生以學校信箱申請 可免費用於教育用途
### 1. 申請JetBrains教育授權
https://www.jetbrains.com/community/education/#students
> *可以在網頁右上方更改語言為支語*

點擊下方按鈕申請
#### 申請資料
:::info

* 狀態: `學生`
* 教育程度: `大學生`
* 主修計算機科學: `是`
* 電子郵件: **務必填入學校信箱** (如: `[e-mail]`)
* 姓名: 分別填入英文`名字` `姓氏`
* 國家/地區: `台灣`
* - [ ] 未滿13歲
* - [x] 已閱讀條款
* - [ ] 行銷
:::

### 2. 註冊帳號
前往信箱點擊連結
成功驗證後 拉到最下方接受授權條款 即取得教育授權
選擇輸入電子郵件 或使用Google等第三方登入 建立JetBrains帳號 以綁定授權
設定好密碼建立完成

## 下載與安裝

### 1. 下載IntelliJ IDEA Ultimate
https://www.jetbrains.com/lp/intellij-frameworks/

下載完成後開啟安裝檔
選擇兩次`Next`
#### 安裝設定
:::info
- [x] 建立桌面捷徑
- [x] 設定系統環境變數
- [x] 加入右鍵選單
- [x] 關聯.java
:::

選擇`Install` 安裝完成後重開機
開啟IntelliJ 接受授權條款
點選`Log In to JetBrains Account`
透過瀏覽器登入剛剛建立的帳號後 回到IntelliJ
點選`Activate` 成功啟動授權

### 2. 下載Tomcat
https://tomcat.apache.org/download-90.cgi
可選擇`64-bit Windows zip`

下載完成後解壓縮
將整個資料夾 (如: `apache-tomcat-9.0.72`)
放置於**不會隨意移動的目錄** 稍後會使用

## 環境配置

### 1. 建立專案
開啟IntelliJ IDEA 點選`New Project`
左側`Generators`選擇`Jakarta EE`
#### 專案設定
:::info
`Name` 輸入專案名稱
`Template` 改為 Web application
`Application` 點選`New > Tomcat Server` 選擇先前Tomcat放置目錄 (如: `apache-tomcat-9.0.72`)
`JDK` 選擇JDK目錄
:::


按兩次`Next`建立專案

### 2. 執行專案

> *點選功能表 `File > settings > Appearance & Behavior > NewUI`
> 勾選 `Enable new UI` 後儲存重新啟動
> 可以體驗酷酷的新介面*

在左側專案目錄下找到 `src/main/webapp/index.jsp`
開啟`index.jsp` 嘗試修改內容 測試是否支援JSP語法偵錯與自動完成
修改完畢後點選上方開始按鈕


等待後 將在預設瀏覽器成功顯示網頁 成功
伺服器開啟後 將可以在瀏覽器開啟各JSP網頁


> *可以編輯伺服器設定
> *
>
> *將`Deployment > Application context` 更改為 `/`
> *