【Tomcat-idea创建并运行web项目】

使用idea创建MavenWeb项目,并运行

一、创建maven项目

1.首先先创建maven项目

在这里插入图片描述

2.创建wabapp项目目录

2.1点击 File --> ProjectStructure -->Facets,点击 + 号,选中小窗口中的 Web

在这里插入图片描述
在这里插入图片描述

2.2在choose model窗口中选择项目,并点击ok

在这里插入图片描述

2.3分别创建WEB-INF文件夹和webapp项目文件夹

1.创建webapp项目目录(!注意不要随意改动webapp的文件位置!)
点击下面的笔,修改路径

在这里插入图片描述

在已有的路径加上\src\main\webapp,点击ok即可

在这里插入图片描述

2.创建WEB-IDF文件
点击上面的笔,修改路径

在这里插入图片描述

修改文件路径,使WEB-INF在webapp项目文件中

在这里插入图片描述

2.4如果名为webapp或者web文件夹中的结构,要和图片中的一样。

在这里插入图片描述

2.5在上面图片的webapp文件夹中创建HTML文件,名为test,并在body标签中写几个字做测试用

在这里插入图片描述

二、运行web项目-Tomcat插件

1.在pom文件中引入tomcat插件,如果冒红刷新一下即可

<!--打包方式:war、jar-->
    <packaging>war</packaging>
    <build>
        <plugins>
            <!--tomcat插件-->
            <plugin>
                <groupId>org.apache.tomcat.maven</groupId>
                <artifactId>tomcat7-maven-plugin</artifactId>
                <version>2.2</version>
            </plugin>
        </plugins>
    </build>

在这里插入图片描述

2.下载Maven Helper插件

#下载地址
https://plugins.jetbrains.com/plugin/7179-maven-helper

下载插件压缩包后,把解压的文件夹,复制到idea安装目录的plugins目录中,并重启idea(一定要)

在这里插入图片描述

3.后期idea后,右击webapp项目会发现 run maven ,在里面找到 tomcat7:run 按钮并点击

点击网址进入网页

在这里插入图片描述

在上方地址栏输入test.html,回车就能看到字了

在这里插入图片描述
在这里插入图片描述

有什么问题评论区提问!

评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值