使用IntellJ idea以maven作为项目构建的方式创建web工程

傷城~ 2022-06-12 13:48 213阅读 0赞

*  基础配置
 *  创建maven web工程
    
     *   *  创建web项目
         *  配置tomcat
         *  发布web项目

# 基础配置 #

*  下载Maven文件：apache-maven-3.2.1-bin.zip，unpacked 到 D:\\server\\apache-maven-3.2.1
 *  在系统变量中新建：M2\_HOME：D:\\server\\apache-maven-3.2.1
 *  把maven加入path系统变量，在path增加：%M2\_HOME%\\bin;  
    
    
    > 在命令行查看：  
    > mvn -v

此时会有maven相关的环境配置信息显示，显示正常则说明配置成功。

*  修改仓库位置：  
    创建D:\\server\\maven-repo目录，然后修改D:\\server\\apache-maven-3.2.1\\conf下的settings.xml，

<localRepository>D:\server\maven-repo</localRepository>

默认的仓库位置为~/.m2/repository，现修改为D:\\server\\maven-repo目录。

# 创建maven web工程 #

### **创建web项目** ###

*\* File –> new Module –> Maven (注：Idea中的module就是项目，等同于eclipse的project)\**

**选中 Create from archetype(选择Maven原型模板)，从下面的archetype中选择一个，譬如 webapp**

![这里写图片描述][SouthEast]

![这里写图片描述][SouthEast 1]

![这里写图片描述][SouthEast 2]

![这里写图片描述][SouthEast 3]

点击finish即可创建成功。

**创建好后，Project的信息如下：（需要手动创建src/main/Java和src/test/java 两个文件目录）**  
![这里写图片描述][SouthEast 4]

### **配置tomcat** ###

**打开面板 Run – 》Edit Configurations，点+号，选择 Tomcat server –> Local**   
![这里写图片描述][SouthEast 5]

![这里写图片描述][SouthEast 6]

![这里写图片描述][SouthEast 7]  
**点击OK就可完成Tomcat配置。**

### **发布web项目** ###

**点击下面的绿色箭头或右上角的tomcat启动箭头，即可启动tomcat部署的project**  
![这里写图片描述][SouthEast 8]

![这里写图片描述][SouthEast 9]

![这里写图片描述][SouthEast 10]

![这里写图片描述][SouthEast 11]

**项目启动后会自动跳转到浏览器**

**至此完成了项目创建、Tomcat配置、项目发布的过程**

> 注： 如果创建Java工程，则选择Maven模板时使用 maven-archetype-quickstart

[SouthEast]: /images/20220612/213877d125a840afb3ab20f8cbcea324.png
[SouthEast 1]: /images/20220612/e3d6819573b54aa0973bef4b2e8aa627.png
[SouthEast 2]: /images/20220612/8b2073d10ca24977a82d894fd3c518a6.png
[SouthEast 3]: /images/20220612/75814b7a86e9479b86fa4737f437a883.png
[SouthEast 4]: /images/20220612/139cb887572a40fc944629905fd1aed1.png
[SouthEast 5]: /images/20220612/4ec9a764aee04e21a9f436f0d3729404.png
[SouthEast 6]: /images/20220612/2aec38b6c3344b3185f4c3cd6c3ea134.png
[SouthEast 7]: /images/20220612/10d342fcd2784191aecea47ec0bf3568.png
[SouthEast 8]: /images/20220612/9b4a095fe8ec40aba198689b9c304c84.png
[SouthEast 9]: /images/20220612/6d0ed2e9cddc498db3c4183439953161.png
[SouthEast 10]: /images/20220612/45e7c8b1b4ca4992918a8e0e26c80b52.png
[SouthEast 11]: /images/20220612/5781ddd9072646bc9f8124dd8fb19c0e.png