如何在IntelliJ IDEA 2018上配置Tomcat并運(yùn)行第一個(gè)JavaWeb項(xiàng)目

更新時(shí)間：2020年09月10日 08:45:42 作者：「已注銷」

這篇文章主要介紹了在IntelliJ IDEA 2018上配置Tomcat并運(yùn)行第一個(gè)JavaWeb項(xiàng)目,需要的朋友可以參考下

1 下載和啟動(dòng)Tomcat

進(jìn)入官網(wǎng) http://tomcat.apache.org/ ，下載最新版本的Tomcat 9

在這里插入圖片描述

根據(jù)自己的電腦版本下載，我這里是windows 64位

在這里插入圖片描述

下載完之后解壓即可。
找到自己解壓目錄，打開(kāi)文件夾下面的/bin目錄，其中startup.bat是啟動(dòng)tomcat，shutdown.bat 是關(guān)閉tomcat

在這里插入圖片描述

雙擊startup.bat啟動(dòng)tomcat后，打開(kāi) http://localhost:8080 ，若進(jìn)入下面的界面則表示啟動(dòng)成功了。

在這里插入圖片描述

2 在win10中為T(mén)omcat 9配置環(huán)境變量

右擊“我的電腦”，點(diǎn)擊“屬性”，選擇“高級(jí)系統(tǒng)變量”

在這里插入圖片描述

選擇“高級(jí)”選項(xiàng)卡->“環(huán)境變量”

在這里插入圖片描述

在“系統(tǒng)變量”中，添加系統(tǒng)變量
添加內(nèi)容如下：
新建變量名：CATALINA_BASE
變量值：E:\SoftWares\tomcat9\apache-tomcat-9.0.8 //復(fù)制你自己電腦上的tomcat解壓目錄

新建變量名：CATALINA_HOME
變量值：E:\SoftWares\tomcat9\apache-tomcat-9.0.8 //復(fù)制你自己電腦上的tomcat解壓目錄

點(diǎn)擊確定。
然后編輯修改CLASSPATH和Path的變量值。
在ClassPath的變量值中加入：%CATALINA_HOME%\lib\servlet-api.jar;（注意要在原變量值后加英文狀態(tài)下的“;”）
在Path的變量值中加入：%CATALINA_HOME%\bin;%CATALINA_HOME%\lib（注意要在原變量值后加英文狀態(tài)下的“;”）
點(diǎn)擊確定即可。

在這里插入圖片描述

最后驗(yàn)證一下是否配置成功了。
使用鍵盤(pán)win+R 輸入cmd，輸入startup命令，如果出現(xiàn)下圖則表示配置成功了。

在這里插入圖片描述

3 在IDEA上新建第一個(gè)JavaWeb項(xiàng)目

點(diǎn)擊File -> New ->Project…

在這里插入圖片描述

選擇 Java -> Web Application，然后next

在這里插入圖片描述

起一個(gè)項(xiàng)目名字，這里以JavaWebTest為例，然后點(diǎn)擊Finsh即可

在這里插入圖片描述

項(xiàng)目目錄結(jié)構(gòu)如下：

在這里插入圖片描述

修改一下index.jsp里面的代碼，便于等下測(cè)試，代碼如下：

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
 <head>
 <title>$Title$</title>
 </head>
 <body>
 Hello world!
 </body>
</html>

4 在IntelliJ IDEA 2018上配置Tomcat并運(yùn)行項(xiàng)目

打開(kāi)IDEA，點(diǎn)擊Run-Edit Configurations…

在這里插入圖片描述

點(diǎn)擊“+”號(hào)，然后找到Tomcat Server，選擇Local

在這里插入圖片描述

在Tomcat Server -> Unnamed -> Server -> Application server項(xiàng)目下，點(diǎn)擊 Configuration ，找到本地 Tomcat 服務(wù)器（即前面的解壓路徑），再點(diǎn)擊 OK按鈕?？梢园裊nnamed修改成其他名字，如Tomcat 9

在這里插入圖片描述

然后轉(zhuǎn)到旁邊的Deployment選項(xiàng)卡，點(diǎn)擊“+”號(hào)，選擇Artifact，選擇項(xiàng)目名稱

在這里插入圖片描述

如下圖所示，也可以修改一下Application context 路徑的名字，改得簡(jiǎn)單一點(diǎn)，然后點(diǎn)擊OK即可

在這里插入圖片描述

配置完之后就可以在項(xiàng)目界面看到下圖，點(diǎn)擊運(yùn)行即可

在這里插入圖片描述

運(yùn)行結(jié)果

在這里插入圖片描述

總結(jié)

到此這篇關(guān)于在IntelliJ IDEA 2018上配置Tomcat并運(yùn)行第一個(gè)JavaWeb項(xiàng)目的文章就介紹到這了,更多相關(guān)IDEA 2018配置Tomcat并運(yùn)行第一個(gè)JavaWeb項(xiàng)目?jī)?nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

您可能感興趣的文章: