打开IDEA,创建项目

IntelliJ IDEA集成Tomcat部署Web工程_java

 

 

选择骨架

IntelliJ IDEA集成Tomcat部署Web工程_tomcat_02

 

 

IntelliJ IDEA集成Tomcat部署Web工程_tomcat_03

 

 

 

选择本地安装的maven

IntelliJ IDEA集成Tomcat部署Web工程_java_04

 

 

 

IntelliJ IDEA集成Tomcat部署Web工程_端口号_05

 

 

 

IntelliJ IDEA集成Tomcat部署Web工程_tomcat_06

 

 

 

项目构建好之后我们需要创建java目录

IntelliJ IDEA集成Tomcat部署Web工程_java_07

 

 

IntelliJ IDEA集成Tomcat部署Web工程_java_08

 

 

创建一个java目录

IntelliJ IDEA集成Tomcat部署Web工程_java_09

 

 

IntelliJ IDEA集成Tomcat部署Web工程_tomcat_10

 

 

 

再创建一个资源文件

IntelliJ IDEA集成Tomcat部署Web工程_端口号_11

 

 

IntelliJ IDEA集成Tomcat部署Web工程_端口号_12

 

 

创建包

IntelliJ IDEA集成Tomcat部署Web工程_端口号_13

 

 

创建资源文件

IntelliJ IDEA集成Tomcat部署Web工程_端口号_14

 

 IntelliJ IDEA集成Tomcat部署Web工程_tomcat_15

 

 

IntelliJ IDEA集成Tomcat部署Web工程_端口号_16

 

 

接下来部署tomcat的服务器

IntelliJ IDEA集成Tomcat部署Web工程_端口号_17

 

 

IntelliJ IDEA集成Tomcat部署Web工程_端口号_18

 

 

IntelliJ IDEA集成Tomcat部署Web工程_tomcat_19

 

 

IntelliJ IDEA集成Tomcat部署Web工程_tomcat_20

 

 

IntelliJ IDEA集成Tomcat部署Web工程_tomcat_21

 

 

IntelliJ IDEA集成Tomcat部署Web工程_java_22

 

 

IntelliJ IDEA集成Tomcat部署Web工程_java_23

 

 

修改一下路径

IntelliJ IDEA集成Tomcat部署Web工程_tomcat_24

 

 

IntelliJ IDEA集成Tomcat部署Web工程_java_25

 

 

 

 

配置好之后我们可以运行tomcat

IntelliJ IDEA集成Tomcat部署Web工程_java_26

 

 

 

遇到这么一个错误,地址以及被使用,我们修改一下端口号

IntelliJ IDEA集成Tomcat部署Web工程_java_27

 

 

 

修改端口号

IntelliJ IDEA集成Tomcat部署Web工程_java_28

 

 

重新再启动一次

IntelliJ IDEA集成Tomcat部署Web工程_tomcat_29

 

 

 

在浏览器打开地址  ​​http://localhost:8088/testweb/​

IntelliJ IDEA集成Tomcat部署Web工程_tomcat_30

 

 

 

查看index.jsp内容

IntelliJ IDEA集成Tomcat部署Web工程_端口号_31

 

 

 

 

接下来通过maven对web项目进行打包,再放到tomcat里面去运行

IntelliJ IDEA集成Tomcat部署Web工程_tomcat_32

 

 

 

 

 

打包成功

IntelliJ IDEA集成Tomcat部署Web工程_tomcat_33

 

 

 

 

IntelliJ IDEA集成Tomcat部署Web工程_java_34

 

 

 IntelliJ IDEA集成Tomcat部署Web工程_java_35

 

 

查看打好的war包

IntelliJ IDEA集成Tomcat部署Web工程_tomcat_36

 

 

 

把打好的包拷贝到本地安装的tomcat的webapps目录下

 IntelliJ IDEA集成Tomcat部署Web工程_端口号_37

 

 

在本地直接启动tomcat

IntelliJ IDEA集成Tomcat部署Web工程_java_38

 

 

IntelliJ IDEA集成Tomcat部署Web工程_java_39

 

 

 

在浏览器访问tomcat的主页

IntelliJ IDEA集成Tomcat部署Web工程_java_40

 

 

 

再访问项目

IntelliJ IDEA集成Tomcat部署Web工程_tomcat_30