如何在本地搭建Maven环境并整合进IDEA中以及创建web工程？【2023最新版】

蔚落 2023-10-09 20:07 3阅读 0赞

> 编译软件：IntelliJ IDEA 2019.2.4 x64  
> 操作系统：win10 x64 位 家庭版  
> Maven版本：apache-maven-3.6.3

--------------------

#### 目录 ####

*  一. 为什么要使用Maven？
 *   *  1.1 获取jar包
     *  1.2 添加jar包
     *  1.3 使用Maven便于解决jar包冲突及依赖问题
 *  二. 什么是Maven?
 *  三. 如何使用Maven？
 *   *  3.1 Maven准备
     *   *  3.1.1 下载安装Maven
         *  3.1.2 解压下载的Maven zip包并配置MAVEN\_HOME环境变量
         *  3.1.3 测试Maven环境
     *  3.2 Maven基本配置
     *   *  3.2.1 设置本地仓库
         *  3.2.2 设置阿里云镜像服务器
         *  3.2.3 设置使用DK版本【1.8 | JDK8】
     *  3.3 Maven之Helloworld
 *  四. 如何将Maven整合进IDEA里并创建Maven工程？
 *   *  4.1 在IDEA里整合Maven
     *  4.2 在IDEA里创建Maven工程
     *  4.3 新建Maven模块
     *  4.4 为指定Maven模块创建web工程

--------------------

## 一. 为什么要使用Maven？ ##

### 1.1 获取jar包 ###

*  **`使用Maven之前`**：**自行在网络中下载iar包，效率较低**。如在谷歌、百度中搜素相关 jar包资源
 *  **`使用Maven之后`**：**统一在一个地址下载jar包等资源**。如使用阿里云镜像服务器下载等.…

### 1.2 添加jar包 ###

*  **`使用Maven之前`**：将jar复制到项目工程中，jar包添加到项目中，相对**浪费存储空间**
 *  **`使用Maven之后`**：jar包统一存储Maven本地仓库，使用 **坐标** 方式将jar包从仓库引入到项目中

如下图所示：

![在这里插入图片描述][f53ef976b26d4ac7b02d1ceca9b80d91.png]

### 1.3 使用Maven便于解决jar包冲突及依赖问题 ###

--------------------

## 二. 什么是Maven? ##

Maven，在英文中释义为”专家、内行“之意，但在Java开发中。 Maven是一款自动化构建工具，专注服务于java平台的**项目构建**和**依赖管理**。

*  ①`依赖管理`：**jar包之间的依赖关系，jar包的管理问题统称为依赖管理**
 *  ②`项目构建`：**项目构建不等同于项目创建**

项目构建与项目创建的区别：

1.  **项目构建是一个过程**【要历经 1.清理，2.编译，3.测试，4.报告，5.打包，6.安装，7.部署等七个步骤完成】
2.  **项目创建是瞬间完成的**

--------------------

## 三. 如何使用Maven？ ##

### 3.1 Maven准备 ###

注意：

> IDEA2019.1.x最高支持Maven的3.6.0， 而现在实际开发的过程中多数运用是Maven3.6.3，因为该版本的Maven比较稳定

#### 3.1.1 下载安装Maven ####

步骤：

> ①根据下载地址：http://maven.apache.org 打开官网，点击”Download“去下载相应的Maven zip包（我这里要下载的是Maven 3.6.3）

![在这里插入图片描述][2156075cb8be40fda97f2d7a790f1be8.png]

> ②在”Download“右边的区域中，我们发现没有Maven 3.6.3相应的下载连接，莫急，往下滑，找到下面的连接并点开它

![在这里插入图片描述][22c7df8af00c42c7aec3e0567b062600.png]

> ③在 ”index of/maven“ 下找到 ”maven-3/ " 并访问它

![在这里插入图片描述][fd15e83fafab4fa28321d6026dcd1264.png]

> ④ “Index of /maven/maven-3” --> “3.6.3/” --> “binaries/”

![在这里插入图片描述][69865336c814425b9928762547fb06e2.png]

![在这里插入图片描述][01aafbab73624f47b809322dd884e258.png]

> ⑤在“Index of /maven/maven-3/3.6.3/binaries"下 点击下载”apache-maven-3.6.3-bin .zip“

![在这里插入图片描述][20c0b13bff6f49d88cd6d481c78f0bb4.png]

#### 3.1.2 解压下载的Maven zip包并配置MAVEN\_HOME环境变量 ####

前提：

> **Maven底层使用ava语言编写的，所以必须先配置 `JAVA_HOME环境变量`**

ps：如果尚不会配置JAVA\_HOME环境变量，相关步骤可参考这篇博客 [《如何在本地（个人电脑上）安装Tomcat服务器并部署web项目？【2023最新版】》][Tomcat_web_2023] 中3.3 小结的内容

步骤：

> ①将下载的Maven zip包解压到**非中文无空格目录下（避免出现中文乱码问题）**

![在这里插入图片描述][762511581b904f01b792c077f5e0b1f3.png]

> ②配置MAVEN\_HOME环境变量

![在这里插入图片描述][ebef345947234698b65d3572600df858.png]

![在这里插入图片描述][5c728cbc6b0046d384a83cc1a68c9bf7.png]

> ③在Path里“新建”–> “%MAVEN\_HOME%\\bin”–>“确定”

![在这里插入图片描述][a2973be1da05482fa3d8e506b65ed589.png]

> ④在Path里配好之后一路点击“确定”即可

![在这里插入图片描述][eda0f1bcebd84860bdb96622eff6c928.png]

#### 3.1.3 测试Maven环境 ####

步骤：

> 输入【cmd】，进入命令行窗口，输入**mvn -v**，检查Maven环境是否搭建成功

![在这里插入图片描述][c4e4ca8936464f82a455f65da87c4874.png]

ps：出现上述界面，表示Maven环境已搭建成功

### 3.2 Maven基本配置 ###

Maven配置文件的位置：

> **maven根目录/conf/settings.xml**

#### 3.2.1 设置本地仓库 ####

`Maven默认的本地仓库位置`：**c: 用户家目录/.m2/repository**

![在这里插入图片描述][20d95edfbec94198a2434b935fcaae06.png]

步骤：

> ①新建一个**非中文无空格目录**，将其作为自己的maven本地仓库

ps：推荐在你的maven解压路径下新建一个目录作为自己的maven本地仓库，便于查找

![在这里插入图片描述][dc1e62ddcb054d4b9dac2b96226348a5.png]

> ②在maven的配置文件中设置本地仓库

![在这里插入图片描述][4dfa47ded72447cc87aa47ab5b785397.png]

代码示例如下：

<localRepository>D:\ins\apache-maven-3.6.3\localReposity</localRepository>

#### 3.2.2 设置阿里云镜像服务器 ####

步骤：

> 在配置文件中将以下的代码复制粘贴至下图中的位置

代码示例如下：

<mirror>
            <id>nexus-aliyun</id>
            <mirrorOf>central</mirrorOf>
            <name>Nexus aliyun</name>
            <url>http://maven.aliyun.com/nexus/content/groups/public</url>
     </mirror>

![在这里插入图片描述][52c77d20a7804e0b8bada2a7fd49d95d.png]

ps：复制的代码要放到 `<mirrors></mirrors>` 的里面，注释的外边

#### 3.2.3 设置使用DK版本【1.8 | JDK8】 ####

在配置文件中将以下的代码复制粘贴至下图中的位置

![在这里插入图片描述][e8b7bf385bb942e38de80df05c32ef08.png]

注意：

> **最后记得保存该配置文件（按快捷键ctrl + s）**

ps：复制的代码要放到`<profiles></profiles>`的里面，注释的外边

### 3.3 Maven之Helloworld ###

注意：

> **约束>配置>代码**

这里的约束是什么意思？

> **这里的约束是指行业内普遍承认达成的共识与行为准则，即不成文的规定，就像Java Bean类中的成员属性名称的命名习惯是小驼峰形式（`String createTime`）**

*  Maven工程目录结构约束
    
     *  项目名
        
         *  src【书写源代码】
            
             *  main【书写主程序代码】
                
                 *  java【书写java源代码】
                 *  resources【书写配置文件代码】
             *  test【书写测试代码】
                
                 *  java【书写测试代码】
         *  pom.xml【书写Maven配置】
 *  测试步骤
    
     *  **进入项目名根目录【在根目标输入cmd即可】**
     *  mvn clean
     *  mvn compile
     *  mvn test-compile
     *  mvn test
     *  mvn package
     *  mvn install

--------------------

## 四. 如何将Maven整合进IDEA里并创建Maven工程？ ##

### 4.1 在IDEA里整合Maven ###

步骤：

> ①点击”File“–> “Settings”

![在这里插入图片描述][62a9ddee5c1f435c917db8c9682a5bff.png]

> ②点击”Build,Execution,Deployment“ --> “Build Tools” —> 配置自己本地Maven的家目录路径，配置文件路径以及Maven本地仓库路径等信息 --> ”OK"

![在这里插入图片描述][437eb8ce25a24a2484cab14a512707b4.png]

> ③勾选“Import Maven projects automatically”并点击“OK"

![在这里插入图片描述][ffee8c81540845c6bfd509e256ab6815.png]

### 4.2 在IDEA里创建Maven工程 ###

步骤：

> ①点击 ”File“ --> “New” --> “Project” --> “Maven” --> “Finish”

![在这里插入图片描述][497c36084de0453996fed010abadaf52.png]

![在这里插入图片描述][385962e5e68c4910b0141520842a0da5.png]

> ②设置相应信息 --> “Finish”

![在这里插入图片描述][1402cee8b1df4a25a5735793830c0f97.png]

ps：

> `SNAPSHOT`：**快照**

> ③ 为刚建立的Maven工程maven\_demo设置”Project Location"，然后点击“Finish"

![在这里插入图片描述][4fd9647e30f64d69b8c07f6b25fda82c.png]

### 4.3 新建Maven模块 ###

步骤：

> ①点击”File“ --> “New” --> “Module” --> “Maven” --> “Next”

![在这里插入图片描述][dd6e101e397d4bf2b47abdf46286f2f8.png]

![在这里插入图片描述][5f81b0c8a2da4eb9bdf80450e3ba1291.png]

> ②设置新建模块的相应参数，点击"Next" --> 确认模块名称，根目录与模块文件存储位置 --> “Finish”

![在这里插入图片描述][771487389dfa4b0bb2e8fc5bf6514880.png]

![在这里插入图片描述][3bded529ab24494d9bc7d40e0e5d0145.png]

### 4.4 为指定Maven模块创建web工程 ###

步骤：

> ①在指定的Maven模块目录下设置web工程所需要的目录结构

![在这里插入图片描述][e5bc2f918438479f8659ee3b6a9b9f2e.png]

> ②在web.xml中为该web工程设置相应的基本信息

代码示例如下：

<?xml version="1.0" encoding="UTF-8"?>
    <web-app xmlns="http://xmlns.jcp.org/xml/ns/javaee"
             xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
             xsi:schemaLocation="http://xmlns.jcp.org/xml/ns/javaee http://xmlns.jcp.org/xml/ns/javaee/web-app_4_0.xsd"
             version="4.0">
    
    </web-app>

ps：直接复制粘贴到你自己的web.xml中即可

> ③找到如下图标，点开它

![在这里插入图片描述][9992a6be8cfc46598dddafc11887aa64.png]

> ④依次点击"Modules" --> “指定相应模块” --> “+” --> “web”

ps：我这里是要为模块maven\_web\_module创建web工程

![在这里插入图片描述][af9fd8578d6344579a91df16306fc68d.png]

> ⑤重新设置部署描述符【web.xml】的路径

![在这里插入图片描述][a6198301d1064d6e8c1453c348c4c799.png]

> ⑥重新设置上下文路径【即webapp所在的路径】

![在这里插入图片描述][2e7cbcc39c9d4a91bbbe04bcc1c1620a.png]

> ⑦在webapp目录下新建一个index.html，留作测试

代码示例如下：

<!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Title</title>
    </head>
    <body>
    <h1>首页</h1>
    </body>
    </html>

![在这里插入图片描述][76edd43e97914c1f97e486de72178769.png]

> ⑧ “Artifacts” --> “+” --> “Web application : Exploded” --> " from  
> Modules…" --> 选择指定模块 --> “ok”， 目的是为指定模块添加war包

![在这里插入图片描述][b8ee7df96f6b4aae9f0bb7e4f00873fe.png]  
![在这里插入图片描述][64032e8ecf5344a8955b5ead55fe378d.png]

> ⑨为刚才的web工程添加服务器

前提：**你必须要先将Tomcat服务器集成到IDEA中**，如有不懂，可参考博客[《如何将Tomcat集成到IDEA中并启动项目？》][Tomcat_IDEA] 中2.1节的步骤。  
![在这里插入图片描述][1a6a364df8b649489ee3ecbdcd083ea1.png]

> ⑩在服务器上部署该web工程的war包

![在这里插入图片描述][76a8686d1ee14c99bcffb4379749cdaa.png]  
![在这里插入图片描述][8df11e5c7d0f44f486c69dd4de3feb3f.png]

> ⑪ 启动服务器，开始测试

![在这里插入图片描述][5f425a96afdd44aebaa502a2b6c6d684.png]  
![在这里插入图片描述][7bc7f76782284a0fbf17568fa40e6391.png]

[f53ef976b26d4ac7b02d1ceca9b80d91.png]: https://img-blog.csdnimg.cn/f53ef976b26d4ac7b02d1ceca9b80d91.png
[2156075cb8be40fda97f2d7a790f1be8.png]: https://img-blog.csdnimg.cn/2156075cb8be40fda97f2d7a790f1be8.png
[22c7df8af00c42c7aec3e0567b062600.png]: https://img-blog.csdnimg.cn/22c7df8af00c42c7aec3e0567b062600.png
[fd15e83fafab4fa28321d6026dcd1264.png]: https://img-blog.csdnimg.cn/fd15e83fafab4fa28321d6026dcd1264.png
[69865336c814425b9928762547fb06e2.png]: https://img-blog.csdnimg.cn/69865336c814425b9928762547fb06e2.png
[01aafbab73624f47b809322dd884e258.png]: https://img-blog.csdnimg.cn/01aafbab73624f47b809322dd884e258.png
[20c0b13bff6f49d88cd6d481c78f0bb4.png]: https://img-blog.csdnimg.cn/20c0b13bff6f49d88cd6d481c78f0bb4.png
[Tomcat_web_2023]: http://t.csdn.cn/rZsZn
[762511581b904f01b792c077f5e0b1f3.png]: https://img-blog.csdnimg.cn/762511581b904f01b792c077f5e0b1f3.png
[ebef345947234698b65d3572600df858.png]: https://img-blog.csdnimg.cn/ebef345947234698b65d3572600df858.png
[5c728cbc6b0046d384a83cc1a68c9bf7.png]: https://img-blog.csdnimg.cn/5c728cbc6b0046d384a83cc1a68c9bf7.png
[a2973be1da05482fa3d8e506b65ed589.png]: https://img-blog.csdnimg.cn/a2973be1da05482fa3d8e506b65ed589.png
[eda0f1bcebd84860bdb96622eff6c928.png]: https://img-blog.csdnimg.cn/eda0f1bcebd84860bdb96622eff6c928.png
[c4e4ca8936464f82a455f65da87c4874.png]: https://img-blog.csdnimg.cn/c4e4ca8936464f82a455f65da87c4874.png
[20d95edfbec94198a2434b935fcaae06.png]: https://img-blog.csdnimg.cn/20d95edfbec94198a2434b935fcaae06.png
[dc1e62ddcb054d4b9dac2b96226348a5.png]: https://img-blog.csdnimg.cn/dc1e62ddcb054d4b9dac2b96226348a5.png
[4dfa47ded72447cc87aa47ab5b785397.png]: https://img-blog.csdnimg.cn/4dfa47ded72447cc87aa47ab5b785397.png
[52c77d20a7804e0b8bada2a7fd49d95d.png]: https://img-blog.csdnimg.cn/52c77d20a7804e0b8bada2a7fd49d95d.png
[e8b7bf385bb942e38de80df05c32ef08.png]: https://img-blog.csdnimg.cn/e8b7bf385bb942e38de80df05c32ef08.png
[62a9ddee5c1f435c917db8c9682a5bff.png]: https://img-blog.csdnimg.cn/62a9ddee5c1f435c917db8c9682a5bff.png
[437eb8ce25a24a2484cab14a512707b4.png]: https://img-blog.csdnimg.cn/437eb8ce25a24a2484cab14a512707b4.png
[ffee8c81540845c6bfd509e256ab6815.png]: https://img-blog.csdnimg.cn/ffee8c81540845c6bfd509e256ab6815.png
[497c36084de0453996fed010abadaf52.png]: https://img-blog.csdnimg.cn/497c36084de0453996fed010abadaf52.png
[385962e5e68c4910b0141520842a0da5.png]: https://img-blog.csdnimg.cn/385962e5e68c4910b0141520842a0da5.png
[1402cee8b1df4a25a5735793830c0f97.png]: https://img-blog.csdnimg.cn/1402cee8b1df4a25a5735793830c0f97.png
[4fd9647e30f64d69b8c07f6b25fda82c.png]: https://img-blog.csdnimg.cn/4fd9647e30f64d69b8c07f6b25fda82c.png
[dd6e101e397d4bf2b47abdf46286f2f8.png]: https://img-blog.csdnimg.cn/dd6e101e397d4bf2b47abdf46286f2f8.png
[5f81b0c8a2da4eb9bdf80450e3ba1291.png]: https://img-blog.csdnimg.cn/5f81b0c8a2da4eb9bdf80450e3ba1291.png
[771487389dfa4b0bb2e8fc5bf6514880.png]: https://img-blog.csdnimg.cn/771487389dfa4b0bb2e8fc5bf6514880.png
[3bded529ab24494d9bc7d40e0e5d0145.png]: https://img-blog.csdnimg.cn/3bded529ab24494d9bc7d40e0e5d0145.png
[e5bc2f918438479f8659ee3b6a9b9f2e.png]: https://img-blog.csdnimg.cn/e5bc2f918438479f8659ee3b6a9b9f2e.png
[9992a6be8cfc46598dddafc11887aa64.png]: https://img-blog.csdnimg.cn/9992a6be8cfc46598dddafc11887aa64.png
[af9fd8578d6344579a91df16306fc68d.png]: https://img-blog.csdnimg.cn/af9fd8578d6344579a91df16306fc68d.png
[a6198301d1064d6e8c1453c348c4c799.png]: https://img-blog.csdnimg.cn/a6198301d1064d6e8c1453c348c4c799.png
[2e7cbcc39c9d4a91bbbe04bcc1c1620a.png]: https://img-blog.csdnimg.cn/2e7cbcc39c9d4a91bbbe04bcc1c1620a.png
[76edd43e97914c1f97e486de72178769.png]: https://img-blog.csdnimg.cn/76edd43e97914c1f97e486de72178769.png
[b8ee7df96f6b4aae9f0bb7e4f00873fe.png]: https://img-blog.csdnimg.cn/b8ee7df96f6b4aae9f0bb7e4f00873fe.png
[64032e8ecf5344a8955b5ead55fe378d.png]: https://img-blog.csdnimg.cn/64032e8ecf5344a8955b5ead55fe378d.png
[Tomcat_IDEA]: https://blog.csdn.net/siaok/article/details/130042419?spm=1001.2014.3001.5501
[1a6a364df8b649489ee3ecbdcd083ea1.png]: https://img-blog.csdnimg.cn/1a6a364df8b649489ee3ecbdcd083ea1.png
[76a8686d1ee14c99bcffb4379749cdaa.png]: https://img-blog.csdnimg.cn/76a8686d1ee14c99bcffb4379749cdaa.png
[8df11e5c7d0f44f486c69dd4de3feb3f.png]: https://img-blog.csdnimg.cn/8df11e5c7d0f44f486c69dd4de3feb3f.png
[5f425a96afdd44aebaa502a2b6c6d684.png]: https://img-blog.csdnimg.cn/5f425a96afdd44aebaa502a2b6c6d684.png
[7bc7f76782284a0fbf17568fa40e6391.png]: https://img-blog.csdnimg.cn/7bc7f76782284a0fbf17568fa40e6391.png