IDEA创建Maven web项目以及Tomcat部署项目的方法

导读

这篇博客记录了使用IDEA Maven创建Web项目的方法。一种是使用Maven模板,一种是使用Maven空模板,然后添加webapp目录的方法。还记录了使用Tomcat部署项目的方法。也是两种,一种是在IDEA中配置本地的Tomcat,通过本地的Tomcat软件部署项目。另一种是使用插件,在pom.xml中添加Tomcat插件。通过实践熟悉了使用IDEA Maven创建web项目的步骤和配置Tomcat部署项目,加深了项目目录的理解。

方法一:使用Maven web模板创建

创建项目
IDEA创建Maven web项目以及Tomcat部署项目的方法_第1张图片
设定相关信息
IDEA创建Maven web项目以及Tomcat部署项目的方法_第2张图片
IDEA创建Maven web项目以及Tomcat部署项目的方法_第3张图片

项目目录结构
IDEA创建Maven web项目以及Tomcat部署项目的方法_第4张图片

使用Maven web模板创建项目,项目目录中会缺少java和resources目录,需要手动创建
IDEA创建Maven web项目以及Tomcat部署项目的方法_第5张图片

IDEA创建Maven web项目以及Tomcat部署项目的方法_第6张图片
IDEA创建Maven web项目以及Tomcat部署项目的方法_第7张图片

创建成功
接下来使用IDEA集成的Tomcat部署项目,在部署之前在webapp目录下随便新建一个html静态页面
IDEA创建Maven web项目以及Tomcat部署项目的方法_第8张图片

然后配置Tomcat
IDEA创建Maven web项目以及Tomcat部署项目的方法_第9张图片
IDEA创建Maven web项目以及Tomcat部署项目的方法_第10张图片

本地Tomcat需要自己下载,可以去官网https://tomcat.apache.org/下载
IDEA创建Maven web项目以及Tomcat部署项目的方法_第11张图片

IDEA创建Maven web项目以及Tomcat部署项目的方法_第12张图片

服务器启动后会自动打开浏览器并访问url,url可以在Tomcat配置中查看

IDEA创建Maven web项目以及Tomcat部署项目的方法_第13张图片
IDEA创建Maven web项目以及Tomcat部署项目的方法_第14张图片

再访问一下自己编写的静态页面a.html
IDEA创建Maven web项目以及Tomcat部署项目的方法_第15张图片

Tomcat已经成功部署项目

方法二,使用IDEA Maven创建空项目,即不选择模板。

IDEA创建Maven web项目以及Tomcat部署项目的方法_第16张图片

项目目录结构,用第二种方式会创建java和resources目录,但是会缺少webapp文件,同时在pom.xml中添加项目打包方式。

war

IDEA创建Maven web项目以及Tomcat部署项目的方法_第17张图片

快捷键ctrl+shift+alt+s,打开Project Structure

IDEA创建Maven web项目以及Tomcat部署项目的方法_第18张图片
IDEA创建Maven web项目以及Tomcat部署项目的方法_第19张图片

先删掉
IDEA创建Maven web项目以及Tomcat部署项目的方法_第20张图片
IDEA创建Maven web项目以及Tomcat部署项目的方法_第21张图片

IDEA创建Maven web项目以及Tomcat部署项目的方法_第22张图片

IDEA创建Maven web项目以及Tomcat部署项目的方法_第23张图片

IDEA创建Maven web项目以及Tomcat部署项目的方法_第24张图片
IDEA创建Maven web项目以及Tomcat部署项目的方法_第25张图片
IDEA创建Maven web项目以及Tomcat部署项目的方法_第26张图片

项目目录,已经新建好了webapp,在webapp目录下随便写一个静态页面
IDEA创建Maven web项目以及Tomcat部署项目的方法_第27张图片

这次选择使用Tomcat插件来完成项目的部署
在pom.xml中添加Tomcat插件

    
        
            
                org.apache.tomcat.maven
                tomcat7-maven-plugin
                2.2
            
        
    

刷新Maven项目,然后Maven会自动添加tomcat插件,再双击tomcat7:run即可启动Tomcat服务

IDEA创建Maven web项目以及Tomcat部署项目的方法_第28张图片
IDEA创建Maven web项目以及Tomcat部署项目的方法_第29张图片
IDEA创建Maven web项目以及Tomcat部署项目的方法_第30张图片

再访问a.html
IDEA创建Maven web项目以及Tomcat部署项目的方法_第31张图片

成功使用Tomcat插件部署web项目

你可能感兴趣的:(tomcat,maven,intellij-idea)