idea配置tomcat

idea配置tomcat图文教程

文章目录

  • idea配置tomcat图文教程
  • 前言
  • 一、下载tomcat
  • 二、在idea中配置tomcat
    • 1.打开run中的红色标记地方
    • 2.点击左上角+号


前言

在使用idea的过程中需要用到tomcat,特在此记录一下使用过程以便以后查阅使用


一、下载tomcat

直接附上官网地址:官网地址

idea配置tomcat_第1张图片
如图所示,在左侧download处有着tomcat的版本,进入后选择想要的版本进行下载压缩包,在这里选择的是9.0

之后在core处选择下载,Mac版就选择前两个,windows选择后几种。

二、在idea中配置tomcat

1.打开run中的红色标记地方

idea配置tomcat_第2张图片

2.点击左上角+号

idea配置tomcat_第3张图片
如图点开左上角+号后在列表中找tomcat sever,如果没有,划到最下面,点击34 items more,找到tomcat sever并选择local。
点击后进入如图界面:
idea配置tomcat_第4张图片
点击configure选择你的对应tomcat所在位置:
idea配置tomcat_第5张图片
点击apply再点击OK,之后运行tomcat ,若出现报错please configure web facet first ,点击file⇨projects structure⇨Facet⇨Web
idea配置tomcat_第6张图片
进入后选择自己想要的路径,点击Web Resource Directory下的路径对Web Resource进行修改。idea默认的目录是web(如:D:\ideaspace\ideadome\fistweb\web),web项目是WebRoot,可以运行web目录下的jsp页面,若是想运行其他目录下的jsp页面,就选择其他目录。
idea配置tomcat_第7张图片

->Artifacts->+号->WebApplication:Exploded->From Modules…
idea配置tomcat_第8张图片
选择自己的项目
idea配置tomcat_第9张图片
一切完事以后,点击应用然后OK就可以了。

最后如果运行tomcat的时候又出现报错
idea配置tomcat_第10张图片

端口已被占用

idea配置tomcat_第11张图片
去改一下端口为8020之后再去运行,这个位置在文章第一步中,自己去找。
idea配置tomcat_第12张图片
再运行出现如图这样的情况即为成功:
idea配置tomcat_第13张图片

制作不易,三连一下叭~

你可能感兴趣的:(自我学习,tomcat,web)