小白入门之Maven

以你之姓@ 2021-07-16 13:25 453阅读 0赞

### 文章目录 ###

*   *  企业级架构
     *   *  框架图
     *  Maven 项目构建工具
     *   *  概述
         *  为何需要maven？
     *  四大特征
     *   *  仓库 repository
         *  依赖 dependency
         *  坐标 coordinate
         *  命令 mvn cmd
         *  小结
     *  安装
     *   *  官网
         *  安装
     *  配置 settings.xml
     *   *  配置文件
         *  设置镜像仓库
         *  改变仓库位置
     *  eclipse 集成 maven
     *   *  配置
     *  eclipse创建Maven项目
     *   *  创建maven project
         *  工程目录结构
         *  pom.xml 文件
     *  IDEA 集成 maven
     *  IDEA创建maven项目
     *  添加依赖包
     *   *  jdbc
         *  添加 mysql
     *  常见问题
     *   *  搜索maven依赖的坐标
         *  执行maven命令时内存溢出
         *  版权导致jar远程仓库中没有
         *  下载中断
         *  避免上网下载这么多jar
         *  Maven仓库死活不对之绝招
         *  版本号共享

## 企业级架构 ##

### 框架图 ###

![\[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-iH0Z2eBA-1622610960604)(RackMultipart20210602-4-1ptwrts\_html\_eca4235fb4482d51.png)\]][img-iH0Z2eBA-1622610960604_RackMultipart20210602-4-1ptwrts_html_eca4235fb4482d51.png]

之前我们关注的是前端的解决方案（涉及到的技术有H5、CSS3、JavaScript，CSS升级为Bootstrap再升级到ElementUI，JavaScript升级到jQuery再升级到Vue+NodeJS）现在开始我们开始关注后端的解决方案，也就是服务器端到底干了什么，哪些技术来支持（SpringBoot、Maven、SpringMVC、Spring、Mybatis）。这样前后端都学习完，整个软件项目所需要的基本技术就全线贯通，就可以自己独立完成企业级项目的开发了。

![\[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-ATZaMbDK-1622610960611)(RackMultipart20210602-4-1ptwrts\_html\_d87ca031d7f14d51.png)\]][img-ATZaMbDK-1622610960611_RackMultipart20210602-4-1ptwrts_html_d87ca031d7f14d51.png]

下面我们来描述一个经典的业务请求过程：前端html页面发起ajax请求（http://localhost:8080/factoryController/findAll），访问SpringMVC框架的Controller控制层，SpringMVC框架解析请求，找到要调用的某个Controller，找到其中的findAll方法，同时把请求提交的参数封装到java对象中。之后Controller层把请求传递给Spring框架的Service业务层，Service层在把请求传递给Mybatis框架的Mapper持久层，Mapper访问MySQL数据库进行数据库表的查询，查询结果返回给Mapper层，Mapper再返回给Service层，Service再返回给Controller层。Controller把java数据转换为json字符串，返回给ajax调用，ajax进行回调并把json字符串转换为js对象，再在页面中就可以通过js/vue解析js对象，最终把数据展现到html页面中。

*  开发工具：前端采用HBuilderX，而后端采用eclipse/idea
 *  项目管理：前端采用npm、webpack，而后端采用Maven、SpringBoot
 *  web中间件：前端采用NodeJS，而后端采用Tomcat

## Maven 项目构建工具 ##

### 概述 ###

![\[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-LVAUZBTm-1622610960623)(RackMultipart20210602-4-1ptwrts\_html\_787bd353f9a5a3d8.png)\] \[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-HEbc0mfg-1622610960629)(RackMultipart20210602-4-1ptwrts\_html\_df8476c41f433f87.png)\]][img-LVAUZBTm-1622610960623_RackMultipart20210602-4-1ptwrts_html_787bd353f9a5a3d8.png_ _img-HEbc0mfg-1622610960629_RackMultipart20210602-4-1ptwrts_html_df8476c41f433f87.png]

Maven是跨平台的项目管理工具。作为Apache组织中的一个颇为成功的开源项目，主要服务于基于java平台的项目构建、依赖管理和项目信息管理。无论是小型的开源类库项目，还是大型的企业级应用；无论是传统的瀑布式开发，还是流行的敏捷模式，Maven都能大显身手。

### 为何需要maven？ ###

Java工程中我们自己去找jar，或者来自官网，或者来自网友的分享，或者来自项目团队的共享，不论何种方式，都需要把jar文件复制到lib目录中，并且buildpath。

![\[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-ihKcpz3K-1622610960632)(RackMultipart20210602-4-1ptwrts\_html\_f15562e431ee9cee.png)\]][img-ihKcpz3K-1622610960632_RackMultipart20210602-4-1ptwrts_html_f15562e431ee9cee.png]

Maven改变这种手动维护jar的方式，设计出一套自动维护jar的体系，已经广泛在软件项目中使用，是软件开发人员必须掌握的技术。

全新的设计体系：创先河的发明pom模型，引入了“仓库”、“依赖”、“坐标”和“命令”。

![\[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-iUCkZOYO-1622610960633)(RackMultipart20210602-4-1ptwrts\_html\_dbbe040f008533d0.png)\]][img-iUCkZOYO-1622610960633_RackMultipart20210602-4-1ptwrts_html_dbbe040f008533d0.png]

## 四大特征 ##

### 仓库 repository ###

Maven和我们之前学习的git很类似，其也是分布式架构，它有一个全球仓库，称为中央仓库，全球开发者都可以连接它来自动下载jar包，而无需去厂家官网下载了。都到一个中央仓库下载，中央仓库压力山大，于是全球各地做镜像仓库，如中国就有网易、阿里等镜像仓库。但每次都去外网下载，那不成天光交网费了。Maven当然不会这么做了，它还有本地仓库。下载一次后，不会再次下载的，除非你删除了。

当用户需要某个jar包时，先到本地仓库寻找，没有再去镜像仓库，没有再去中央仓库。中央仓库找到后，并不直接返回到本地仓库，而是保存一份到镜像仓库，镜像仓库返回本地仓库，本地仓库也保存一份，然后返回给调用者。这样设计是不是太精妙了，只需维护中央仓库，其它仓库自行维护。这就是maven的魅力，这种设计思想是我们开发者需要琢磨和借鉴的。

因为其全自动化，中央仓库默认，镜像仓库需要配置，而无需写一句代码。

仓库只解决了jar从哪来来和放在哪里，jar包千千万，我们有jdbc驱动，有junit单元测试，有spring框架，有mybatis等等，那如何去给我们的项目调用呢？

### 依赖 dependency ###

每个核心jar包形成一个依赖，maven底层进行它相关的jar的自动导入

<dependency>
    	<groupId>mysql</groupId>
    	<artifactId>mysql-connector-java</artifactId>
    	<version>5.1.32</version>
    </dependency>

### 坐标 coordinate ###

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3UwMTI5MzI4NzY_size_16_color_FFFFFF_t_70]

**为什么要有坐标呢？坐标的本质是什么呢？**

![\[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-qyIvkBlP-1622610960635)(RackMultipart20210602-4-1ptwrts\_html\_a670faeda1c8471c.png)\]][img-qyIvkBlP-1622610960635_RackMultipart20210602-4-1ptwrts_html_a670faeda1c8471c.png]

Maven世界拥有大量构建，我们需要找一个用来唯一标识一个构建的统一规范。拥有了统一规范，就可以把查找工作交给机器，默认查找jar包。

看完有何感想？还没豁然开朗？坐标不就是形成一套文件存放规则，这样全球不同厂商的jar包都可以保存在maven仓库中，而不会冲突，各自在各自的目录中。哪怕自家的因为版本号的不同，也会放在不同的目录中，也就不会自家引起冲突。

同时最重要的是，拥有了统一规范，拥有了唯一命名，就可以把查找工作交给自动查找到所要的jar包。

这设计水平可见一斑。一套目录规则，就把jar自动化处理变成现实。

### 命令 mvn cmd ###

接下来又是一个很牛的设计，这个思想非常值得品味。Maven借鉴前辈定义了一套生命周期。共有3个生命周期：clean、default、site，每个生命周期包含多个阶段phase。这个并没有什么称奇的，而接下来才是厉害的地方。

![\[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-4iSmWhUL-1622610960639)(RackMultipart20210602-4-1ptwrts\_html\_5dda5252e0363495.png)\]][img-4iSmWhUL-1622610960639_RackMultipart20210602-4-1ptwrts_html_5dda5252e0363495.png]

常用命令：

*  clean 清理
 *  compile 编译
 *  test 测试
 *  site 站点文档
 *  package 打包jar、war
 *  deploy 部署到私服
 *  install 安装jar到本地仓库中
 *  run 运行

每个周期中运行一个命令时，在这个周期里的其他在该命令之前的phase步骤都会执行。如：执行install会自动执行compile（编译java变成了class），test（运行所有单元测试类），package（把整个项目零碎的class文件打包为jar包），最终把成品jar发布到本地仓库中。但执行install并不会自动执行clean。

这意味着什么呢？看看下面命令：

mvn compile、
    
    mvn compile、test
    
    mvn compile、test、package
    
    mvn compile、test、package、install

这意味着一下执行了很多的命令，也称为一键部署，而这过程都是全自动的，以前的开发者每一步都是自己去做的。

还可以一次执行多个命令，各命令又执行它前面的命令：

mvn clean install

注：这些maven命令可以直接在dos窗口中执行的，但需要配置系统变量MAVEN\_HOME，但实际开发中我们常和开发IDE环境集成使用，而很少直接dos使用mvn命令，此处就不做介绍了。

### 小结 ###

优点：

*  Jar管理起来更加轻松，已经被业界广泛采用，springboot就是maven的延伸
 *  仓库的独特设计，实现仓库自行维护
 *  依赖管理方便很多，把开发人员从手工导包解脱出来
 *  坐标体系使不同厂商的文件也井然有序，不会冲突覆盖
 *  生命周期对应命令，使一键做完以前手动的n步事情

缺点：

*  下载异常让初学者手足无措，不得不删掉仓库重新下就好了，为什么好了，不知道
 *  部分包因为版本问题，需要手工导入
 *  引发新的问题，版本冲突：大型项目中jar中依赖其它jar包，会发生你调3.1，我调3.2，臭名昭著的版本冲突问题，如何解决呢？上面方式手工排除，而maven采用就近原则
 *  本地仓库日积月累巨大，本人的达到2g，很多低版本的jar已经无用，或者过气的技术的jar
 *  大型项目中jar冲突非常厉害，仍需手动排除，而且实现方式很多，没有统一规则。如当年加入dubbo的jar时，那冲突叫做满天飞，项目做完也没很良好的解决。但这点springboot却解决了，maven的失败却早就了今天springboot能大行其道的根本原因。

## 安装 ##

### 官网 ###

http://maven.apache.org/download.html

![\[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-wQ5x2YsK-1622610960642)(RackMultipart20210602-4-1ptwrts\_html\_d48efb494f9e9bcc.png)\]][img-wQ5x2YsK-1622610960642_RackMultipart20210602-4-1ptwrts_html_d48efb494f9e9bcc.png]

### 安装 ###

绿色版，下载解压到指定目录，如：d:/java/maven

![\[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-BuBFWADz-1622610960645)(RackMultipart20210602-4-1ptwrts\_html\_9d4986aed75b60c2.png)\]][img-BuBFWADz-1622610960645_RackMultipart20210602-4-1ptwrts_html_9d4986aed75b60c2.png]

## 配置 settings.xml ##

### 配置文件 ###

apache-maven-3.6.3\\conf\\settings.xml 全局配置文件

![\[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-FbD7qYui-1622610960648)(RackMultipart20210602-4-1ptwrts\_html\_cd98fac4784436c8.png)\]][img-FbD7qYui-1622610960648_RackMultipart20210602-4-1ptwrts_html_cd98fac4784436c8.png]

### 设置镜像仓库 ###

默认从maven官网下载，全球都去下载，又是国外网站，因此速度缓慢。

配置为阿里镜像，速度快，但有时有错，如果有错，删除配置，默认从maven官网下载。配置阿里私服镜像仓库,可以写在mirrors标签中间：

<mirror>
    	<id>ali</id>
    	<name>ali Maven</name>
    	<mirrorOf>*</mirrorOf>
    	<url>https://maven.aliyun.com/repository/public/</url>
    </mirror>

### 改变仓库位置 ###

默认仓库位置：C:\\Users\\lpx.m2,建议改变默认仓库位置的配置，否则重装操作系统时，可能会把仓库误删除。

![\[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-frF1A5QS-1622610960650)(RackMultipart20210602-4-1ptwrts\_html\_9bd8cb90d069f33c.png)\]][img-frF1A5QS-1622610960650_RackMultipart20210602-4-1ptwrts_html_9bd8cb90d069f33c.png]

## eclipse 集成 maven ##

### 配置 ###

Maven很强大，各大开发工具IDE直接集成，eclipse也不例外。进入eclipse的preferences菜单，选中Maven项，将"Download Artifact Sources"打钩，下载jar包的同时会自动下载器源码，方便开发者查看源码，很贴心的功能。

![\[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-frTlsQE5-1622610960654)(RackMultipart20210602-4-1ptwrts\_html\_4b05569e90f5e1c2.png)\]][img-frTlsQE5-1622610960654_RackMultipart20210602-4-1ptwrts_html_4b05569e90f5e1c2.png]

Eclipse默认已经集成了maven（EMBEDDED），但我们基本不采用，据说有问题，我们习惯自己下载最新版本的maven，自行配置。

选择安装的maven所在根目录，别忘记打钩哦。

![\[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-pGuGWzaG-1622610960656)(RackMultipart20210602-4-1ptwrts\_html\_9ff9807b458612cf.png)\]][img-pGuGWzaG-1622610960656_RackMultipart20210602-4-1ptwrts_html_9ff9807b458612cf.png]

![\[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-UPuv3rxQ-1622610960658)(RackMultipart20210602-4-1ptwrts\_html\_919a94c5ef24be75.png)\]][img-UPuv3rxQ-1622610960658_RackMultipart20210602-4-1ptwrts_html_919a94c5ef24be75.png]

![\[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-wGuNOZnC-1622610960661)(RackMultipart20210602-4-1ptwrts\_html\_1dbb77162ac48615.png)\]][img-wGuNOZnC-1622610960661_RackMultipart20210602-4-1ptwrts_html_1dbb77162ac48615.png]

## eclipse创建Maven项目 ##

### 创建maven project ###

![\[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-m6jq0NIx-1622610960663)(RackMultipart20210602-4-1ptwrts\_html\_88f4cadbf675bacc.png)\]][img-m6jq0NIx-1622610960663_RackMultipart20210602-4-1ptwrts_html_88f4cadbf675bacc.png]  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3UwMTI5MzI4NzY_size_16_color_FFFFFF_t_70 1]

![\[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-F52AYWiL-1622610960669)(RackMultipart20210602-4-1ptwrts\_html\_69c7e96ed9eaee87.png)\]][img-F52AYWiL-1622610960669_RackMultipart20210602-4-1ptwrts_html_69c7e96ed9eaee87.png]  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3UwMTI5MzI4NzY_size_16_color_FFFFFF_t_70 2]

### 工程目录结构 ###

Maven提倡一个口号：约定优于配置！

约定优于配置（convention over configuration），也称作按约定编程，是一种软件设计范式，旨在减少软件开发人员需做决定的数量，获得简单的好处，而又不失灵活性。

项目代码放main下，测试代码放test下，源代码文件放java下，资源文件放resources下。项目代码管理结构清晰，分工明确，各归其位，便于管理，最终便于程序的自动化。Maven命令能一键执行其核心要点就依赖于此。Maven如此，Spring/SpringBoot亦如此。

![\[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-jMId9Wma-1622610960671)(RackMultipart20210602-4-1ptwrts\_html\_6a2d9d4ae9aebf5e.png)\]][img-jMId9Wma-1622610960671_RackMultipart20210602-4-1ptwrts_html_6a2d9d4ae9aebf5e.png]

注意：Maven的个别骨架archetype并不会完整创建上述目录，而且每个骨架创建的也稍有不同，bug不断，没有关系，我们自己手动创建补齐即可。

### pom.xml 文件 ###

Maven工程的特点就是在根目录下多了pom.xml文件

<project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 https://maven.apache.org/xsd/maven-4.0.0.xsd">
      <modelVersion>4.0.0</modelVersion>
      <groupId>cn.tedu</groupId>
      <artifactId>jk</artifactId>
      <version>0.0.1-SNAPSHOT</version>
    </project>

## IDEA 集成 maven ##

![\[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-NRSMFdrO-1622610960673)(RackMultipart20210602-4-1ptwrts\_html\_3c732b7c9d47478e.png)\]][img-NRSMFdrO-1622610960673_RackMultipart20210602-4-1ptwrts_html_3c732b7c9d47478e.png]

## IDEA创建maven项目 ##

![\[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-SGM5zYv4-1622610960676)(RackMultipart20210602-4-1ptwrts\_html\_54e4934b5e81d8bb.png)\]][img-SGM5zYv4-1622610960676_RackMultipart20210602-4-1ptwrts_html_54e4934b5e81d8bb.png]

![\[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-OkZCVceL-1622610960678)(RackMultipart20210602-4-1ptwrts\_html\_c9bcd136940338cc.png)\]][img-OkZCVceL-1622610960678_RackMultipart20210602-4-1ptwrts_html_c9bcd136940338cc.png]

![\[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-jAtwlPUB-1622610960680)(RackMultipart20210602-4-1ptwrts\_html\_f7f9bc6f54e54202.png)\]][img-jAtwlPUB-1622610960680_RackMultipart20210602-4-1ptwrts_html_f7f9bc6f54e54202.png]

## 添加依赖包 ##

### jdbc ###

package cn.tedu;
    
    import java.sql.Connection;
    import java.sql.DriverManager;
    import java.sql.PreparedStatement;
    import java.sql.ResultSet;
    
    public class jdbctest { 
        public static void main(String[] args) throws Exception{ 
            Class.forName("com.mysql.jdbc.Driver");
    
            String url = "jdbc:mysql://localhost:3306/cgb2103"
                    + "?characterEncoding=utf8"
                    + "&serverTimezone=Asia/Shanghai";
    
          Connection cn = DriverManager.getConnection(url, "root", "root");
    
            String sql = "select * from user";
            PreparedStatement ps = cn.prepareStatement(sql);
            ResultSet rs = ps.executeQuery();
            while( rs.next() ) { 
                for(int i=1; i<=3; i++) { 
                    System.out.print( rs.getString(i)+"\t" );
                }
            }
        }
    }

### 添加 mysql ###

<?xml version="1.0" encoding="UTF-8"?>
    <project xmlns="http://maven.apache.org/POM/4.0.0"
             xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
             xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/xsd/maven-4.0.0.xsd">
        <modelVersion>4.0.0</modelVersion>
    
        <groupId>cn.tedu</groupId>
        <artifactId>mavencgb</artifactId>
        <version>1.0-SNAPSHOT</version>
        
        <dependencies>
            <dependency>
                <groupId>mysql</groupId>
                <artifactId>mysql-connector-java</artifactId>
                
                <version>5.1.48</version>
            </dependency>
        </dependencies>
    </project>

## 常见问题 ##

### 搜索maven依赖的坐标 ###

查询最新版本和坐标 http://search.maven.org/

### 执行maven命令时内存溢出 ###

在使用maven时，如果报内存溢出，如使用 mvn site会耗费大量内存，则修改默认配置。

D:\javaenv\apache-maven-3.0.5\bin\mvn.cmd
    
    在@REM set MAVEN\_OPTS=……后加入
    
    set MAVEN\_OPTS= -Xms128m -Xmx512m

### 版权导致jar远程仓库中没有 ###

例如oracle、全文检索的IKAnalyzer分词器、Dubbox等。

解决办法：按maven坐标手动创建目录结构，将jar单独下载，放入其中。

### 下载中断 ###

远程仓库为国外网站，又是众矢之的，全球都到哪里下载。常会因为网络故障导致jar下载不完全：

jsp-api-2.1.jar.lastUpdated   --没下载全，不能用，用时会报错
    mysql-connector-java-5.1.48.jar –下载OK的,才可以用

遇到这样的情况：

*  可以等待网络比较好的时候再下载
 *  可以拷贝别人的仓库
 *  如果只是个别jar包，可以到jar的官网下载后，然后手动配置

最恶劣的一种情况，下载出异常，也就是pom.xml会提示jar包有问题，可到maven本地仓库，jar也存在。这时可以打开jar包，看是否能打开。如果打不开，则删除，触发maven重新下载。

### 避免上网下载这么多jar ###

注意： Maven不同的myeclipse/eclipse，myclipse的maven的插件会调用不同版本的jar。不会缺少业务使用的jar。

Maven命令实际是一个jar包，运行前必须需下载maven的插件，运行时判断如果不存在会自动下载。

### Maven仓库死活不对之绝招 ###

拷贝环境没问题的 同学的配置文件 和 仓库 。

### 版本号共享 ###

通常在项目中，我们会同时依赖同一个构件的不同模块，如 spring-orm-3.2.0，spring-context-3.2.0，且多个模块版本相同，为了维护和升级方便，我们可以对其同一管理，这时可以使用到 Maven 属性，类似于变量的概念。

<properties>
    	<junit.version>4.10</junit.version>
    	<spring.version>4.1.3.RELEASE</spring.version>
    </properties>
    
    
    <dependency>
    	<groupId>org.springframework</groupId>
    	<artifactId>spring-context</artifactId>
    	<version>${ spring.version}</version>
    </dependency>命令插件

一键部署，执行每个命令会自动调用前面的命令。可以一次执行多个命名。只能执行本生命周期中的前面的命令。

每个maven命令就是一个jar，一个maven插件。在第一次运行时下载。

![\[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-iXC1Z5ZH-1622610960684)(RackMultipart20210602-4-1ptwrts\_html\_74fc418105d040a3.png)\]][img-iXC1Z5ZH-1622610960684_RackMultipart20210602-4-1ptwrts_html_74fc418105d040a3.png]

[img-iH0Z2eBA-1622610960604_RackMultipart20210602-4-1ptwrts_html_eca4235fb4482d51.png]: /images/20210716/79efc645783f4c7883c624554c532154.png
[img-ATZaMbDK-1622610960611_RackMultipart20210602-4-1ptwrts_html_d87ca031d7f14d51.png]: /images/20210716/2af4614524524e43b139fdef9bc7cc1e.png
[img-LVAUZBTm-1622610960623_RackMultipart20210602-4-1ptwrts_html_787bd353f9a5a3d8.png_ _img-HEbc0mfg-1622610960629_RackMultipart20210602-4-1ptwrts_html_df8476c41f433f87.png]: /images/20210716/baf80caa72054891b3519588a65f38a3.png
[img-ihKcpz3K-1622610960632_RackMultipart20210602-4-1ptwrts_html_f15562e431ee9cee.png]: /images/20210716/63a6b61cc8234e59bf9811300c4248a4.png
[img-iUCkZOYO-1622610960633_RackMultipart20210602-4-1ptwrts_html_dbbe040f008533d0.png]: /images/20210716/fe8b364ec21a4b799b4a5c9822df812a.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3UwMTI5MzI4NzY_size_16_color_FFFFFF_t_70]: /images/20210716/e0e75b2ee6794b15ae49ec9a38b9bfa1.png
[img-qyIvkBlP-1622610960635_RackMultipart20210602-4-1ptwrts_html_a670faeda1c8471c.png]: /images/20210716/a2a062033ae642c49ad1cfc0d1b55d2a.png
[img-4iSmWhUL-1622610960639_RackMultipart20210602-4-1ptwrts_html_5dda5252e0363495.png]: /images/20210716/c84a0564890a4325ac2fb31dd34f256d.png
[img-wQ5x2YsK-1622610960642_RackMultipart20210602-4-1ptwrts_html_d48efb494f9e9bcc.png]: /images/20210716/8ce91575ce024c2093b198af533257d2.png
[img-BuBFWADz-1622610960645_RackMultipart20210602-4-1ptwrts_html_9d4986aed75b60c2.png]: /images/20210716/8780f05d48c44329bb991f495df46ce1.png
[img-FbD7qYui-1622610960648_RackMultipart20210602-4-1ptwrts_html_cd98fac4784436c8.png]: /images/20210716/e27318707f89411e8623fbfc305dc9f2.png
[img-frF1A5QS-1622610960650_RackMultipart20210602-4-1ptwrts_html_9bd8cb90d069f33c.png]: /images/20210716/535a4ff401404b8da2d7366e96467649.png
[img-frTlsQE5-1622610960654_RackMultipart20210602-4-1ptwrts_html_4b05569e90f5e1c2.png]: /images/20210716/8764abc7b20946738202cfdfbdf3efff.png
[img-pGuGWzaG-1622610960656_RackMultipart20210602-4-1ptwrts_html_9ff9807b458612cf.png]: /images/20210716/ceb694105aaa4f2e8baa6a313044df9c.png
[img-UPuv3rxQ-1622610960658_RackMultipart20210602-4-1ptwrts_html_919a94c5ef24be75.png]: /images/20210716/e45d153376834eea8930a549d6e87e93.png
[img-wGuNOZnC-1622610960661_RackMultipart20210602-4-1ptwrts_html_1dbb77162ac48615.png]: /images/20210716/101a6f9d1e164f13a11e783337733a00.png
[img-m6jq0NIx-1622610960663_RackMultipart20210602-4-1ptwrts_html_88f4cadbf675bacc.png]: /images/20210716/b331b469ca534e9d884eafa1e959bf1f.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3UwMTI5MzI4NzY_size_16_color_FFFFFF_t_70 1]: /images/20210716/32ae7bd9f7504bc39c58a8ca925f95a3.png
[img-F52AYWiL-1622610960669_RackMultipart20210602-4-1ptwrts_html_69c7e96ed9eaee87.png]: /images/20210716/2abe93fb88b141a7b8f2df0729763003.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3UwMTI5MzI4NzY_size_16_color_FFFFFF_t_70 2]: /images/20210716/23f93bd09707465a874090e210a46eb1.png
[img-jMId9Wma-1622610960671_RackMultipart20210602-4-1ptwrts_html_6a2d9d4ae9aebf5e.png]: /images/20210716/61f45be01ec34cb9a2da74c0889d3c55.png
[img-NRSMFdrO-1622610960673_RackMultipart20210602-4-1ptwrts_html_3c732b7c9d47478e.png]: /images/20210716/667abff77e1140b698c1d29f9aa84d1c.png
[img-SGM5zYv4-1622610960676_RackMultipart20210602-4-1ptwrts_html_54e4934b5e81d8bb.png]: /images/20210716/fd781dc962b84240a5462bcb60d9c3b3.png
[img-OkZCVceL-1622610960678_RackMultipart20210602-4-1ptwrts_html_c9bcd136940338cc.png]: /images/20210716/43333802cba045c3886a07b3adf08f47.png
[img-jAtwlPUB-1622610960680_RackMultipart20210602-4-1ptwrts_html_f7f9bc6f54e54202.png]: /images/20210716/1e870b2a9bf54bc69bc8030ad81bd4c7.png
[img-iXC1Z5ZH-1622610960684_RackMultipart20210602-4-1ptwrts_html_74fc418105d040a3.png]: /images/20210716/8db5375e09d74d43a9cafe0a84a405e9.png