使用IntelliJ IDEA开发SpringMVC网站

╰半夏微凉° 2022-07-16 02:42 177阅读 0赞

### https://my.oschina.net/gaussik/blog/385697    ###

### 一、相关环境 ###

- Intellij IDEA 2016.2 Ultimate

- Tomcat 8.0.35

- JDK 1.8.0\_92

- Spring 4.2.6

- MySql 5.7

- Maven 3.3.9

- Bootstrap 3.3.5

以上是我要做的这个demo所需要的东西，当然有些是可选的，版本也是可控的。比如说如果你用不惯Maven的话可以自行去官网下载jar包然后导入自己的工程中，如果想要学习下Maven可以看看《[Maven视频教程][Maven]》（偶然找到，这个老师做的视频都挺好，推荐以下），不用完全的去学习Maven，懂大概意思后再去找找IntelliJ IDEA如何配置maven的相关文章就足够了。

还有Bootstrap，纯粹是个人洁癖，不需要这可以去之。

事先声明，请确保IntelliJ IDEA、Tomcat、MySql和JDK都已经安装好。Maven和Bootstrap的话能有则有。前者为了让导包更容易，后者为了让页面更美观。此外，由于jdk以及mysql的安装网上已经有了很多教程，在此为节省篇幅不做介绍。废话不多说，正式开始。

### 二、本地Maven与Tomcat的安装 ###

注：如果使用IntelliJ IDEA集成的maven 3.0.5的话，可以忽略此步安装。

#### 1、下载并安装本地maven     ####

点击“[Apache-Maven官方网站][Apache-Maven]”进入官网，点击左侧Download选项：

![091624_zfgR_2287879.png][]

进入了下载页面，往下拉可发现当前版本是3.3.3，点击下面红框中的[apache-maven-3.3.9-bin.zip][]就可下载，下载后解压缩到相应目录下：

![091746_VcJO_2287879.png][]

新增系统变量MAVEN\_HOME：即MAVEN安装目录：

![090939_nyU4_2287879.png][]

在Path中加入：%MAVEN\_HOME%\\bin;

![091218_7jmA_2287879.png][]

在cmd中输入mvn -v，若显示如下，则说明本地maven配置完成：

![091433_NvGk_2287879.png][]

#### 2、下载并安装本地Tomcat ####

进入[Tomcat官网][Tomcat]，点击左侧Download的Tomcat8.0，进入Tomcat的下载页面：

![232241_BSL6_2287879.png][]

64位Windows版本下载[64-bit Windows zip (pgp, md5, sha1)][64-bit Windows zip_pgp_md5_sha1]，解压到所需目录下：

[![092255_JHtq_2287879.png][]][64-bit Windows zip_pgp_md5_sha1]

解压后到\\bin\\目录下运行startup.bat，如图下所示，如果出现Server startup in xxxx ms说明Tomcat安装成功。

![232520_pk2T_2287879.png][]

### 三、创建Maven Web项目 ###

前面说了这么多，差不多基本的东西都保障了（前提保证你已经安装了jdk）。现在进入正题，如何来创建一个Web项目。对于不使用Maven的开发者，可以直接建一个简单的Web项目。使用Maven的话，请按照图进行操作。

![233218_V1Av_2287879.png][]

菜单File->New Project可进入上图界面，首先选择左边栏Maven，再配置JDK（一般如果之前添加了JDK的话会自动填充，如未添加的话点击旁边的New将JDK目录导入即可）。勾选“Create from archetype“，然后选中4处蓝色位置webapp，点Next，进入如下界面：

![100603_HIJg_2287879.png][]

这里需要填写GroupId和ArtifactId还有Version，这三个属性目的是标识你的项目的唯一性，比如Tomcat的GroupId是org.apache，即它是apache组织的项目，ArtifactId是tomcat，项目名为tomcat，而我当前使用的Version是7.0.68。这些只在发布时有用，在此可以随便填写，填好后点Next，到如下界面。

打开Maven home directory，可以发现IntelliJ IDEA已经集成了Maven 2和Maven 3两个版本，如果使用默认集成的maven的话，选择Buldled(Maven 3)，直接点击Next。

![100729_Cbiy_2287879.png][]

我们也可以导入本地新安装的较新的Maven版本，点击蓝色箭头右边的 ... 按钮将Maven路径导入即可，点击Next：

![105055_vkj3_2287879.png][]

填写项目名，选择项目保存路径，点击Finish：

![105227_UFsO_2287879.png][]

进入如下界面，maven会在后台生成web项目，这需要等待一定的时间，视网络环境而定，经验发现用较新版本的maven项目生成更快，使用IDEA集成的maven可能会等待很长一段实践。

![105854_OVTn_2287879.png][]

左边红框中展示了该项目的文件结构。可以发现，它在src/main下创建了一个recources文件夹，该文件夹一般用来存放一些资源文件，还有一个webapp文件夹，用来存放web配置文件以及jsp页面等，这已经组成了一个原始的web应用。选择右边红框的Enable-Auto-Import，可以在每次修改pom.xml后，自动的下载并导入jar包，这一点在后面详述。

注：如果这一步生成实在太慢的话，建议看一下以下两篇（感谢26楼 [wintersun2][] 同学的提出）：

文章1： [http://www.cnblogs.com/beiyeren/p/4566485.html][http_www.cnblogs.com_beiyeren_p_4566485.html]  
文章2：[http://blog.csdn.net/cleverlzc/article/details/50864582][http_blog.csdn.net_cleverlzc_article_details_50864582]

### 四、Maven自动导入jar包 ###

既然我们要用SpringMVC开发，那肯定少不了SpringMVC的相关jar包。如果不使用Maven的话，那就需要去官网下载相关的jar包，然后导入到项目中。现在使用maven的话，就不需要上网找jar包了。具体容我一一道来。

Maven所做的工作其实很简单，就是自动把你需要的jar包下载到本地，然后关联到项目中来。maven的所有jar包都是保存在几个中央仓库里面的，其中一个最常用的是[Maven Repository][]，即，你需要什么jar包，它就会从仓库中拿给你。那么如何告诉maven需要什么jar包呢？我们看看工程目录，能找到一个pom.xml文件（这个文件在刚创建好项目时就已经展现在了大家面前），maven就是靠它来定义需求的，代码如下：

<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/maven-v4_0_0.xsd">
        <modelVersion>4.0.0</modelVersion>
        <groupId>com.gaussic</groupId>
        <artifactId>springmvcdemo</artifactId>
        <packaging>war</packaging>
        <version>1.0-SNAPSHOT</version>
        <name>springmvcdemo Maven Webapp</name>
        <url>http://maven.apache.org</url>
        <dependencies>
            <dependency>
                <groupId>junit</groupId>
                <artifactId>junit</artifactId>
                <version>3.8.1</version>
                <scope>test</scope>
            </dependency>
        </dependencies>
        <build>
            <finalName>springmvcdemo</finalName>
        </build>
    </project>

我们可以看到这个文件包含了我们之前定义的本项目的gropId等信息，这些信息是该项目的标识，我们不要去改动它们。重点看<dependencies>标签，翻译过来是”依赖“的意思，也就是说把对每个包的需求都称为一个依赖<depedency>，定义在<dependencies>中。在每个<depedency>中，你需要提供的是所需jar包的groupId、artifactId、version这三个必要信息。比如上面我们看到引入可一个junit包，格式如下：

<dependency>
        <groupId>junit</groupId>
        <artifactId>junit</artifactId>
        <version>3.8.1</version>
        <scope>test</scope>
    </dependency>

这是单元测试包，提供了三个基本信息，第4个scope对其他包来说是非必需的。所有jar包的引入都要满足这个格式。那么如何查看这些jar包的3个信息呢，可能刚接触是开发者还不是很熟悉，这个时候就需要查阅仓库了。比如我们需要引入Spring核心jar包spring-core，打开[Maven Repository][]，搜索spring-core，进入如下界面：

![111417_iBG3_2287879.png][]

点击进入红框选中的Spring Core，如下所示，可以看到各版本的使用情况：

![111847_GeLG_2287879.png][]

选择最新版本4.2.5.RELEASE，可以看到其dependency写法如下红框所示：

![112014_KnIF_2287879.png][]

我们将其复制到pom.xml中的<dependencies>中：

![112339_FuQC_2287879.png][]

这样，Maven就会开始自动下载jar包到本地仓库，然后关联到你的项目中，下载完成后，我们展开工程目录中External Libraries：

![112911_sL2Z_2287879.png][]

可以发现，虽然我们只写了一个依赖，但是它导入了两个jar包，也就是说，导入某个jar包时，与它密切相关的jar包也会同时被导入进来。

除了spring-core，我还要spring-context，复制spring-core的<dependency>，将spring-core改为spring-context，如下：

<dependency>
        <groupId>org.springframework</groupId>
        <artifactId>spring-context</artifactId>
        <version>4.2.5.RELEASE</version>
    </dependency>

下载完成后，查看External Libraries，会不会发现，瞬间导入了好多jar包（当然不是瞬间，这得看你的网速了）呢：

![113223_hWAz_2287879.png][]

这就是Maven的强大之处，如果你需要使用SpringMVC开发网站的话，只需记住几个重要的包的名字，就可以轻松将所有包导入项目中。

长话短说，现在我们要进行SpringMVC的开发，请把你的pom.xml变成下面的样子，当然不要改你的grupId等信息（从modelVersion到url都不要动）：

<properties>
        <spring.version>4.2.6.RELEASE</spring.version>
        <hibernate.version>5.1.0.Final</hibernate.version>
    </properties>

请在<dependencies>中加入以下依赖：

<dependency> <groupId>org.springframework</groupId> <artifactId>spring-webmvc</artifactId> <version>${spring.version}</version> </dependency> <dependency> <groupId>org.springframework.data</groupId> <artifactId>spring-data-jpa</artifactId> <version>1.10.1.RELEASE</version> </dependency> <dependency> <groupId>org.hibernate</groupId> <artifactId>hibernate-entitymanager</artifactId> <version>${hibernate.version}</version> </dependency> <dependency> <groupId>org.hibernate</groupId> <artifactId>hibernate-c3p0</artifactId> <version>${hibernate.version}</version> </dependency> <dependency> <groupId>com.mchange</groupId> <artifactId>c3p0</artifactId> <version>0.9.5.2</version> </dependency> <dependency> <groupId>javax.servlet</groupId> <artifactId>jstl</artifactId> <version>1.2</version> </dependency> <dependency> <groupId>mysql</groupId> <artifactId>mysql-connector-java</artifactId> <version>5.1.39</version> </dependency>

将<build>改成如下形式：

<build>
            <finalName>springmvcdemo</finalName>
            <plugins>
                <plugin>
                    <groupId>org.apache.maven.plugins</groupId>
                    <artifactId>maven-compiler-plugin</artifactId>
                    <configuration>
                        <source>1.8</source>
                        <target>1.8</target>
                    </configuration>
                </plugin>
            </plugins>
        </build>

我们可以发现，除了导入了spring相关jar包，还有一些其他的包，这些包都是有作用的，我们后面慢慢说。如果不使用Maven请自行下载spring、hibernate、mysql、jstl等相关jar包然后导入到工程中。至此，jar包的导入就完成了，我们按 ctrl+alt+shift+s，或者File->Project Structure查看一下项目结构，看看有什么问题：

![234151_HxRP_2287879.png][]

由于之后我们要开始写代码了，先做一些配置，选择Modules，在SpringMVCDemo的src\\main文件夹中新建一个文件夹，取名为java：

![114117_ldQB_2287879.png][]

选中java文件夹，点击上面的Make as：Sources，该文件夹就会变成蓝色，用以保存java代码，按OK，结束配置。

![114345_6NFb_2287879.png][]

### 五、SpringMVC框架配置 ###

进行完上面的配置，那就说明现在基本的开发环境已经搭建好了，现在要开始进行SpringMVC的网站开发。

#### 1、web.xml配置 ####

打开src\\main\\webapp\\WEB-INF\\下的web.xml文件，稍微更新一下web.xml的版本，可以支持更高级的一些语法，如下：

在<web-app>中加入一个servlet：

<?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_3_1.xsd"          version="3.1">
    
        <display-name>SpringMVCDemo Web Application</display-name>
    
        <servlet>
            <servlet-name>mvc-dispatcher</servlet-name>
            <servlet-class>org.springframework.web.servlet.DispatcherServlet</servlet-class>
            <load-on-startup>1</load-on-startup>
        </servlet>
    
        <servlet-mapping>
            <servlet-name>mvc-dispatcher</servlet-name>
            <url-pattern>/</url-pattern>
        </servlet-mapping>
    </web-app>

该servlet名为mvc-dispatcher（名称可修改），用于拦截请求（url-pattern为 / ，说明拦截所有请求），并交由Spring MVC的后台控制器来处理。这一项配置是必须的。

为了能够处理中文的post请求，再配置一个encodingFilter，以避免post请求中文出现乱码情况：

<filter>
        <filter-name>encodingFilter</filter-name>
        <filter-class>org.springframework.web.filter.CharacterEncodingFilter</filter-class>
        <init-param>
            <param-name>encoding</param-name>
            <param-value>UTF-8</param-value>
        </init-param>
        <init-param>
            <param-name>forceEncoding</param-name>
            <param-value>true</param-value>
        </init-param>
    </filter>
    <filter-mapping>
        <filter-name>encodingFilter</filter-name>
        <url-pattern>/*</url-pattern>
    </filter-mapping>

至此，web.xml配置完毕。

#### 2、xxx-servlet.xml配置 ####

在配置完web.xml后，需在web.xml同级目录下新建 mvc-dispatcher-servlet.xml（-servlet前面是在servlet里面定义的servlet名）：

![115510_gst7_2287879.png][]

![115738_2e4p_2287879.png][]

新建该xml文件后，点击右上角的configure，出现 Setup Frameworks界面，点击OK，这样，IntelliJ IDEA就识别了SpringMVC的配置文件：

![115931_Yfbh_2287879.png][]

mvc-dispatcher-servlet.xml文件如下：

<?xml version="1.0" encoding="UTF-8"?>
    <beans xmlns="http://www.springframework.org/schema/beans"        xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"        xsi:schemaLocation="http://www.springframework.org/schema/beans http://www.springframework.org/schema/beans/spring-beans.xsd">
    
    </beans>

MVC框架有model、view、controller三部分组成。model一般为一些基本的Java Bean，view用于进行相应的页面显示，controller用于处理网站的请求。

在src\\main\\java中新建一个用于保存controller的package：

![120148_zxdz_2287879.png][]

![120330_gCaJ_2287879.png][]

在controller包中新建java类MainController（名称并不固定，可任意取），并修改如下：

![120627_WMr5_2287879.png][]

![120731_6JEm_2287879.png][]

package com.gaussic.controller; import org.springframework.stereotype.Controller; import org.springframework.web.bind.annotation.RequestMapping; import org.springframework.web.bind.annotation.RequestMethod; /**  * Created by dzkan on 2016/3/8.  */ @Controller public class MainController {     @RequestMapping(value = "/", method = RequestMethod.GET)     public String index() {         return "index";     } }

![121141_lYpA_2287879.png][]

（1）@Controller注解：采用注解的方式，可以明确地定义该类为处理请求的Controller类；

（2）@RequestMapping()注解：用于定义一个请求映射，value为请求的url，值为 / 说明，该请求首页请求，method用以指定该请求类型，一般为get和post；

（3）return "index"：处理完该请求后返回的页面，此请求返回 index.jsp页面。

回到mvc-dispatcher-servlet.xml，进行相关配置。首先加入component-scan标签，指明controller所在的包，并扫描其中的注解（最好不要复制，输入时按IDEA会在beans xmlns中添加相关内容）：

再进行js、image、css等静态资源访问的相关配置，这样，SpringMVC才能访问网站内的静态资源：

<mvc:default-servlet-handler/>

再开启springmvc注解模式，由于我们利用注解方法来进行相关定义，可以省去很多的配置：

<mvc:annotation-driven/>

再进行视图解析器的相关配置：

<bean id="jspViewResolver" class="org.springframework.web.servlet.view.InternalResourceViewResolver">
        <property name="viewClass" value="org.springframework.web.servlet.view.JstlView"/>
        <property name="prefix" value="/WEB-INF/pages/"/>
        <property name="suffix" value=".jsp"/>
    </bean>

关于controller如何找到视图文件，这里需要详细的说明。在 controller 的一个方法中，返回的字符串定义了所需访问的jsp的名字（如上面的index）。在jspViewResolver中，有两个属性，一个是prefix，定义了所需访问的文件路径前缀，另一是suffix，表示要访问的文件的后缀，这里为 .jsp。那么，如果返回字符串是 xxx ，SpringMVC就会找到 /WEB-INF/pages/xxx.jsp 文件。

完成以上配置后，mvc-dispatcher-servlet.xml文件如下图所示：

<?xml version="1.0" encoding="UTF-8"?>
    <beans xmlns="http://www.springframework.org/schema/beans"        xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"        xmlns:context="http://www.springframework.org/schema/context"        xmlns:mvc="http://www.springframework.org/schema/mvc"        xsi:schemaLocation="http://www.springframework.org/schema/beans http://www.springframework.org/schema/beans/spring-beans.xsd http://www.springframework.org/schema/context http://www.springframework.org/schema/context/spring-context.xsd http://www.springframework.org/schema/mvc http://www.springframework.org/schema/mvc/spring-mvc.xsd">
    
        
        <context:component-scan base-package="com.gaussic.controller"/>
    
        
        <mvc:default-servlet-handler/>
    
        
        <mvc:annotation-driven/>
    
        
        
        <bean id="jspViewResolver" class="org.springframework.web.servlet.view.InternalResourceViewResolver">
            <property name="viewClass" value="org.springframework.web.servlet.view.JstlView"/>
            <property name="prefix" value="/WEB-INF/pages/"/>
            <property name="suffix" value=".jsp"/>
        </bean>
    </beans>

我们删除 webapp 目录下的 index.jsp 文件，在WEB-INF目录下新建文件夹pages，再在pages目录下新建 index.jsp，并修改为如下所示：

<%@ page contentType="text/html;charset=UTF-8" language="java" %> <!DOCTYPE html> <html lang="zh-CN"> <head>     <meta charset="utf-8">     <meta http-equiv="X-UA-Compatible" content="IE=edge">     <meta name="viewport" content="width=device-width, initial-scale=1">       <title>SpringMVC Demo 首页</title>       <link rel="stylesheet" href="//cdn.bootcss.com/bootstrap/3.3.5/css/bootstrap.min.css">                </head> <body> <h1>这里是SpringMVC Demo首页</h1> <h3>出现此页面，说明配置成功。</h3>  <script src="//cdn.bootcss.com/jquery/1.11.3/jquery.min.js"></script>  <script src="//cdn.bootcss.com/bootstrap/3.3.5/js/bootstrap.min.js"></script> </body> </html>

![133040_2Omd_2287879.png][]

这里使用了Bootstrap的CDN加速服务，如果要使用本地的Bootstrap，请前往[Bootstrap官网][Bootstrap]下载，并放在 webapp 目录下，然后引入到 index.jsp 中，这里不做详细介绍。

现在，需要配置 Tomcat 来运行该项目。点击界面右上角的向下箭头，选择 Edit Configurations：

![133325_Qvqz_2287879.png][]

点击左上角的”+“号，选择Tomcat Server，（如果没有请选择最下方的33 items more，找到Tomcat Server），再选择Local：

![133538_cgwt_2287879.png][]

进入如下界面：

![133720_fg9R_2287879.png][]

点击 Application server 右边的 Configure，导入Tomcat 目录（项目已更新到Tomcat8，请按照自身版本导入）：

![134140_xjUq_2287879.png][]

在配置好tomcat的路径后，如下图所示，发现依然存在警告，且左方的Tomcat7图标上有一个错误标记，说明还没有配置完全：

![134439_ThnH_2287879.png][]

我们还需要将项目部署到 Tomcat 服务器中。点击 Deployment，再点击右边的”+“号，添加一个Artifact：

![223515_mXqO_2287879.png][]

选择第二个：war exploded，点击OK，这样，该项目就已经部署到了tomcat中：

![134953_3WY0_2287879.png][]

再点击OK，整个Tomcat配置结束：

![135145_q63A_2287879.png][]

点击界面右上角的红框中的绿色箭头，就可以启动 Tomcat 了，其控制台输出将在 IDEA 下方显示

![135804_BZjx_2287879.png][]

启动后，浏览器将自动弹出项目首页：

![135858_AxWx_2287879.png][]

这样，说明配置完成。这里总结一下其相关机制：首先，浏览器访问 localhost:8080，后台controller拦截该请求，进行相应的处理（此处无），在跳转到视图 index.jsp进行显示。此后，将会进行详细的介绍。

[Maven]: http://www.icoolxue.com/album/show/45
[Apache-Maven]: http://maven.apache.org/
[091624_zfgR_2287879.png]: /images/20220716/541aecaf56c54b18bd7af5b5634303c0.png
[apache-maven-3.3.9-bin.zip]: http://apache.opencas.org/maven/maven-3/3.3.9/binaries/apache-maven-3.3.9-bin.zip
[091746_VcJO_2287879.png]: /images/20220716/92c8803c560342ee9247a1907ce85efb.png
[090939_nyU4_2287879.png]: /images/20220716/20d06ccbb58d4aa29782fb4ffed96aaf.png
[091218_7jmA_2287879.png]: /images/20220716/c3021639087c4987b96b4c1b4c523e6d.png
[091433_NvGk_2287879.png]: /images/20220716/391104e371a0455aaf9817b41707e75e.png
[Tomcat]: http://tomcat.apache.org/
[232241_BSL6_2287879.png]: /images/20220716/451c1b90fb2949928433d3402e5962c1.png
[64-bit Windows zip_pgp_md5_sha1]: http://mirror.bit.edu.cn/apache/tomcat/tomcat-7/v7.0.68/bin/apache-tomcat-7.0.68-windows-x64.zip
[092255_JHtq_2287879.png]: /images/20220716/33f08751c7af4a8baeb6e35bb69f33c5.png
[232520_pk2T_2287879.png]: /images/20220716/fb000f34a1514b02925509143b15e2a7.png
[233218_V1Av_2287879.png]: /images/20220716/fd175a5ecdc04f30bc52593135422d63.png
[100603_HIJg_2287879.png]: /images/20220716/b2e8e44c735643aca2480d9f7df5c7b0.png
[100729_Cbiy_2287879.png]: /images/20220716/d9ce289a411640068e896b6e28151038.png
[105055_vkj3_2287879.png]: /images/20220716/d06a55330924415cbeee112848b0a443.png
[105227_UFsO_2287879.png]: /images/20220716/ef2db49b33cf4c47a4865e1c70872473.png
[105854_OVTn_2287879.png]: /images/20220716/8147d3f3bfb14dc7bb7779261cf68069.png
[wintersun2]: http://my.oschina.net/wintersun2
[http_www.cnblogs.com_beiyeren_p_4566485.html]: http://www.cnblogs.com/beiyeren/p/4566485.html
[http_blog.csdn.net_cleverlzc_article_details_50864582]: http://blog.csdn.net/cleverlzc/article/details/50864582
[Maven Repository]: http://mvnrepository.com/
[111417_iBG3_2287879.png]: /images/20220716/dd0836835aff4e069215c9bc31f2749f.png
[111847_GeLG_2287879.png]: /images/20220716/84af2a98452648be8842827cd2c7f855.png
[112014_KnIF_2287879.png]: /images/20220716/dfa201a2d8424ebdbbfd19f96837b416.png
[112339_FuQC_2287879.png]: /images/20220716/eab33e0af8ae4a33bcedec91511c04ad.png
[112911_sL2Z_2287879.png]: /images/20220716/035b3b532d9844dfb5ff0665312956df.png
[113223_hWAz_2287879.png]: /images/20220716/6512e0d9cada4774ac0b6fd1443d4d23.png
[234151_HxRP_2287879.png]: /images/20220716/4e9e7c9e836446c28dc881df8dda4130.png
[114117_ldQB_2287879.png]: /images/20220716/aef84d01683f4a3090dd6523339b448c.png
[114345_6NFb_2287879.png]: /images/20220716/ecefe7eff4af4436a7cefcce07c639e6.png
[115510_gst7_2287879.png]: /images/20220716/09d64e6e4c524b5d8137a75942580015.png
[115738_2e4p_2287879.png]: /images/20220716/9dde810754124ccf8ed9ce99dc783f83.png
[115931_Yfbh_2287879.png]: /images/20220716/e22948ae5bad41319316204fef9f5f0e.png
[120148_zxdz_2287879.png]: /images/20220716/cee31df6f46d4f6a98ba7419b3f2440c.png
[120330_gCaJ_2287879.png]: /images/20220716/db9573aa5daa484c812eef858c16650c.png
[120627_WMr5_2287879.png]: /images/20220716/71e87e0ffde64fe7a6de485b5d9bfebf.png
[120731_6JEm_2287879.png]: /images/20220716/c9b0d8f9d2ab4857af01e40511e521f0.png
[121141_lYpA_2287879.png]: /images/20220716/1385bb4b0e884a38bae6fa49cbd28e81.png
[133040_2Omd_2287879.png]: /images/20220716/f7321db80e344d8f9e14f99d63ed7463.png
[Bootstrap]: http://v3.bootcss.com/
[133325_Qvqz_2287879.png]: /images/20220716/98a4374f91b74b6f8fae3e44a9bbe0ef.png
[133538_cgwt_2287879.png]: /images/20220716/5c223607d72742e3a4f3aa9c9ad39084.png
[133720_fg9R_2287879.png]: /images/20220716/0cbf109afdb44d55a4f9c71c37effd8c.png
[134140_xjUq_2287879.png]: /images/20220716/13e34d12a15a4ec7a43fe51503817e2f.png
[134439_ThnH_2287879.png]: /images/20220716/c567d884b5db4e119fe016b9d7a4f31b.png
[223515_mXqO_2287879.png]: /images/20220716/e6c1b866f242417a86585fcb7364a7bd.png
[134953_3WY0_2287879.png]: /images/20220716/f94a073edd1242f686f6c2ec06cf8816.png
[135145_q63A_2287879.png]: /images/20220716/ff5050ab6a924cc7be695db3af8b3c62.png
[135804_BZjx_2287879.png]: /images/20220716/7f2d5a2610914d8c90c79533f6deb49c.png
[135858_AxWx_2287879.png]: /images/20220716/3575f542d54b4c8f846b0ad8e020ef1d.png