Java搭建一个简单的Web应用

我会带着你远行 2022-11-19 11:19 299阅读 0赞

> 介绍了简单的Java Web应用的结构以及搭建过程。

此前我们简单的学习了Tomcat：[Tomcat服务器的入门以及目录结构][Tomcat]，[Tomcat的server.xml配置文件详解][Tomcat_server.xml]，**tomcat的知识是学习Java Web的基础，大家一定要大概了解一下！** 现在我们来正式学习Java Web应用，本次我们将学习如何创建简单的Web应用。

### 文章目录 ###

*  1 静态Web应用
 *  2 动态Web应用
 *  3 配置Host（虚拟主机）
 *  4 Idea创建Web应用
 *  5 创建maven Web应用
 *  6 配置tomcat插件

# 1 静态Web应用 #

单纯的静态Web应用的结构很简单，就是把各种静态资源方法Web应用目录下面即可访问。我们来尝试创建一个静态Web应用：

1.  在webapps下创建一个hello目录，这表示我们的Web应用目录就是hello，同时虚拟访问路径path也是hello。
2.  在hello目录下创建index.html；

index.html的内容如下：

<html>
      <head>
        <title>hello</title>
      </head>
      <body>
        <h1> Hello ,This is a static web application!</h1>
      </body>
    </html>

1.  在hello目录下创建一个a目录；
2.  在hello\\a目录下创建一个a.html；

a.html的内容如下：

<html>
      <head>
        <title>hello</title>
      </head>
      <body>
        <h1><font color=red>a.html</font></h1>
      </body>
    </html>

启动tomcat,此时可以访问创建静态Web应用下的静态资源。

打开浏览器访问连接http://localhost:8080/hello/index.html，即可访问到index.html资源。

![在这里插入图片描述][20210117124016194.png_pic_center]

访问http://localhost:8080/hello/a/a.html，即可访问到a.html资源。  
![在这里插入图片描述][2021011712403366.png_pic_center]

**可以看到，我们只需要找到静态资源在Web应用中的路径，即可访问对应的资源。另外，如果直接访问某个目录，那么将会默认访问该目录下面的名为“index”的资源，因此直接访问http://localhost:8080/hello，也可访问到index.html资源。如果a目录下也有index.html资源，那么直接访问http://localhost:8080/hello/a也行。**

# 2 动态Web应用 #

现在的Web应用都是动态Web应用，它一般由多个静态web资源（如html、css、js文件），和多个动态web资源（如Jsp文件、Servlet）组成。

动态Web应用很重要的特点是一般来说在Web应用目录下多了一个WEB-INF目录（实际上静态Web应用也可以配置）。该目录下面会有一个web.xml文件，这个文件是Web应用的部署描述符文件，用于配置该Web应用的各种属性，如欢迎页、servlet、filter、listener等，当然如果项目很简单就可以不用配置。另外，该目录下一般还有classes目录，用于存放src下的文件（java文件已被编译为class文件），还有lib目录，用于存放工程运行时候的依赖的jar包。

Java Web应用目录结构一般为：

当然为了区分各种文件，还可以建立专门的目录。另外，这里的目录仅仅是一个最基本最原始的动态web应用目录，当我们学习maven或者spring boot之后，应用目录将会有很大改变！

下面创建一个简单的动态Web应用：

1.  在webapps下创建hello1工程目录；
2.  在webapps\\hello1\\下创建hello.jsp动态资源文件，能够动态展示客户端浏览器的信息；

<%@ page contentType="text/html;charset=UTF-8" %>
    <html>
        <head>
            <title>hello1.html</title>
        </head>
        <body>
            <h1>hello1</h1>
            
            <h3>${header['User-Agent']}</h3>
        </body>
    </html>

1.  在webapps\\hello1\\下创建WEB-INF目录；
2.  在webapps\\hello1\\WEB-INF\\下创建web.xml，配置默认欢迎页为hello.jsp

<?xml version="1.0" encoding="UTF-8"?>
    <web-app version="2.5"
    	xmlns="http://java.sun.com/xml/ns/javaee"
    	xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
    	xsi:schemaLocation="http://java.sun.com/xml/ns/javaee
    	http://java.sun.com/xml/ns/javaee/web-app_2_5.xsd">
    	
    	
    	 <welcome-file-list>
        	<welcome-file>hello.jsp</welcome-file>
      	</welcome-file-list>
    </web-app>

启动tomcat,打开浏览器访问http://localhost:8080/hello1，此时就会根据配置的默认欢迎页路径访问到我们配置的hello.jsp页面，如果我们使用不同的浏览器访问，我们会发现页面上将展示不同的信息，这就是动态Web资源。

我们进入tomcat目录下的\\work\\Catalina\\localhost\\hello1目录中，就能找到JSP文件被转换后的Java源文件以及class文件：

![在这里插入图片描述][20210117134823293.png_pic_center]

打开Java源文件，我们会发现浏览器展示的HTML文本是在Java源文件中动态拼接输出的：

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

# 3 配置Host（虚拟主机） #

此前学习tomcat的server.xml文件的时候的时候我们就说过，Host可以让一个tomcat支持通过不同的域名1.1. （虚拟主机）去访问不同的Web应用，下面我们简单测试一下。

我们在其他目录下（我这里是G:\\work\\host）新建一个myhost项目目录，在项目中添加一个index.html文件：

<html>
      <head>
        <title>myhost</title>
      </head>
      <body>
        <h1> Hello ,My Host is myhost.com!</h1>
      </body>
    </html>

然后配置server.xml，在Engine下添加一个Host标签：

<Host name="myhost.com" appBase="G:\work\host"
         unpackWARS="true" autoDeploy="true">
    </Host>

注意此时我们需要为新Host配置域名映射，我们在C:\\Windows\\System32\\drivers\\etc下面的hosts文件中，添加域名映射：

#临时域名映射
    127.0.0.1	myhost.com

启动tomcat，访问虚拟主机下面的Web应用http://myhost.com:8080/myhost/

![在这里插入图片描述][20210117134956250.png_pic_center]

# 4 Idea创建Web应用 #

我们这里采用Idea + jar包来创建一个最基本的Java Web应用，Idea是目前最流行的企业级项目开发工具。实际上jar包也不需要，直接使用maven管理，这里为了照顾初学者，使用最原始的方式，在企业中手动引入jar包的方式基本上是不存在的。在Idea2020的最新的版本中，java Enterprise下面的Web Application + jar包创建Web项目的方式已被移除，只能使用maven。对此，我们只有从普通的Java项目开始改造了，这种创建方式对于所有的版本基本上都适用。

选择file - new - project新建项目，左侧选择java，点击next：

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

点击next：

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

配置项目名和项目地址，点击finish：

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

现在我们已经创建了一个普通Java项目：

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

开始改造，点击file - Project Structure

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

选择Modules，点击上面的 ＋，选择Web：

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

点击Create Artifact

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

点击apply，点击 OK：

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

此时出现了Web应用熟悉的目录：

选择web，右键点击，选择new - JSP/JSPX：

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

设置name为index：

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

此时会自动创建一个JSP文件，随便写点东西：

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

点击Add Configuration，点击 + ，选择Tomcat Server

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

点击local，此时出现本地tomcat配置界面：

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

点击Configure，点击Tomcat Home右边的文件夹，选择一个本地已解压的tomcat目录，点击OK：

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

此时已经配好了本地tomcat：

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

随后配置默认浏览器：

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

在Path这里选择本地浏览器的位置，点击OK

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

点击Fix，将会直接自动选择部署的Web应用，点击Apply，点击Ok即可：

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80Mzc2NzAxNQ_size_16_color_FFFFFF_t_70_pic_center 18]  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80Mzc2NzAxNQ_size_16_color_FFFFFF_t_70_pic_center 19]

Application context作为此 Web 应用程序的虚拟上下文路径，访问该应用的资源时必须加上，可以自己修改！

也可以手动点击Deployment，点击 + ，点击Artifact手动添加：

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

到此，一个非常简单的Web应用和tomcat都配置好了，选择Web应用，右键点击，选择Run

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

此时启动tomcat，启动之后Idea将会跳转到配置的浏览器访问欢迎页面：

![在这里插入图片描述][20210117135720925.png_pic_center]

# 5 创建maven Web应用 #

接下来创建基于maven的Java Web应用。选择File - new - project，选择如下：

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

输入项目名和地址，点击next：

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

配置maven地址，点击Finish：

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

此时Idea已经帮我们创建好基本项目结构了：

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

接下来创建源码路径和资源路径：

在main目录下，右键点击，new - Directory ：

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

高版本的Idea有智能提示，我们直接选择即可，无需其他操作！

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

低版本没有的话，那就自己创建java和resources这两目录：

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

选择java目录，右键点击，Make Directory as - Sources Root：

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

选择resources目录，右键点击，Make Directory as - Resources Root：

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

最终结构如下：

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

java目录作为源码目录，resources作为资源目录，随后同样配置tomcat服务器即可访问！

![在这里插入图片描述][20210117140039418.png_pic_center]

# 6 配置tomcat插件 #

**实际上我们可以通过maven直接引入tomcat的插件，从而不再需要配置本地tomcat服务器。** 我们在pom.xml中加入tomcat7的插件：

<build>
        <finalName>mavenWeb</finalName>
        <pluginManagement>
            <plugins>
                <plugin>
                    <groupId>org.apache.tomcat.maven</groupId>
                    <artifactId>tomcat7-maven-plugin</artifactId>
                    <version>2.2</version>
                </plugin>
                <plugin>
                    <artifactId>maven-compiler-plugin</artifactId>
                    <version>3.8.0</version>
                </plugin>
            </plugins>
        </pluginManagement>
        <plugins>
            
            <plugin>
                <groupId>org.apache.tomcat.maven</groupId>
                <artifactId>tomcat7-maven-plugin</artifactId>
                <configuration>
                    
                    <port>8080</port>
                    
                    <path>/mavenWeb</path>
                    
                    <uriEncoding>UTF-8</uriEncoding>
                </configuration>
            </plugin>
            
            <plugin>
                <groupId>org.apache.maven.plugins</groupId>
                <artifactId>maven-compiler-plugin</artifactId>
                <configuration>
                    <source>1.8</source>
                    <target>1.8</target>
                    <encoding>utf-8</encoding>
                </configuration>
            </plugin>
        </plugins>
    </build>

随后选择项目，maven - Reload project，重新加载项目

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

随后在项目右侧点击maven - Plugins - tomcat7 - 双击 tomcat7:run：

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

此时即可通过配置tomcat插件启动项目而不需要配置本地tomcat服务器！

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

访问http://localhost:8080/mavenWeb，即可看到欢迎页！在企业级开发中，我们通常也采用这样的方式启动传统Java Web项目，而不是配置本地tomcat服务器！

**后面的学习我们也是通过tomcat插件的方式来学习！**

> 如有需要交流，或者文章有误，请直接留言。另外希望点赞、收藏、关注，我将不间断更新各种Java学习博客！

[Tomcat]: https://blog.csdn.net/weixin_43767015/article/details/112554395
[Tomcat_server.xml]: https://blog.csdn.net/weixin_43767015/article/details/112601007
[20210117124016194.png_pic_center]: /images/20221119/cb43a70fe8974c1bb457afe448beee2a.png
[2021011712403366.png_pic_center]: /images/20221119/e53c8f6e65fd4d668cbf0ebe9655d8c3.png
[20210117134823293.png_pic_center]: /images/20221119/4f907f263a364c44bf328897f266bc7c.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80Mzc2NzAxNQ_size_16_color_FFFFFF_t_70_pic_center]: /images/20221119/98493ebc08e74439b49bfe3929b00dd1.png
[20210117134956250.png_pic_center]: /images/20221119/29539529026944d4b76c2be72878f4ae.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80Mzc2NzAxNQ_size_16_color_FFFFFF_t_70_pic_center 1]: /images/20221119/c7f013c6d6814ebe95283757f2b9d769.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80Mzc2NzAxNQ_size_16_color_FFFFFF_t_70_pic_center 2]: /images/20221119/4d3e8823fdb142d59a24767162355c4e.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80Mzc2NzAxNQ_size_16_color_FFFFFF_t_70_pic_center 3]: /images/20221119/f6f7c1ce88a247e0a75013c83a657d3f.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80Mzc2NzAxNQ_size_16_color_FFFFFF_t_70_pic_center 4]: /images/20221119/a082b87f7c74432c9b34cdc8d428d7e8.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80Mzc2NzAxNQ_size_16_color_FFFFFF_t_70_pic_center 5]: /images/20221119/a888187ee1934c0c8cc5de5900d8761e.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80Mzc2NzAxNQ_size_16_color_FFFFFF_t_70_pic_center 6]: /images/20221119/408d5b5a11c64ca4a87d9a0641618b7a.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80Mzc2NzAxNQ_size_16_color_FFFFFF_t_70_pic_center 7]: /images/20221119/d7b433d4ce5d40129127bec0eda362eb.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80Mzc2NzAxNQ_size_16_color_FFFFFF_t_70_pic_center 8]: /images/20221119/92ffbab5f7134a19b876e7f0c40d9733.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80Mzc2NzAxNQ_size_16_color_FFFFFF_t_70_pic_center 9]: /images/20221119/347ca424060646bc8d89c30ff6224ec6.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80Mzc2NzAxNQ_size_16_color_FFFFFF_t_70_pic_center 10]: /images/20221119/4ea48b9cb3a74015a59fc21c43552be0.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80Mzc2NzAxNQ_size_16_color_FFFFFF_t_70_pic_center 11]: /images/20221119/7699cd8a29a2494ea37757b9acd478ee.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80Mzc2NzAxNQ_size_16_color_FFFFFF_t_70_pic_center 12]: /images/20221119/bc6193a9332e43ce9aa467d826d40221.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80Mzc2NzAxNQ_size_16_color_FFFFFF_t_70_pic_center 13]: /images/20221119/dc39071dbc404311b148175027478769.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80Mzc2NzAxNQ_size_16_color_FFFFFF_t_70_pic_center 14]: /images/20221119/b1eea888aa0744cbb07bd3389b7a8c44.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80Mzc2NzAxNQ_size_16_color_FFFFFF_t_70_pic_center 15]: /images/20221119/24763870a7a241559533bd56afef520f.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80Mzc2NzAxNQ_size_16_color_FFFFFF_t_70_pic_center 16]: /images/20221119/b0a452cbba4745aeb4b3bcc86a241b54.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80Mzc2NzAxNQ_size_16_color_FFFFFF_t_70_pic_center 17]: /images/20221119/0159a30770164f288e65073214c5bdce.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80Mzc2NzAxNQ_size_16_color_FFFFFF_t_70_pic_center 18]: /images/20221119/8b5529dec2f749ac8c5d476bd1764c10.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80Mzc2NzAxNQ_size_16_color_FFFFFF_t_70_pic_center 19]: /images/20221119/4adfc9cbba01487b9124be68d8673ecd.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80Mzc2NzAxNQ_size_16_color_FFFFFF_t_70_pic_center 20]: /images/20221119/6c9bba7602184ef29eba944721e5a829.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80Mzc2NzAxNQ_size_16_color_FFFFFF_t_70_pic_center 21]: /images/20221119/7aed86997c94452b91f7d88977514a44.png
[20210117135720925.png_pic_center]: /images/20221119/8ee5639ccf964e699b86c1d453c171ca.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80Mzc2NzAxNQ_size_16_color_FFFFFF_t_70_pic_center 22]: /images/20221119/de4ea7eb6c4145558a63a2ee3eac6617.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80Mzc2NzAxNQ_size_16_color_FFFFFF_t_70_pic_center 23]: /images/20221119/d6d97cd02289452d9fe2e757d4c44e8c.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80Mzc2NzAxNQ_size_16_color_FFFFFF_t_70_pic_center 24]: /images/20221119/6ef663a36a8d4466813db386435955f4.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80Mzc2NzAxNQ_size_16_color_FFFFFF_t_70_pic_center 25]: /images/20221119/6ddb5896ebe740ce919c913c72d21b8b.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80Mzc2NzAxNQ_size_16_color_FFFFFF_t_70_pic_center 26]: /images/20221119/ed259c09045f47d898330b37a18cf770.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80Mzc2NzAxNQ_size_16_color_FFFFFF_t_70_pic_center 27]: /images/20221119/e175b2d08d184736a51c83881e012be2.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80Mzc2NzAxNQ_size_16_color_FFFFFF_t_70_pic_center 28]: /images/20221119/88a1e385f54a4cf6b9140fe40c40a967.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80Mzc2NzAxNQ_size_16_color_FFFFFF_t_70_pic_center 29]: /images/20221119/2b382fc7463e499eaf6750a1f7c83370.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80Mzc2NzAxNQ_size_16_color_FFFFFF_t_70_pic_center 30]: /images/20221119/4e8ce8b99c454e689b041f37787c6625.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80Mzc2NzAxNQ_size_16_color_FFFFFF_t_70_pic_center 31]: /images/20221119/9938a6fe439948fe8f9d7bc5beebedc9.png
[20210117140039418.png_pic_center]: /images/20221119/6a4cde103dda4eeb9336f0e0742c541a.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80Mzc2NzAxNQ_size_16_color_FFFFFF_t_70_pic_center 32]: /images/20221119/bb461e4c9c7544bf82088306f705a09e.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80Mzc2NzAxNQ_size_16_color_FFFFFF_t_70_pic_center 33]: /images/20221119/b735402152fb484ca04545a0c48635f0.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80Mzc2NzAxNQ_size_16_color_FFFFFF_t_70_pic_center 34]: /images/20221119/0c1646fa83d742e88d06c3d5d94ca000.png