IntelliJ IDEA部署web程序圖文教程

IDEA部署web項目,分爲兩種情況,一種是新建一個新的web項目,一種是已經存在的web項目部署到IDEA上來。
一、新建一個web項目
1、單擊File - New Project

bbd79827-8287-3b33-b34b-09504817e798.jpg
2、配置Run/Debug Configurations,新增Tomcat server

1fa62e89-6697-3fbc-baa4-0dbe5e2f8bb3.jpg
3、如果未配置tomcat的安裝路徑,請選擇Application Server後面的Configure...按鈕,打開如下窗口:

e9666a71-3bfb-3d8a-afa6-28cd768438c5.jpg
填寫name,Tomcat home就是你機子上Tomcat的安裝路徑,單擊OK。
4、選擇Deployment選項卡,點擊“+”圖標,選擇“Artifact”,即可。

74d056e0-6520-34c7-886f-ccdf53bb0434.jpg

ceb49184-f3eb-323f-9344-d09c2f45ed69.jpg
單擊OK。
5、單擊Run/Debug,啓動Web應用。

二、部署已經完成的Web Project
1、導入Web項目
2、打開Project Structure,在Projects選項卡中,更改編譯路徑爲WEB-INF下的classes,如果classes文件夾不存在,則新建該文件夾。

bafe2a52-e755-36ed-bf1a-391807044a00.jpg
3、選擇Artifacts,單擊“+”按鈕,新增一個“Web Application :Exploded”,輸入name、output directory(WEB-INF所在文件夾的路勁)。

7b61cbda-ee53-314d-80ec-1ce6d524ac58.jpg
4、在Output Layout選項卡下,單擊“+”圖標,增加“Directory Content”,選擇WEB-INF,單擊OK。

e7504066-7965-350f-ad7a-c3e353df5362.jpg

5、配置Run/Debug Configurations,同(一、中的Run/Debug Configurations)。
6、啓動應用,結束。

  • bbd79827-8287-3b33-b34b-09504817e798-thumb.jpg
  • 大小: 103.3 KB
  • 1fa62e89-6697-3fbc-baa4-0dbe5e2f8bb3-thumb.jpg
  • 大小: 105.3 KB
  • e9666a71-3bfb-3d8a-afa6-28cd768438c5-thumb.jpg
  • 大小: 117.1 KB
  • 74d056e0-6520-34c7-886f-ccdf53bb0434-thumb.jpg
  • 大小: 85.6 KB
  • ceb49184-f3eb-323f-9344-d09c2f45ed69-thumb.jpg
  • 大小: 84.4 KB
  • bafe2a52-e755-36ed-bf1a-391807044a00-thumb.jpg
  • 大小: 117.4 KB
  • 7b61cbda-ee53-314d-80ec-1ce6d524ac58-thumb.jpg
  • 大小: 160.6 KB
  • e7504066-7965-350f-ad7a-c3e353df5362-thumb.jpg
  • 大小: 163.8 KB
發佈了98 篇原創文章 · 獲贊 1 · 訪問量 7萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章