（附源码）spring boot社区文明养宠平台毕业设计 231609

迷南。 2024-04-06 11:59 87阅读 0赞

Springboot 社区文明养宠平台

摘 要

信息化社会内需要与之针对性的信息获取途径，但是途径的扩展基本上为人们所努力的方向，由于站在的角度存在偏差，人们经常能够获得不同类型信息，这也是技术最为难以攻克的课题。针对社区文明养宠平台等问题，对社区文明养宠平台进行研究分析，然后开发设计出社区文明养宠平台以解决问题。

社区文明养宠平台主要功能模块包括首页、用户管理、轮播图、公告栏、管理员、宠物资讯、资讯分类、普通用户、宠物类别、宠物信息，采取面对对象的开发模式进行软件的开发和硬体的架设，能很好的满足实际使用的需求，完善了对应的软体架设以及程序编码的工作，采取MySQL作为后台数据的主要存储单元，采用JavaEE框架、Java技术、Ajax技术进行业务系统的编码及其开发，实现了本系统的全部功能。本次报告，首先分析了研究的背景、作用、意义，为研究工作的合理性打下了基础。针对社区文明养宠平台的各项需求以及技术问题进行分析，证明了系统的必要性和技术可行性，然后对设计系统需要使用的技术软件以及设计思想做了基本的介绍，最后来实现 社区文明养宠平台和部署运行使用它。

关键词：社区文明养宠平台；Spring boot框架；

**Springboot community civilization nurturing platform**

**Abstract**

In the information society, there is a need for targeted information access, but the expansion of access is basically the direction of people's efforts. Due to the deviation of the perspective, people can often obtain different types of information, which is also the most difficult subject for technology to overcome. Research and develop a platform for raising pets in the community, and then analyze the problems of raising pets in the community.

The main functional modules of the community civilized pet raising platform include home page, user management, rotating map, bulletin board, administrator, pet information, information classification, ordinary users, pet category and pet information. The object-oriented development mode is adopted for software development and hardware erection, which can well meet the needs of practical use and improve the corresponding software erection and program coding, MySQL is used as the main storage unit of background data, and Java EE framework, Java technology and Ajax technology are used to code and develop the business system, which realizes all the functions of the system. This report first analyzes the background, function and significance of the research, which lays a foundation for the rationality of the research work. This paper analyzes the various needs and technical problems of the community civilization and pet raising platform, proves the necessity and technical feasibility of the system, then makes a basic introduction to the technical software and design ideas needed to design the system, and finally realizes the community civilization and pet raising platform and the deployment and operation of it.

**Key words**:Community civilization and pet raising platform; Spring boot framework;

目 录

第1章 绪论

1.1 选题意义

1.2 研究现状

1.3 论文组成结构

第2章 开发工具及相关技术介绍

2.1Vue.js 介绍

2.2Vue.js 主要功能

2.3 Spring Boot框架

2.4 Mysql数据库

2.5 Vue.js 语言特点

第3章 系统分析

3.1 可行性分析

3.1.1 经济可行性

3.1.2 技术可行性

3.1.3 操作可行性

3.2 性能分析

3.3 系统操作流程

3.3.1用户登录流程 9

3.3.2信息添加流程 10

3.3.3信息删除流程 10

第4章 系统设计

4.1系统架构设计

4.2开发流程设计

4.3数据库设计 12

4.3.1实体ER图

4.3.2数据表 13

第5章 系统实现 17

5.1 数据库访问层的实现 17

5.2 登录模块的实现 20

5.3 注册模块的实现 22

5.4 用户资料修改模块的实现 25

5.5 宠物资讯模块的实现 26

5.6 用户管理模块的实现 28

5.7 宠物类别管理模块的实现 31

5.8 宠物信息管理模块的实现 33

第6章 系统测试 35

6.1 测试目的 35

6.2 测试方案设计 35

6.2.1 测试策略 35

6.2.2 测试分析 35

6.3 测试结果 36

第7章 总结与展望 37

参考文献 38

致谢 40

1.   绪论
    
    1.  选题意义

网络的快速发展从根本上更改了世界各组织的管理方式，自二十世纪九十年代开始，我国的政府、企事业等单位就设想可以通过互联网系统来进行管理信息。由于以前存在各方面的原因，比如网络普及度低、用户不接受、互联网的相关法律法规也不够完善、开发技术也不够成熟等，阻碍了互联网在各大机构中的发展速度。进入二十一世纪以后，我国经济有了快速的发展，限制机构管理的各个难题逐一被解决，国内各大机构都加入到了电子信息化的管理模式中来。

以往社区养宠相关信息的管理，都是工作人员手工统计。这种方式不但时效性低，而且需要查找和变更的时候很不方便。随着科学的进步，技术的成熟，计算机信息化也日新月异的发展，社会也已经深刻的认识，计算机功能非常的强大，计算机已经进入了人类社会发展的各个领域，并且发挥着十分重要的作用。本系统利用网络沟通、计算机信息存储管理，有着与传统的方式所无法替代的优点。比如计算检索速度特别快、可靠性特别高、存储容量特别大、保密性特别好、可保存时间特别长、成本特别低等。在工作效率上，能够得到极大地提高，延伸至服务水平也会有好的收获，有了网络，社区文明养宠平台的各方面的管理更加科学和系统，更加规范和简便。

1.  1.  研究现状

目前国内关于文明养宠物狗的文献较少，主要集中在对宠物犬的管理和教育方面。从国内外发展状况来看，我国对于文明养宠物的重视程度要高于国外发达国家。但是目前国内还没有针对养犬人与宠物之间关系进行全面深入的调查研究，并且缺乏相关理论作为指导，因此本课题旨在通过对文明养宠物平台建设情况以及存在问题进行分析研究，从而提出相应的对策建议。本文首先阐述了文明养宠物的概念及内涵，然后结合当前社会发展形势分析了文明养宠物犬所面临的机遇和挑战，接着对文明养宠物的必要性进行了探讨，并对文明养宠物犬过程中遇到的困难和问题进行总结归纳，最后根据以上论述，为促进文明养宠物犬提供可行性策略建议，以期能够推动我国养狗业的健康持续发展。

1.  1.  论文组成结构

根据市场调研得到的信息数据，结合国内外前沿研究，利用相关系统开发和设计方法，最终设计出社区文明养宠平台。

本文共有七章，如下所示。

第一章概述了社区文明养宠平台的研究目的和意义；精炼地总结了国内外在内的领域研究情况和未来的研究趋势，最后给出了论文的组成结构。

第二章简要概述了本文所用的开发技术和工具。

第三章简要对系统各业务流程进行需求分析、可行性分析。

第四章对社区文明养宠平台进行设计。

第五章对社区文明养宠平台进行实现，并贴出相关页面截图，语言描述出具体功能实现的操作方法。

第六章对社区文明养宠平台采用测试用例的方式来对一些主要功能模块测试，最后得出测试结果。

第七章总结全文并对未来的研究做出展望。

1.   开发工具及相关技术介绍
    
    1.   Vue.js 介绍

Vue (读音 /vjuː/，类似于 view) 是一套用于构建[用户界面][Link 1]的渐进式[JavaScript][]框架。与其它大型框架不同的是，Vue被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。另一方面，当与现代化的工具链以及各种支持[类库][Link 2]结合使用时，Vue 也完全能够为复杂的单页应用（[SPA][]）提供驱动。

1.  1.   Vue.js 主要功能

Vue.js是一套构建用户界面的渐进式框架。与其他重量级框架不同的是，Vue采用自底向上增量开发的设计。Vue 的核心库只关注视图层，并且非常容易学习，非常容易与其它库或已有项目整合。另一方面，Vue 完全有能力驱动采用单文件组件和Vue生态系统支持的库开发的复杂单页应用。

Vue.js 的目标是通过尽可能简单的 API 实现响应的[数据绑定][Link 3]和组合的视图组件。

Vue.js 自身不是一个全能框架——它只聚焦于视图层。因此它非常容易学习，非常容易与其它库或已有项目整合。另一方面，在与相关工具和支持库一起使用时，Vue.js 也能驱动复杂的单页应用。

1.  1.  Spring Boot框架

Spring框架是Java平台上的一种开源应用框架，提供具有控制反转特性的容器。尽管Spring框架自身对编程模型没有限制，但其在Java应用中的频繁使用让它备受青睐，以至于后来让它作为EJB（EnterpriseJavaBeans）模型的补充，甚至是替补。Spring框架为开发提供了一系列的解决方案，比如利用控制反转的核心特性，并通过依赖注入实现控制反转来实现管理对象生命周期容器化，利用面向切面编程进行声明式的事务管理，整合多种持久化技术管理数据访问，提供大量优秀的Web框架方便开发等等。Spring框架具有控制反转（IOC）特性，IOC旨在方便项目维护和测试，它提供了一种通过Java的反射机制对Java对象进行统一的配置和管理的方法。Spring框架利用容器管理对象的生命周期，容器可以通过扫描XML文件或类上特定Java注解来配置对象，开发者可以通过依赖查找或依赖注入来获得对象。Spring框架具有面向切面编程（AOP）框架，SpringAOP框架基于代理模式，同时运行时可配置；AOP框架主要针对模块之间的交叉关注点进行模块化。Spring框架的AOP框架仅提供基本的AOP特性，虽无法与AspectJ框架相比，但通过与AspectJ的集成，也可以满足基本需求。Spring框架下的事务管理、远程访问等功能均可以通过使用SpringAOP技术实现。Spring的事务管理框架为Java平台带来了一种抽象机制，使本地和全局事务以及嵌套事务能够与保存点一起工作，并且几乎可以在Java平台的任何环境中工作。

1.  1.  Mysql数据库

数据库是系统开发过程中不可或缺的一部分。 在WEB应用方面，MySQL AB开发了一个具有很大优势的MySQL关系数据库管理系统。 MySQL可以将数据存储在不同的表中，这非常灵活，并且还可以提高系统在实际应用中的速度。 数据库访问最常用于标准SQL语言，MySQL用于SQL语言，因此它具有高度兼容性。数据库的操作是必不可少的，包括对数据库表的增加、删除、修改、查询等功能。现如今，数据库可以分为关系型数据库和非关系型数据库，Mysql属于关系性数据库，Mysql数据库是一款小型的关系型数据库，它以其自身特点：体积小、速度快、成本低等，Mysql数据库是目前最受欢迎的开源数据库。

在WEB应用技术中， Mysql数据库支持不同的操作系统平台，虽然在不同平台下的安装和配置都不相同，但是差别也不是很大，Mysql在Windows平台下两种安装方式，二进制版和免安装版。安装完Mysql数据库之后，需要启动服务进程，相应的客户端就可以连接数据库，客户端可通过命令行或者图形界面工具登录数据库。

1.  1.  Vue.js 语言特点

易用：在有[HTML][]，[CSS][]，[JavaScript][]的基础上，快速上手；Vue.js 的 API 是参考了[AngularJS][]、KnockoutJS、Ractive.js、Rivets.js；Vue.js 的 API 的对于其他框架的参考不仅是参考，其中也包含了许多 Vue.js 的独特功能。

灵活：简单小巧的核心，渐进式技术栈，足以应付任何规模的应用。

性能：20kb min+gzip 运行大小、超快虚拟 [DOM][] 、最省心的优化。

1.  系统分析
    
    1.  可行性分析

本系统将在经济、技术、操作这三个角度上进行可行性分析。

1.  1.  1.  经济可行性

整个系统从设计到开发以及测试过程严谨步骤齐全，所有工作任务全部由本人完成，并未获取外部技术支持，节约了一切服务成本开销以及人工成本，在硬件方面，为节约成本使用一台二手移动工作站作为项目部署服务器以及数据库服务器，成本在一万元一下，真个网络部署也是由本人独立完成不涉及到其他人工费用，整个开发过程本着低成本，低消耗的原则。

1.  1.  1.  技术可行性

技术可行性分析的目的是确认该系统能否利用现有技术实现，并评估开发效率和完成情况。技术的可行性是指在当前的技术条件下，计算机软件和硬件的开发是否能够满足发展的要求。因为该系统的开发基于springboot语言，所以开发该系统所需的软件和硬件条件可以在普通计算机上满足。因为它占用的内存相对较少，所以用Mysql数据库开发和设计软件理论上没有问题，因为它占用的内存太少。上述技术可以有效地保证系统的成功和高效开发。

1.  1.  1.  操作可行性

社区文明养宠平台的使用界面简单易于操作，采用常见的界面窗口来登录界面，通过电脑进行访问操作，用户只要平时使用过电脑都能进行访问操作。此系统的开发采用springboot技术开发，人性化和完善化是B/S结构开发比较显要的特点使得用户操作相比较其他更加简洁方便。易操作、易管理、交互性好在本系统操作上体现得淋漓尽致。

### 3.2性能分析 ###

对于性能分析，与传统的管理方式相比，传统的管理方式是使用人工通过用纸和笔进行数据信息的统计和管理，并且这种方式对于存储和查找某一数据信息都比较麻烦，随着计算机网络的到来，这种传统的方法很难适应当下社会的发展，不仅降低人们的办事效率，而且还需要很多的人力和物力，对于使用的时间和所要花费的费用都是比较高的，为了降低成本费用，提高用户的工作效率，进行开发一套基于计算机和网络技术的 社区文明养宠平台。

社区文明养宠平台的开发设计时一个独立的系统，以流行数据库进行数据的存储开发，主要是为了实现 社区文明养宠平台的用户角色及相对应的功能模块，让 社区文明养宠平台的管理不会存在管理差异、低效率，而是跟传统的管理信息恰好相反， 社区文明养宠平台的实现可以节约资源，并且对于业务的处理速度也提高，速度快、效率高，功能性强大。

### 3.3系统操作流程 ###

#### 3.3.1用户登录流程 ####

对于系统的安全性的第一关，就是用户想要进入系统，必须通过登录窗口，输入自己的登录信息才可以进行登录，用户输入的信息准确无误后才可以进入到操作系统界面，进行功能模块的相对应操作，如果用户输入的信息不正确，则窗口出现提示框，用户登录失败，返回到第一步进行重新输入，如图3-1所示。

![d0a47b3d370f4d6d8aea9129e47f4613.png][] 图3-1登录操作流程图

#### 3.3.2信息添加流程 ####

对于社区文明养宠平台，需要随时添加所需要的数据信息，对于用户添加信息，需要根据添加界面，根据选框的内容进行填写所要添加的数据信息，信息输入完成后判断数据信息是否符合要求，符合要求则添加完成，用户所添加的信息不符合要求，则需要返回到第一步，重新输入数据信息，再进行判断操作，如图3-2所示。

![997377ff9f31477d97275e51ecd2538e.png][]

图3-2 信息添加流程图

3.3.3信息删除流程

不管是哪个用户角色进入到不通的系统操作界面，都可以进行不同的信息内容的操作功能，对用系统数据信息的删除，用户一旦将信息删除，那么该删除的数据信息将无法恢复，所以用户在对数据删除事，一定判断删除的内容是否是确定要删除的，确定无误后选择确定删除操作，如图3-3所示。

![d2c70a7df475492a875ec280b303d900.png][]

图3-3 信息删除流程图

1.  系统设计

### 4.1系统架构设计 ###

社区文明养宠平台的系统项目的概述设计分析，主要内容社区文明养宠平台信息的具体分析，进行数据库的是设计，数据采用mysql数据库，并且对于系统的设计采用比较人性化的操作设计，对于系统出现的错误信息可以及时做出处理及反馈。

基于社区文明养宠平台的设计基于现有的手机，可以实现管理员：首页、轮播图、公告栏、管理员、普通用户、宠物信息、宠物类别、资讯分类、宠物资讯等详细的了解及统计分析。根据系统功能需求建立的模块关系图如下图：

![f57f8d5885de4cff87ecd98fb037d24e.png][] 图4-1管理员功能模块图

### 4.2开发流程设计 ###

社区文明养宠平台的开发对管理模块和系统使用的数据库进行分析，编写代开发，规划和操作是构建信息管理应用程序的必要三步曲，它决定了系统是否能够真正实现预设功能以及是否可以在成功设计后实施。在开发过程中，每个阶段必须严格按照线性顺序进行开发，并且在相应阶段生成的每个工作都可以通过技术进行验证和检查。确保一个阶段完成后是正确的，不会造成下一阶段拖拽现象，使系统完成设计功能后得到保证。

从 社区文明养宠平台的成功开发经验来看，上述方法效果最为明显，最大程度地降低了系统开发的复杂性。如图4-2所示。

![47b968111a644e05b6e94b6b8a9e7bb9.png][]

图4-2开发系统流程图

### 4.3数据库设计 ###

数据库是信息系统的基础和核心。数据库设计的好坏直接影响到信息系统开发的成败。创建数据库表首先确定实体的属性和实体之间的关系。根据关系创建一个数据表。4.3.1实体ER图

数据库是整个软件编程中最重要的一个步骤，对于数据库问题主要是判定数据库的数量和结构公式的创建。展示系统使用的是Mysql进行对数据库进行管理，进行保证数据的安全性、稳定性等。

概念模型的设计是为了抽象真实世界的信息，并对信息世界进行建模。它是数据库设计的强大工具。数据库概念模型设计可以通过E-R图描述现实世界的概念模型。系统的E-R图显示了系统中实体之间的链接。而且Mysql数据库是自我保护能力比较强的数据库，下图主要是对数据库实体的E-R图：

(1) 普通用户E-R图，如图4-3所示：

![8299735f4c4b4f0290fd1fcdbe2ac715.png][] 图4-3普通用户实体属性图

(2) 宠物信息E-R图如图4-4所示：

![2095c2de8db14f09bcfc6a762e7bd5f9.png][]

图4-4宠物信息实体图

这些功能可以充分满足社区文明养宠平台的需求。此系统功能较为全面如下图系统功能结构如图4-5所示。

![61536ad1b2824004a9ef683210cc6dcb.png][]

图4-5系统功能结构图

#### 4.3.2数据表 ####

我们可以根据数据结构的详细分析要求，我们根据输入和输出数据量的要求进行分析，确定什么表表，结构之间的关系，我们可以验证，调整和完善，查询和浏览过程，可以实现数据库，以使用户对数据和功能有更多要求。

基于系统使用的数据库管理系统的特点，对数据库的概念模型进行了转换和构建。但是，这个系统只需要充分考虑 社区文明养宠平台的功能，而且组织比较清晰。

pet\_information表：

<table style="margin-left:4.65pt;width:505.3pt;"> 
 <tbody> 
 <tr> 
 <td style="width:109.8pt;"> <a rel="nofollow">名称</a> </td> 
 <td style="width:60.3pt;"> 类型 </td> 
 <td style="width:49.55pt;"> 长度 </td> 
 <td style="width:74.55pt;"> 不是null </td> 
 <td style="width:53.85pt;"> 主键 </td> 
 <td style="width:157.25pt;"> 注释 </td> 
 </tr> 
 <tr> 
 <td style="width:109.8pt;"> pet_information_id </td> 
 <td style="width:60.3pt;"> int </td> 
 <td style="width:49.55pt;"> 11 </td> 
 <td style="width:74.55pt;"> 是 </td> 
 <td style="width:53.85pt;"> 是 </td> 
 <td style="width:157.25pt;"> 宠物信息ID </td> 
 </tr> 
 <tr> 
 <td style="width:109.8pt;"> pet_name </td> 
 <td style="width:60.3pt;"> varchar </td> 
 <td style="width:49.55pt;"> 64 </td> 
 <td style="width:74.55pt;"> 否 </td> 
 <td style="width:53.85pt;"> 否 </td> 
 <td style="width:157.25pt;"> 宠物名称 </td> 
 </tr> 
 <tr> 
 <td style="width:109.8pt;"> pet_category </td> 
 <td style="width:60.3pt;"> varchar </td> 
 <td style="width:49.55pt;"> 64 </td> 
 <td style="width:74.55pt;"> 否 </td> 
 <td style="width:53.85pt;"> 否 </td> 
 <td style="width:157.25pt;"> 宠物类别 </td> 
 </tr> 
 <tr> 
 <td style="width:109.8pt;"> pet_age </td> 
 <td style="width:60.3pt;"> varchar </td> 
 <td style="width:49.55pt;"> 64 </td> 
 <td style="width:74.55pt;"> 否 </td> 
 <td style="width:53.85pt;"> 否 </td> 
 <td style="width:157.25pt;"> 宠物年龄 </td> 
 </tr> 
 <tr> 
 <td style="width:109.8pt;"> pet_sex </td> 
 <td style="width:60.3pt;"> varchar </td> 
 <td style="width:49.55pt;"> 64 </td> 
 <td style="width:74.55pt;"> 否 </td> 
 <td style="width:53.85pt;"> 否 </td> 
 <td style="width:157.25pt;"> 宠物性别 </td> 
 </tr> 
 <tr> 
 <td style="width:109.8pt;"> pet_number </td> 
 <td style="width:60.3pt;"> varchar </td> 
 <td style="width:49.55pt;"> 64 </td> 
 <td style="width:74.55pt;"> 是 </td> 
 <td style="width:53.85pt;"> 否 </td> 
 <td style="width:157.25pt;"> 宠物编号 </td> 
 </tr> 
 <tr> 
 <td style="width:109.8pt;"> pet_pictures </td> 
 <td style="width:60.3pt;"> varchar </td> 
 <td style="width:49.55pt;"> 255 </td> 
 <td style="width:74.55pt;"> 否 </td> 
 <td style="width:53.85pt;"> 否 </td> 
 <td style="width:157.25pt;"> 宠物图片 </td> 
 </tr> 
 <tr> 
 <td style="width:109.8pt;"> pet_details </td> 
 <td style="width:60.3pt;"> longtext </td> 
 <td style="width:49.55pt;"> 0 </td> 
 <td style="width:74.55pt;"> 否 </td> 
 <td style="width:53.85pt;"> 否 </td> 
 <td style="width:157.25pt;"> 宠物详情 </td> 
 </tr> 
 <tr> 
 <td style="width:109.8pt;"> hits </td> 
 <td style="width:60.3pt;"> int </td> 
 <td style="width:49.55pt;"> 11 </td> 
 <td style="width:74.55pt;"> 是 </td> 
 <td style="width:53.85pt;"> 否 </td> 
 <td style="width:157.25pt;"> 点击数 </td> 
 </tr> 
 <tr> 
 <td style="width:109.8pt;"> praise_len </td> 
 <td style="width:60.3pt;"> int </td> 
 <td style="width:49.55pt;"> 11 </td> 
 <td style="width:74.55pt;"> 是 </td> 
 <td style="width:53.85pt;"> 否 </td> 
 <td style="width:157.25pt;"> 点赞数 </td> 
 </tr> 
 <tr> 
 <td style="width:109.8pt;"> recommend </td> 
 <td style="width:60.3pt;"> int </td> 
 <td style="width:49.55pt;"> 11 </td> 
 <td style="width:74.55pt;"> 是 </td> 
 <td style="width:53.85pt;"> 否 </td> 
 <td style="width:157.25pt;"> 智能推荐 </td> 
 </tr> 
 <tr> 
 <td style="width:109.8pt;"> create_time </td> 
 <td style="width:60.3pt;"> datetime </td> 
 <td style="width:49.55pt;"> 0 </td> 
 <td style="width:74.55pt;"> 是 </td> 
 <td style="width:53.85pt;"> 否 </td> 
 <td style="width:157.25pt;"> 创建时间 </td> 
 </tr> 
 <tr> 
 <td style="width:109.8pt;"> update_time </td> 
 <td style="width:60.3pt;"> timestamp </td> 
 <td style="width:49.55pt;"> 0 </td> 
 <td style="width:74.55pt;"> 是 </td> 
 <td style="width:53.85pt;"> 否 </td> 
 <td style="width:157.25pt;"> 更新时间 </td> 
 </tr> 
 <tr> 
 <td style="width:109.8pt;"> </td> 
 <td style="width:60.3pt;"> </td> 
 <td style="width:49.55pt;"> </td> 
 <td style="width:74.55pt;"> </td> 
 <td style="width:53.85pt;"> </td> 
 <td style="width:157.25pt;"> </td> 
 </tr> 
 <tr> 
 <td style="width:109.8pt;"> </td> 
 <td style="width:60.3pt;"> </td> 
 <td style="width:49.55pt;"> </td> 
 <td style="width:74.55pt;"> </td> 
 <td style="width:53.85pt;"> </td> 
 <td style="width:157.25pt;"> </td> 
 </tr> 
 <tr> 
 <td style="width:109.8pt;"> </td> 
 <td style="width:60.3pt;"> </td> 
 <td style="width:49.55pt;"> </td> 
 <td style="width:74.55pt;"> </td> 
 <td style="width:53.85pt;"> </td> 
 <td style="width:157.25pt;"> </td> 
 </tr> 
 <tr> 
 <td style="width:109.8pt;"> pet_category表： </td> 
 <td style="width:60.3pt;"> </td> 
 <td style="width:49.55pt;"> </td> 
 <td style="width:74.55pt;"> </td> 
 <td style="width:53.85pt;"> </td> 
 <td style="width:157.25pt;"> </td> 
 </tr> 
 <tr> 
 <td style="width:109.8pt;"> 名称 </td> 
 <td style="width:60.3pt;"> 类型 </td> 
 <td style="width:49.55pt;"> 长度 </td> 
 <td style="width:74.55pt;"> 不是null </td> 
 <td style="width:53.85pt;"> 主键 </td> 
 <td style="width:157.25pt;"> 注释 </td> 
 </tr> 
 <tr> 
 <td style="width:109.8pt;"> pet_category_id </td> 
 <td style="width:60.3pt;"> int </td> 
 <td style="width:49.55pt;"> 11 </td> 
 <td style="width:74.55pt;"> 是 </td> 
 <td style="width:53.85pt;"> 是 </td> 
 <td style="width:157.25pt;"> 宠物类别ID </td> 
 </tr> 
 <tr> 
 <td style="width:109.8pt;"> pet_category </td> 
 <td style="width:60.3pt;"> varchar </td> 
 <td style="width:49.55pt;"> 64 </td> 
 <td style="width:74.55pt;"> 否 </td> 
 <td style="width:53.85pt;"> 否 </td> 
 <td style="width:157.25pt;"> 宠物类别 </td> 
 </tr> 
 <tr> 
 <td style="width:109.8pt;"> recommend </td> 
 <td style="width:60.3pt;"> int </td> 
 <td style="width:49.55pt;"> 11 </td> 
 <td style="width:74.55pt;"> 是 </td> 
 <td style="width:53.85pt;"> 否 </td> 
 <td style="width:157.25pt;"> 智能推荐 </td> 
 </tr> 
 <tr> 
 <td style="width:109.8pt;"> create_time </td> 
 <td style="width:60.3pt;"> datetime </td> 
 <td style="width:49.55pt;"> 0 </td> 
 <td style="width:74.55pt;"> 是 </td> 
 <td style="width:53.85pt;"> 否 </td> 
 <td style="width:157.25pt;"> 创建时间 </td> 
 </tr> 
 <tr> 
 <td style="width:109.8pt;"> update_time </td> 
 <td style="width:60.3pt;"> timestamp </td> 
 <td style="width:49.55pt;"> 0 </td> 
 <td style="width:74.55pt;"> 是 </td> 
 <td style="width:53.85pt;"> 否 </td> 
 <td style="width:157.25pt;"> 更新时间 </td> 
 </tr> 
 <tr> 
 <td style="width:109.8pt;"> </td> 
 <td style="width:60.3pt;"> </td> 
 <td style="width:49.55pt;"> </td> 
 <td style="width:74.55pt;"> </td> 
 <td style="width:53.85pt;"> </td> 
 <td style="width:157.25pt;"> </td> 
 </tr> 
 <tr> 
 <td style="width:109.8pt;"> </td> 
 <td style="width:60.3pt;"> </td> 
 <td style="width:49.55pt;"> </td> 
 <td style="width:74.55pt;"> </td> 
 <td style="width:53.85pt;"> </td> 
 <td style="width:157.25pt;"> </td> 
 </tr> 
 <tr> 
 <td style="width:109.8pt;"> </td> 
 <td style="width:60.3pt;"> </td> 
 <td style="width:49.55pt;"> </td> 
 <td style="width:74.55pt;"> </td> 
 <td style="width:53.85pt;"> </td> 
 <td style="width:157.25pt;"> </td> 
 </tr> 
 <tr> 
 <td style="width:109.8pt;"> ordinary_users表： </td> 
 <td style="width:60.3pt;"> </td> 
 <td style="width:49.55pt;"> </td> 
 <td style="width:74.55pt;"> </td> 
 <td style="width:53.85pt;"> </td> 
 <td style="width:157.25pt;"> </td> 
 </tr> 
 <tr> 
 <td style="width:109.8pt;"> 名称 </td> 
 <td style="width:60.3pt;"> 类型 </td> 
 <td style="width:49.55pt;"> 长度 </td> 
 <td style="width:74.55pt;"> 不是null </td> 
 <td style="width:53.85pt;"> 主键 </td> 
 <td style="width:157.25pt;"> 注释 </td> 
 </tr> 
 <tr> 
 <td style="width:109.8pt;"> ordinary_users_id </td> 
 <td style="width:60.3pt;"> int </td> 
 <td style="width:49.55pt;"> 11 </td> 
 <td style="width:74.55pt;"> 是 </td> 
 <td style="width:53.85pt;"> 是 </td> 
 <td style="width:157.25pt;"> 普通用户ID </td> 
 </tr> 
 <tr> 
 <td style="width:109.8pt;"> user_name </td> 
 <td style="width:60.3pt;"> varchar </td> 
 <td style="width:49.55pt;"> 64 </td> 
 <td style="width:74.55pt;"> 否 </td> 
 <td style="width:53.85pt;"> 否 </td> 
 <td style="width:157.25pt;"> 用户姓名 </td> 
 </tr> 
 <tr> 
 <td style="width:109.8pt;"> user_gender </td> 
 <td style="width:60.3pt;"> varchar </td> 
 <td style="width:49.55pt;"> 64 </td> 
 <td style="width:74.55pt;"> 否 </td> 
 <td style="width:53.85pt;"> 否 </td> 
 <td style="width:157.25pt;"> 用户性别 </td> 
 </tr> 
 <tr> 
 <td style="width:109.8pt;"> pet_name </td> 
 <td style="width:60.3pt;"> varchar </td> 
 <td style="width:49.55pt;"> 64 </td> 
 <td style="width:74.55pt;"> 否 </td> 
 <td style="width:53.85pt;"> 否 </td> 
 <td style="width:157.25pt;"> 宠物名称 </td> 
 </tr> 
 <tr> 
 <td style="width:109.8pt;"> pet_category </td> 
 <td style="width:60.3pt;"> varchar </td> 
 <td style="width:49.55pt;"> 64 </td> 
 <td style="width:74.55pt;"> 否 </td> 
 <td style="width:53.85pt;"> 否 </td> 
 <td style="width:157.25pt;"> 宠物类别 </td> 
 </tr> 
 <tr> 
 <td style="width:109.8pt;"> pet_sex </td> 
 <td style="width:60.3pt;"> varchar </td> 
 <td style="width:49.55pt;"> 64 </td> 
 <td style="width:74.55pt;"> 否 </td> 
 <td style="width:53.85pt;"> 否 </td> 
 <td style="width:157.25pt;"> 宠物性别 </td> 
 </tr> 
 <tr> 
 <td style="width:109.8pt;"> pet_age </td> 
 <td style="width:60.3pt;"> varchar </td> 
 <td style="width:49.55pt;"> 64 </td> 
 <td style="width:74.55pt;"> 否 </td> 
 <td style="width:53.85pt;"> 否 </td> 
 <td style="width:157.25pt;"> 宠物年龄 </td> 
 </tr> 
 <tr> 
 <td style="width:109.8pt;"> examine_state </td> 
 <td style="width:60.3pt;"> varchar </td> 
 <td style="width:49.55pt;"> 16 </td> 
 <td style="width:74.55pt;"> 是 </td> 
 <td style="width:53.85pt;"> 否 </td> 
 <td style="width:157.25pt;"> 审核状态 </td> 
 </tr> 
 <tr> 
 <td style="width:109.8pt;"> recommend </td> 
 <td style="width:60.3pt;"> int </td> 
 <td style="width:49.55pt;"> 11 </td> 
 <td style="width:74.55pt;"> 是 </td> 
 <td style="width:53.85pt;"> 否 </td> 
 <td style="width:157.25pt;"> 智能推荐 </td> 
 </tr> 
 <tr> 
 <td style="width:109.8pt;"> user_id </td> 
 <td style="width:60.3pt;"> int </td> 
 <td style="width:49.55pt;"> 11 </td> 
 <td style="width:74.55pt;"> 是 </td> 
 <td style="width:53.85pt;"> 否 </td> 
 <td style="width:157.25pt;"> 用户ID </td> 
 </tr> 
 <tr> 
 <td style="width:109.8pt;"> create_time </td> 
 <td style="width:60.3pt;"> datetime </td> 
 <td style="width:49.55pt;"> 0 </td> 
 <td style="width:74.55pt;"> 是 </td> 
 <td style="width:53.85pt;"> 否 </td> 
 <td style="width:157.25pt;"> 创建时间 </td> 
 </tr> 
 <tr> 
 <td style="width:109.8pt;"> update_time </td> 
 <td style="width:60.3pt;"> timestamp </td> 
 <td style="width:49.55pt;"> 0 </td> 
 <td style="width:74.55pt;"> 是 </td> 
 <td style="width:53.85pt;"> 否 </td> 
 <td style="width:157.25pt;"> 更新时间 </td> 
 </tr> 
 <tr> 
 <td style="width:109.8pt;"> </td> 
 <td style="width:60.3pt;"> </td> 
 <td style="width:49.55pt;"> </td> 
 <td style="width:74.55pt;"> </td> 
 <td style="width:53.85pt;"> </td> 
 <td style="width:157.25pt;"> </td> 
 </tr> 
 <tr> 
 <td style="width:109.8pt;"> </td> 
 <td style="width:60.3pt;"> </td> 
 <td style="width:49.55pt;"> </td> 
 <td style="width:74.55pt;"> </td> 
 <td style="width:53.85pt;"> </td> 
 <td style="width:157.25pt;"> </td> 
 </tr> 
 <tr> 
 <td style="width:109.8pt;"> </td> 
 <td style="width:60.3pt;"> </td> 
 <td style="width:49.55pt;"> </td> 
 <td style="width:74.55pt;"> </td> 
 <td style="width:53.85pt;"> </td> 
 <td style="width:157.25pt;"> </td> 
 </tr> 
 <tr> 
 <td style="width:109.8pt;"> </td> 
 <td style="width:60.3pt;"> </td> 
 <td style="width:49.55pt;"> </td> 
 <td style="width:74.55pt;"> </td> 
 <td style="width:53.85pt;"> </td> 
 <td style="width:157.25pt;"> </td> 
 </tr> 
 <tr> 
 <td style="width:109.8pt;"> comment表： </td> 
 <td style="width:60.3pt;"> </td> 
 <td style="width:49.55pt;"> </td> 
 <td style="width:74.55pt;"> </td> 
 <td style="width:53.85pt;"> </td> 
 <td style="width:157.25pt;"> </td> 
 </tr> 
 <tr> 
 <td style="width:109.8pt;"> 名称 </td> 
 <td style="width:60.3pt;"> 类型 </td> 
 <td style="width:49.55pt;"> 长度 </td> 
 <td style="width:74.55pt;"> 不是null </td> 
 <td style="width:53.85pt;"> 主键 </td> 
 <td style="width:157.25pt;"> 注释 </td> 
 </tr> 
 <tr> 
 <td style="width:109.8pt;"> comment_id </td> 
 <td style="width:60.3pt;"> int </td> 
 <td style="width:49.55pt;"> 11 </td> 
 <td style="width:74.55pt;"> 是 </td> 
 <td style="width:53.85pt;"> 是 </td> 
 <td style="width:157.25pt;"> 评论ID </td> 
 </tr> 
 <tr> 
 <td style="width:109.8pt;"> user_id </td> 
 <td style="width:60.3pt;"> int </td> 
 <td style="width:49.55pt;"> 11 </td> 
 <td style="width:74.55pt;"> 是 </td> 
 <td style="width:53.85pt;"> 否 </td> 
 <td style="width:157.25pt;"> 评论人ID </td> 
 </tr> 
 <tr> 
 <td style="width:109.8pt;"> reply_to_id </td> 
 <td style="width:60.3pt;"> int </td> 
 <td style="width:49.55pt;"> 11 </td> 
 <td style="width:74.55pt;"> 是 </td> 
 <td style="width:53.85pt;"> 否 </td> 
 <td style="width:157.25pt;"> 回复评论ID </td> 
 </tr> 
 <tr> 
 <td style="width:109.8pt;"> content </td> 
 <td style="width:60.3pt;"> longtext </td> 
 <td style="width:49.55pt;"> 0 </td> 
 <td style="width:74.55pt;"> 否 </td> 
 <td style="width:53.85pt;"> 否 </td> 
 <td style="width:157.25pt;"> 内容 </td> 
 </tr> 
 <tr> 
 <td style="width:109.8pt;"> nickname </td> 
 <td style="width:60.3pt;"> varchar </td> 
 <td style="width:49.55pt;"> 255 </td> 
 <td style="width:74.55pt;"> 否 </td> 
 <td style="width:53.85pt;"> 否 </td> 
 <td style="width:157.25pt;"> 昵称 </td> 
 </tr> 
 <tr> 
 <td style="width:109.8pt;"> avatar </td> 
 <td style="width:60.3pt;"> varchar </td> 
 <td style="width:49.55pt;"> 255 </td> 
 <td style="width:74.55pt;"> 否 </td> 
 <td style="width:53.85pt;"> 否 </td> 
 <td style="width:157.25pt;"> 头像地址 </td> 
 </tr> 
 <tr> 
 <td style="width:109.8pt;"> create_time </td> 
 <td style="width:60.3pt;"> timestamp </td> 
 <td style="width:49.55pt;"> 0 </td> 
 <td style="width:74.55pt;"> 是 </td> 
 <td style="width:53.85pt;"> 否 </td> 
 <td style="width:157.25pt;"> 创建时间 </td> 
 </tr> 
 <tr> 
 <td style="width:109.8pt;"> update_time </td> 
 <td style="width:60.3pt;"> timestamp </td> 
 <td style="width:49.55pt;"> 0 </td> 
 <td style="width:74.55pt;"> 是 </td> 
 <td style="width:53.85pt;"> 否 </td> 
 <td style="width:157.25pt;"> 更新时间 </td> 
 </tr> 
 <tr> 
 <td style="width:109.8pt;"> source_table </td> 
 <td style="width:60.3pt;"> varchar </td> 
 <td style="width:49.55pt;"> 255 </td> 
 <td style="width:74.55pt;"> 否 </td> 
 <td style="width:53.85pt;"> 否 </td> 
 <td style="width:157.25pt;"> 来源表 </td> 
 </tr> 
 <tr> 
 <td style="width:109.8pt;"> source_field </td> 
 <td style="width:60.3pt;"> varchar </td> 
 <td style="width:49.55pt;"> 255 </td> 
 <td style="width:74.55pt;"> 否 </td> 
 <td style="width:53.85pt;"> 否 </td> 
 <td style="width:157.25pt;"> 来源字段 </td> 
 </tr> 
 <tr> 
 <td style="width:109.8pt;"> source_id </td> 
 <td style="width:60.3pt;"> int </td> 
 <td style="width:49.55pt;"> 10 </td> 
 <td style="width:74.55pt;"> 是 </td> 
 <td style="width:53.85pt;"> 否 </td> 
 <td style="width:157.25pt;"> 来源ID </td> 
 </tr> 
 <tr> 
 <td style="width:109.8pt;"> </td> 
 <td style="width:60.3pt;"> </td> 
 <td style="width:49.55pt;"> </td> 
 <td style="width:74.55pt;"> </td> 
 <td style="width:53.85pt;"> </td> 
 <td style="width:157.25pt;"> </td> 
 </tr> 
 <tr> 
 <td style="width:109.8pt;"> </td> 
 <td style="width:60.3pt;"> </td> 
 <td style="width:49.55pt;"> </td> 
 <td style="width:74.55pt;"> </td> 
 <td style="width:53.85pt;"> </td> 
 <td style="width:157.25pt;"> </td> 
 </tr> 
 <tr> 
 <td style="width:109.8pt;"> </td> 
 <td style="width:60.3pt;"> </td> 
 <td style="width:49.55pt;"> </td> 
 <td style="width:74.55pt;"> </td> 
 <td style="width:53.85pt;"> </td> 
 <td style="width:157.25pt;"> </td> 
 </tr> 
 <tr> 
 <td style="width:109.8pt;"> collect表： </td> 
 <td style="width:60.3pt;"> </td> 
 <td style="width:49.55pt;"> </td> 
 <td style="width:74.55pt;"> </td> 
 <td style="width:53.85pt;"> </td> 
 <td style="width:157.25pt;"> </td> 
 </tr> 
 <tr> 
 <td style="width:109.8pt;"> 名称 </td> 
 <td style="width:60.3pt;"> 类型 </td> 
 <td style="width:49.55pt;"> 长度 </td> 
 <td style="width:74.55pt;"> 不是null </td> 
 <td style="width:53.85pt;"> 主键 </td> 
 <td style="width:157.25pt;"> 注释 </td> 
 </tr> 
 <tr> 
 <td style="width:109.8pt;"> collect_id </td> 
 <td style="width:60.3pt;"> int </td> 
 <td style="width:49.55pt;"> 10 </td> 
 <td style="width:74.55pt;"> 是 </td> 
 <td style="width:53.85pt;"> 是 </td> 
 <td style="width:157.25pt;"> 收藏ID </td> 
 </tr> 
 <tr> 
 <td style="width:109.8pt;"> user_id </td> 
 <td style="width:60.3pt;"> int </td> 
 <td style="width:49.55pt;"> 10 </td> 
 <td style="width:74.55pt;"> 是 </td> 
 <td style="width:53.85pt;"> 否 </td> 
 <td style="width:157.25pt;"> 收藏人ID </td> 
 </tr> 
 <tr> 
 <td style="width:109.8pt;"> source_table </td> 
 <td style="width:60.3pt;"> varchar </td> 
 <td style="width:49.55pt;"> 255 </td> 
 <td style="width:74.55pt;"> 否 </td> 
 <td style="width:53.85pt;"> 否 </td> 
 <td style="width:157.25pt;"> 来源表 </td> 
 </tr> 
 <tr> 
 <td style="width:109.8pt;"> source_field </td> 
 <td style="width:60.3pt;"> varchar </td> 
 <td style="width:49.55pt;"> 255 </td> 
 <td style="width:74.55pt;"> 否 </td> 
 <td style="width:53.85pt;"> 否 </td> 
 <td style="width:157.25pt;"> 来源字段 </td> 
 </tr> 
 <tr> 
 <td style="width:109.8pt;"> source_id </td> 
 <td style="width:60.3pt;"> int </td> 
 <td style="width:49.55pt;"> 10 </td> 
 <td style="width:74.55pt;"> 是 </td> 
 <td style="width:53.85pt;"> 否 </td> 
 <td style="width:157.25pt;"> 来源ID </td> 
 </tr> 
 <tr> 
 <td style="width:109.8pt;"> title </td> 
 <td style="width:60.3pt;"> varchar </td> 
 <td style="width:49.55pt;"> 255 </td> 
 <td style="width:74.55pt;"> 否 </td> 
 <td style="width:53.85pt;"> 否 </td> 
 <td style="width:157.25pt;"> 标题 </td> 
 </tr> 
 <tr> 
 <td style="width:109.8pt;"> img </td> 
 <td style="width:60.3pt;"> varchar </td> 
 <td style="width:49.55pt;"> 255 </td> 
 <td style="width:74.55pt;"> 否 </td> 
 <td style="width:53.85pt;"> 否 </td> 
 <td style="width:157.25pt;"> 封面 </td> 
 </tr> 
 <tr> 
 <td style="width:109.8pt;"> create_time </td> 
 <td style="width:60.3pt;"> timestamp </td> 
 <td style="width:49.55pt;"> 0 </td> 
 <td style="width:74.55pt;"> 是 </td> 
 <td style="width:53.85pt;"> 否 </td> 
 <td style="width:157.25pt;"> 创建时间 </td> 
 </tr> 
 <tr> 
 <td style="width:109.8pt;"> update_time </td> 
 <td style="width:60.3pt;"> timestamp </td> 
 <td style="width:49.55pt;"> 0 </td> 
 <td style="width:74.55pt;"> 是 </td> 
 <td style="width:53.85pt;"> 否 </td> 
 <td style="width:157.25pt;"> 更新时间 </td> 
 </tr> 
 <tr> 
 <td style="width:109.8pt;"> </td> 
 <td style="width:60.3pt;"> </td> 
 <td style="width:49.55pt;"> </td> 
 <td style="width:74.55pt;"> </td> 
 <td style="width:53.85pt;"> </td> 
 <td style="width:157.25pt;"> </td> 
 </tr> 
 <tr> 
 <td style="width:109.8pt;"> </td> 
 <td style="width:60.3pt;"> </td> 
 <td style="width:49.55pt;"> </td> 
 <td style="width:74.55pt;"> </td> 
 <td style="width:53.85pt;"> </td> 
 <td style="width:157.25pt;"> </td> 
 </tr> 
 <tr> 
 <td style="width:109.8pt;"> </td> 
 <td style="width:60.3pt;"> </td> 
 <td style="width:49.55pt;"> </td> 
 <td style="width:74.55pt;"> </td> 
 <td style="width:53.85pt;"> </td> 
 <td style="width:157.25pt;"> </td> 
 </tr> 
 <tr> 
 <td style="width:109.8pt;"> </td> 
 <td style="width:60.3pt;"> </td> 
 <td style="width:49.55pt;"> </td> 
 <td style="width:74.55pt;"> </td> 
 <td style="width:53.85pt;"> </td> 
 <td style="width:157.25pt;"> </td> 
 </tr> 
 <tr> 
 <td style="width:109.8pt;"> praise表： </td> 
 <td style="width:60.3pt;"> </td> 
 <td style="width:49.55pt;"> </td> 
 <td style="width:74.55pt;"> </td> 
 <td style="width:53.85pt;"> </td> 
 <td style="width:157.25pt;"> </td> 
 </tr> 
 <tr> 
 <td style="width:109.8pt;"> 名称 </td> 
 <td style="width:60.3pt;"> 类型 </td> 
 <td style="width:49.55pt;"> 长度 </td> 
 <td style="width:74.55pt;"> 不是null </td> 
 <td style="width:53.85pt;"> 主键 </td> 
 <td style="width:157.25pt;"> 注释 </td> 
 </tr> 
 <tr> 
 <td style="width:109.8pt;"> praise_id </td> 
 <td style="width:60.3pt;"> int </td> 
 <td style="width:49.55pt;"> 10 </td> 
 <td style="width:74.55pt;"> 是 </td> 
 <td style="width:53.85pt;"> 是 </td> 
 <td style="width:157.25pt;"> 点赞ID </td> 
 </tr> 
 <tr> 
 <td style="width:109.8pt;"> user_id </td> 
 <td style="width:60.3pt;"> int </td> 
 <td style="width:49.55pt;"> 11 </td> 
 <td style="width:74.55pt;"> 是 </td> 
 <td style="width:53.85pt;"> 否 </td> 
 <td style="width:157.25pt;"> 点赞人 </td> 
 </tr> 
 <tr> 
 <td style="width:109.8pt;"> create_time </td> 
 <td style="width:60.3pt;"> timestamp </td> 
 <td style="width:49.55pt;"> 0 </td> 
 <td style="width:74.55pt;"> 是 </td> 
 <td style="width:53.85pt;"> 否 </td> 
 <td style="width:157.25pt;"> 创建时间 </td> 
 </tr> 
 <tr> 
 <td style="width:109.8pt;"> update_time </td> 
 <td style="width:60.3pt;"> timestamp </td> 
 <td style="width:49.55pt;"> 0 </td> 
 <td style="width:74.55pt;"> 是 </td> 
 <td style="width:53.85pt;"> 否 </td> 
 <td style="width:157.25pt;"> 更新时间 </td> 
 </tr> 
 <tr> 
 <td style="width:109.8pt;"> source_table </td> 
 <td style="width:60.3pt;"> varchar </td> 
 <td style="width:49.55pt;"> 255 </td> 
 <td style="width:74.55pt;"> 否 </td> 
 <td style="width:53.85pt;"> 否 </td> 
 <td style="width:157.25pt;"> 来源表 </td> 
 </tr> 
 <tr> 
 <td style="width:109.8pt;"> source_field </td> 
 <td style="width:60.3pt;"> varchar </td> 
 <td style="width:49.55pt;"> 255 </td> 
 <td style="width:74.55pt;"> 否 </td> 
 <td style="width:53.85pt;"> 否 </td> 
 <td style="width:157.25pt;"> 来源字段 </td> 
 </tr> 
 <tr> 
 <td style="width:109.8pt;"> source_id </td> 
 <td style="width:60.3pt;"> int </td> 
 <td style="width:49.55pt;"> 10 </td> 
 <td style="width:74.55pt;"> 是 </td> 
 <td style="width:53.85pt;"> 否 </td> 
 <td style="width:157.25pt;"> 来源ID </td> 
 </tr> 
 <tr> 
 <td style="width:109.8pt;"> status </td> 
 <td style="width:60.3pt;"> tinyint </td> 
 <td style="width:49.55pt;"> 1 </td> 
 <td style="width:74.55pt;"> 是 </td> 
 <td style="width:53.85pt;"> 否 </td> 
 <td style="width:157.25pt;"> 点赞状态 </td> 
 </tr> 
 </tbody> 
</table>

##  ##

1.  系统实现
    
    1.   数据库访问层的实现

该系统是通过jdbc和MySQL达成连接的，新建一个jdbc.properties文件来填写与数据库连接所需要的驱动和参数。

jdbc.driverClass=com.MySQL.jdbc.Driver

jdbc.url=jdbc:MySQL://localhost:3306/tsi

jdbc.username=root

jdbc.password=123

第一个参数代表MySQL数据库的驱动，第二个参数代表要连接的数据库，第三个和第四个参数代表数据库连接名和密码。

后台与数据库访问主要是通过HQL语句来进行查询的，查询语句中的表名是表格的实体类名，在这种查询语句中\*是不允许使用的，除非适合聚合函数一起使用才可以。

1.  1.   登录模块的实现

主要由两部分组成，登录前的登录界面以及登录后的用户功能界面。登录界面，要求用户输入用户名和密码，当用户名和密码其中一个输入为空时，给出提示“用户名，密码不能为空”。获取用户名和密码后到数据库中查找，如果用户名存在，以及对应的密码正确，则登录成功，否则登录失败。登录失败后给出提示，并把焦点停在文本框中。登录成功后将该次会话的全局变量username设置为用户名。登录成功后进入会员的功能模块，主要有会员基本信息修改，已经发布考试信息管理，发布信息，和退出功能。退出功能是清除全局变量username的值，并跳回到首页。

登录流程图如下图所示。

![19a3b7e3ef7c48a499da2b08c6e488ab.png][]

图5-1登录流程图

用户登录界面如下图所示。

![e386afdd427b4211b95b0501552a5a4d.png][]

图5-1登录界面

登录系统主要代码如下。

/\*\*

\* 登录

\* @param data

\* @param httpServletRequest

\* @return

\*/

@PostMapping("login")

public Map<String, Object> login(@RequestBody Map<String, String> data, HttpServletRequest httpServletRequest) \{

log.info("\[执行登录接口\]");

String username = data.get("username");

String email = data.get("email");

String phone = data.get("phone");

String password = data.get("password");

List resultList = null;

Map<String, String> map = new HashMap<>();

if(username != null && "".equals(username) == false)\{

map.put("username", username);

resultList = service.select(map, new HashMap<>()).getResultList();

else if(email != null && "".equals(email) == false)\{

map.put("email", email);

resultList = service.select(map, new HashMap<>()).getResultList();

else if(phone != null && "".equals(phone) == false)\{

map.put("phone", phone);

resultList = service.select(map, new HashMap<>()).getResultList();

\}else\{

return error(30000, "账号或密码不能为空");

if (resultList == null || password == null) \{

return error(30000, "账号或密码不能为空");

//判断是否有这个用户

if (resultList.size()<=0)\{

return error(30000,"用户不存在");

User byUsername = (User) resultList.get(0);

Map<String, String> groupMap = new HashMap<>();

groupMap.put("name",byUsername.getUserGroup());

List groupList = userGroupService.select(groupMap, new HashMap<>()).getResultList();

if (groupList.size()<1)\{

return error(30000,"用户组不存在");

UserGroup userGroup = (UserGroup) groupList.get(0);

//查询用户审核状态

if (!StringUtils.isEmpty(userGroup.getSourceTable()))\{

String sql = "select examine\_state from "+ userGroup.getSourceTable() +" WHERE user\_id = " + byUsername.getUserId();

String res = String.valueOf(service.runCountSql(sql).getSingleResult());

if (res==null)\{

return error(30000,"用户不存在");

if (!res.equals("已通过"))\{

return error(30000,"该用户审核未通过");

//查询用户状态

if (byUsername.getState()!=1)\{

return error(30000,"用户非可用状态，不能登录");

String md5password = service.encryption(password);

if (byUsername.getPassword().equals(md5password)) \{

// 存储Token到数据库

AccessToken accessToken = new AccessToken();

accessToken.setToken(UUID.randomUUID().toString().replaceAll("-", ""));

accessToken.setUser\_id(byUsername.getUserId());

tokenService.save(accessToken);

// 返回用户信息

JSONObject user = JSONObject.parseObject(JSONObject.toJSONString(byUsername));

user.put("token", accessToken.getToken());

JSONObject ret = new JSONObject();

ret.put("obj",user);

return success(ret);

\} else \{

return error(30000, "账号或密码不正确");

1.  1.   注册模块的实现

用户在填写数据的时候必须与注册页面上的验证相匹配否则会注册失败，注册页面的表单验证是通过验证的，用户名的长度必须在6到18之间，邮箱必须带有@符号，密码和密码确认必须相同，你输入的密码，系统会根据你输入密码的强度给出指定的值，电话号码和身份证号码必须要求输入格式与生活相符合，当你前台验证通过的时候你点击注册，表单会将你输入的值通过name值传递给后台并保存到数据库中。

用户注册流程图如下图所示。

![381e265f1462495eb709898d491064fa.png][]

图5-1用户注册流程图

![16375363e5dc427f9638e14138966883.png][]

图5\-1用户注册界面图

注册逻辑关键代码如下所示。

/\*\*

\* 注册

\* @param user

\* @return

\*/

@PostMapping("register")

public Map<String, Object> signUp(@RequestBody User user) \{

// 查询用户

Map<String, String> query = new HashMap<>();

query.put("username",user.getUsername());

List list = service.select(query, new HashMap<>()).getResultList();

if (list.size()>0)\{

return error(30000, "用户已存在");

user.setUserId(null);

user.setPassword(service.encryption(user.getPassword()));

service.save(user);

return success(1);

/\*\*

\* 用户ID：\[0,8388607\]用户获取其他与用户相关的数据

\*/

@Id

@GeneratedValue(strategy = GenerationType.IDENTITY)

@Column(name = "user\_id")

private Integer userId;

/\*\*

\* 账户状态：\[0,10\](1可用|2异常|3已冻结|4已注销)

\*/

@Basic

@Column(name = "state")

private Integer state;

/\*\*

\* 所在用户组：\[0,32767\]决定用户身份和权限

\*/

@Basic

@Column(name = "user\_group")

private String userGroup;

/\*\*

\* 上次登录时间：

\*/

@Basic

@Column(name = "login\_time")

private Timestamp loginTime;

/\*\*

\* 手机号码：\[0,11\]用户的手机号码，用于找回密码时或登录时

\*/

@Basic

@Column(name = "phone")

private String phone;

/\*\*

\* 手机认证：\[0,1\](0未认证|1审核中|2已认证)

\*/

@Basic

@Column(name = "phone\_state")

private Integer phoneState;

/\*\*

\* 用户名：\[0,16\]用户登录时所用的账户名称

\*/

@Basic

@Column(name = "username")

private String username;

/\*\*

\* 昵称：\[0,16\]

\*/

@Basic

@Column(name = "nickname")

private String nickname;

/\*\*

\* 密码：\[0,32\]用户登录所需的密码，由6-16位数字或英文组成

\*/

@Basic

@Column(name = "password")

private String password;

/\*\*

\* 邮箱：\[0,64\]用户的邮箱，用于找回密码时或登录时

\*/

@Basic

@Column(name = "email")

private String email;

/\*\*

\* 邮箱认证：\[0,1\](0未认证|1审核中|2已认证)

\*/

@Basic

@Column(name = "email\_state")

private Integer emailState;

/\*\*

\* 头像地址：\[0,255\]

\*/

@Basic

@Column(name = "avatar")

private String avatar;

/\*\*

\* 创建时间：

\*/

@Basic

@Column(name = "create\_time")

@JsonFormat(pattern = "yyyy-MM-dd HH:mm:ss")

private Timestamp createTime;

@Basic

@Transient

private String code;

1.  1.   用户资料修改模块的实现

用户登录/注册成功之后可以修改自己的基本信息。修改页面的表单中每一个input的name值都要与实体类中的参数相匹配，在用户点击修改页面的时候，如果改后用户名与数据库里面重复了，页面会提示该用户名已经存在了，否则通过Id来查询用户，并将用户的信息修改为表单提交的数据。

1.  1.  宠物资讯模块的实现

用户在登录状态下浏览宠物资讯时可将该宠物资讯加入宠物资讯，从session中取出该用户的信息，点击加入宠物资讯后前台发起请求，将对应的宠物shuliang、id参数信息从前台传递GoumaiController类里，匹配到add()方法，add()方法调用GoumaiServiceImpl类的add()方法。

宠物资讯界面如下所示。

![095af2692bd144ae9c4ada2bb472c71c.png][]

图5-1宠物资讯界面

1.  1.  用户管理模块的实现

根据需求，需要对用户进行添加、删除或修改详情信息。删除或修改用户时，系统根据用户的状态判定为可删除状态下，才会给出删除和修改链接，点击删除链接按钮时，请求到达后台，还会先查询用户状态再次做出判定能否删除。点击修改链接按钮时，会跳转到修改信息的页面，重新填写好数据后，数据提交到后台会对数据库中相应的记录做出修改。

添加用户时，会给出数据填写的页面，该页面根据填写好的用户编号同样会事先发送Ajax请求查询编号是否已存在，数据填写好之后提交到后台，会调用相关服务在数据库中插入记录。

用户管理流程图如下图所示。

![42fd9990d3b34b3e95102991827bc1ea.png][]

图5-1用户管理流程图

用户管理页面设计效果如下图所示。

![9f7137787c5e4c4f9df5db7c6592141c.png][]

图5-1用户管理界面图

用户管理关键代码如下所示。

@RequestMapping(value = \{"/count\_group", "/count"\})

public Map<String, Object> count(HttpServletRequest request) \{

Query count = service.count(service.readQuery(request), service.readConfig(request));

return success(count.getResultList());

1.  1.  宠物类别管理模块的实现

添加宠物类别时，输入必填字段后，表现层的ShangpinController接受传过来的宠物类别参数，再调用ShangpinController类的addShangpin方法，经过ShangpinService业务层到ShangpinMapper持久层的处理，完成对整个添加宠物类别的操作。addShangpin方法也和用户管理中的addUser方法类似，同时做添加和修改工作。

修改宠物类别时，选择需要修改的宠物信息进行修改，调用ShangpinController控制器的editShangpin方法，拿到该宠物原本的信息并显示到页面，管理员再对需要修改的宠物类别字段进行修改，完成后调用addShangpin方法，调用业务层的updateByKey方法，更新数据库的宠物类别表的数据。

宠物类别管理流程图如下所示。

![8fcfb844c8184859b45536da9dbf36fa.png][]

图5-1宠物类别管理流程图

宠物类别管理界面如下图所示。

![16e5123f6d5240fcbd65e8d4ff5dcda4.png][]

图5-1宠物类别界面图

宠物类别管理关键代码如下所示。

@PostMapping("/add")

@Transactional

public Map<String, Object> add(HttpServletRequest request) throws IOException \{

service.insert(service.readBody(request.getReader()));

return success(1);

@Transactional

public Map<String, Object> addMap(Map<String,Object> map)\{

service.insert(map);

return success(1);

public Map<String,Object> readBody(BufferedReader reader)\{

BufferedReader br = null;

StringBuilder sb = new StringBuilder("");

try\{

br = reader;

String str;

while ((str = br.readLine()) != null)\{

sb.append(str);

br.close();

String json = sb.toString();

return JSONObject.parseObject(json, Map.class);

\}catch (IOException e)\{

e.printStackTrace();

\}finally\{

if (null != br)\{

try\{

br.close();

\}catch (IOException e)\{

e.printStackTrace();

return null;

public void insert(Map<String,Object> body)\{

StringBuffer sql = new StringBuffer("INSERT INTO ");

sql.append("\`").append(table).append("\`").append(" (");

for (Map.Entry<String,Object> entry:body.entrySet())\{

sql.append("\`"+humpToLine(entry.getKey())+"\`").append(",");

sql.deleteCharAt(sql.length()-1);

sql.append(") VALUES (");

for (Map.Entry<String,Object> entry:body.entrySet())\{

Object value = entry.getValue();

if (value instanceof String)\{

sql.append("'").append(entry.getValue()).append("'").append(",");

\}else \{

sql.append(entry.getValue()).append(",");

sql.deleteCharAt(sql.length() - 1);

sql.append(")");

log.info("\[\{\}\] - 插入操作：\{\}",table,sql);

Query query = runCountSql(sql.toString());

query.executeUpdate();

1.  1.  宠物信息管理模块的实现

根据需求，需要对宠物信息进行添加、删除或修改详情信息。删除或修改宠物信息时，系统根据宠物信息的状态判定为可删除状态下，才会给出删除和修改链接，点击删除链接按钮时，请求到达后台，还会先查询宠物信息状态再次做出判定能否删除。点击修改链接按钮时，会跳转到修改信息的页面，重新填写好数据后，数据提交到后台会对数据库中相应的记录做出修改。

添加宠物信息时，会给出数据填写的页面，该页面根据填写好的宠物编号同样会事先发送Ajax请求查询编号是否已存在，数据填写好之后提交到后台，会调用相关服务在数据库中插入记录。

宠物信息管理流程图如下图所示。

![23570d2e64e04ef2955a1735af9b4519.png][]

图5-1宠物信息管理流程图

宠物信息管理页面设计效果如下图所示。

![abfb0d2d336147ab9f489b8d043e9eee.png][]

图5-1宠物信息管理界面图

宠物信息管理关键代码如下所示。

@PostMapping("/set")

@Transactional

public Map<String, Object> set(HttpServletRequest request) throws IOException \{

service.update(service.readQuery(request), service.readConfig(request), service.readBody(request.getReader()));

return success(1);

public Map<String,String> readConfig(HttpServletRequest request)\{

Map<String,String> map = new HashMap<>();

map.put(FindConfig.PAGE,request.getParameter(FindConfig.PAGE));

map.put(FindConfig.SIZE,request.getParameter(FindConfig.SIZE));

map.put(FindConfig.LIKE,request.getParameter(FindConfig.LIKE));

map.put(FindConfig.ORDER\_BY,request.getParameter(FindConfig.ORDER\_BY));

map.put(FindConfig.FIELD,request.getParameter(FindConfig.FIELD));

map.put(FindConfig.GROUP\_BY,request.getParameter(FindConfig.GROUP\_BY));

map.put(FindConfig.MAX\_,request.getParameter(FindConfig.MAX\_));

map.put(FindConfig.MIN\_,request.getParameter(FindConfig.MIN\_));

return map;

public Map<String,String> readQuery(HttpServletRequest request)\{

String queryString = request.getQueryString();

if (queryString != null && !"".equals(queryString)) \{

String\[\] querys = queryString.split("&");

Map<String, String> map = new HashMap<>();

for (String query : querys) \{

String\[\] q = query.split("=");

map.put(q\[0\], q\[1\]);

map.remove(FindConfig.PAGE);

map.remove(FindConfig.SIZE);

map.remove(FindConfig.LIKE);

map.remove(FindConfig.ORDER\_BY);

map.remove(FindConfig.FIELD);

map.remove(FindConfig.GROUP\_BY);

map.remove(FindConfig.MAX\_);

map.remove(FindConfig.MIN\_);

return map;

\}else \{

return new HashMap<>();

@Transactional

public void update(Map<String,String> query,Map<String,String> config,Map<String,Object> body)\{

StringBuffer sql = new StringBuffer("UPDATE ").append("\`").append(table).append("\`").append(" SET ");

for (Map.Entry<String,Object> entry:body.entrySet())\{

Object value = entry.getValue();

if (value instanceof String)\{

sql.append("\`"+humpToLine(entry.getKey())+"\`").append("=").append("'").append(value).append("'").append(",");

\}else \{

sql.append("\`"+humpToLine(entry.getKey())+"\`").append("=").append(value).append(",");

sql.deleteCharAt(sql.length()-1);

sql.append(toWhereSql(query,"0".equals(config.get(FindConfig.LIKE))));

log.info("\[\{\}\] - 更新操作：\{\}",table,sql);

Query query1 = runCountSql(sql.toString());

query1.executeUpdate();

public String toWhereSql(Map<String,String> query, Boolean like) \{

if (query.size() > 0) \{

try \{

StringBuilder sql = new StringBuilder(" WHERE ");

for (Map.Entry<String, String> entry : query.entrySet()) \{

if (entry.getKey().contains(FindConfig.MIN\_)) \{

String min = humpToLine(entry.getKey()).replace("\_min", "");

sql.append("\`"+min+"\`").append(" >= '").append(URLDecoder.decode(entry.getValue(), "UTF-8")).append("' and ");

continue;

if (entry.getKey().contains(FindConfig.MAX\_)) \{

String max = humpToLine(entry.getKey()).replace("\_max", "");

sql.append("\`"+max+"\`").append(" <= '").append(URLDecoder.decode(entry.getValue(), "UTF-8")).append("' and ");

continue;

if (like == true) \{

sql.append("\`"+humpToLine(entry.getKey())+"\`").append(" LIKE '%").append(URLDecoder.decode(entry.getValue(), "UTF-8")).append("%'").append(" and ");

\} else \{

sql.append("\`"+humpToLine(entry.getKey())+"\`").append(" = '").append(URLDecoder.decode(entry.getValue(), "UTF-8")).append("'").append(" and ");

sql.delete(sql.length() - 4, sql.length());

sql.append(" ");

return sql.toString();

\} catch (UnsupportedEncodingException e) \{

log.info("拼接sql 失败：\{\}", e.getMessage());

return "";

1.   系统测试
    
    1.   测试目的

程序设计不能保证没有错误，这是一个开发过程，在错误或错误的过程中难以避免，这是不可避免的，但我们不能使这些错误始终存在于系统中，错误可能会造成无法估量的后果 如系统崩溃，安全信息，系统无法正常启动，导致安装用户手机屏幕等，为了避免这些问题，我们需要测试程序，并发现这些问题，并纠正它们 ，并使系统更长时间稳定成熟，本章的作用是发现这些问题，并对其进行修改，虽然耗时费力，但长期非常重要和必要系统的开发。

软件测试与开发过程是一样的，都必须按照软件工程的正规原理进行，遵守管理学理论。不过，目前国内的软件测试已经积累了大量经验和方法，步骤相对成熟，软件测试的效率也越来越高。

社区文明养宠平台的实现，对于系统中功能模块的实现及操作都必须通过测试进行来评判系统是否可以准确的实现。在 社区文明养宠平台正式上传使用之前必须做的一步就是系统测试，对于测试发现的错误及时修改处理，保证系统准确无误的供给用户使用。

1.  1.  测试方案设计

#### 6.2.1 测试策略 ####

1、功能测试

从用户的角度来看，测试时不了解新开发软件的内部结构，因此可以将系统与黑匣子进行比较，盲目输入后可以查看系统给出的反馈。这种测试属于黑盒测试，在测试中如果输入错误信息系统会报错。

2、性能测试

测试软件程序的整体状况（称为性能测试）通常使用自动化测试工具来检测系统的整体功能，在负载测试和压力测试之间进行分配，在某些情况下，将这两种情况结合起来。虽然压力测试可以检测到系统可以提供的最高级别的服务，但负载测试可以测试系统如何响应增加的负载。

6.2.2 测试分析

测试评估系统质量的方法不局限于系统编码和过程，应该与软件设计工作和历史需求分析密切相关。

软件测试应遵循以下原则：

(1)软件测试应尽快进行，整个测试部分应在软件开发和设计的整个过程中进行。如发现错误，立即处理，将大大减少软件开发的时间，并提高软件的质量。

(2)在软件的各种测试中，测试过程中使用的计划、报告等应妥善处理和存储。其主要目的是为了便于以后系统的维护。

(3)软件测试整个过程中的聚类现象应优先考虑。

(4)对于软件测试，我们应该尽量不去和自己设计的系统进行参考，而是要测试对方的程序，以确保软件测试结果的客观性和公平性。

(5)整个测试计划严格按照软件测试的具体实施细则进行。

(6)对整个测试结果进行综合检查，尽量避免重复错误。

本社区文明养宠平台满足用户的要求和需求，本社区文明养宠平台的使用能够有效的提高用户的使用率。

1.  1.   测试结果

测试后得到的性能和用例，系统具有足够的正确性、可靠性、稳定性，并且可以对输入数据进行准确的点击操作处理和响应测试用户的体验也得到了很好的反馈和响应时间。合理的范围，可以兼容所有主流浏览器，设计所需的效果。

1.  总结与展望

通过社区文明养宠平台的开发，本人巩固了之前学过的知识，如今将平时所学到的知识融合在设计中，在设计过程中，做了很多的准备，首先，在数据库系统的设计过程中，尤其是在数据库的工作原理、工作特点，对其深刻的讨论，与此同时，对于小型站点来说，最好服务器的选择，其次，利用所学的知识点分析所做的系统，并在此基础上设计。

目前本系统已经上线，正在试运行阶段，用户反馈良好，基本完成用户所需，试运行过程中没有出现阻断性问题，有一些不足和小问题也及时予以修正，系统上线后，为了保证数据的安全性，对系统进行了备份操作，系统备份是每两个月备份一次，数据库备份为每周备份一次，系统部署在租赁的云平台服务器中。

本次系统上线成功后，得到了用户的高度认可，但是在功能上和性能上还需做进一步的研究处理，使其有更高的性能和更好的用户体验。

系统在以后的升级过程中，需要解决一系列用户所提出的问题，例如打印过程中如何避免浏览器的兼容性问题，大量用户访问时，如何保持较高的响应速度，在系统今后的升级过程中将着重解决这些安全性问题。

## 参考文献 ##

\[1\]熊柏祥.基于Springboot和Vue框架的考试资源服务平台的设计与实现\[J\].信息与电脑(理论版),2022,34(01):97-99+103.

\[2\]霍福华,韩慧.基于SpringBoot微服务架构下前后端分离的MVVM模型\[J\].电子技术与软件工程,2022(01):73-76.

\[3\]乔镔,隋首钢. Design of Background Management System of Physical Examination Reservation in School Hospital Based on SpringBoot\[J\]. 软件工程与应用,2021,10(06).

\[4\]孙永升.基于SpringBoot的信保系统的分析与设计\[J\].现代信息科技,2021,5(20):67-70+77.

\[5\]马聪,华亮,羌予践.一种基于SpringBoot架构下的水质监测系统设计\[J\].电子器件,2021,44(05):1109-1114.

\[6\]Fuyuan Cheng. Talent Recruitment Management System for Small and Micro Enterprises Based on Springboot Framework\[J\]. Advances in Educational Technology and Psychology,2021,5(2).

\[7\]刘欣,李亮亮,牛聪. 基于Vue和SpringBoot框架的流域监管平台的研究和应用\[C\]//.第十一届防汛抗旱信息化论坛论文集.,2021:118-122.

\[8\]赵智. 基于SpringBoot的某综合训练平台成绩分析与预测系统设计与实现\[D\].浙江理工大学,2021.

\[9\]陈凯. 基于SpringBoot技术的行波管设计文件管理系统的设计与实现\[D\].电子科技大学,2021.

\[10\]危炜. 基于SpringBoot和Vue框架的刹车片工厂流程再造系统的设计与实现\[D\].浙江理工大学,2021.

\[11\]Jian Chen,Chen Jian,Pan Hailan. Design of Man Hour Management Information System on SpringBoot Framework\[J\]. Journal of Physics: Conference Series,2020,1646(1).

\[12\]田海晴. 基于SpringBoot和Vue框架的共享运营管理平台的设计与实现\[D\].山东大学,2020.

## 致谢 ##

时光飞逝，转眼间我在学校的这些年生活即将结束，回顾这几年的学习生活，收获良多，既有幸福也有难过，学校生活的结束对于我来说也是一个新的开始。论文即将完成，在此，我心中有许多想要感谢的人。首先感谢我的导师，不仅在学习研究方面加以指导，也在生活和为人处世上给予帮助。还要感谢授课老师，你们严谨的学术精神和积极向上的工作态度都在激励我的成长和进步。感谢多年来一直生活在一起的室友，谢谢你们多年来的陪伴和照顾。最后，要感谢各位论文评审老师，感谢您们在百忙之中抽空评阅本论文并给出宝贵的意见和建议。

> **免费领取本源代码，请关注点赞＋私信**

[Link 1]: https://baike.baidu.com/item/%E7%94%A8%E6%88%B7%E7%95%8C%E9%9D%A2/6582461
[JavaScript]: https://baike.baidu.com/item/JavaScript/321142
[Link 2]: https://baike.baidu.com/item/%E7%B1%BB%E5%BA%93/3351433
[SPA]: https://baike.baidu.com/item/SPA/17536313
[Link 3]: https://baike.baidu.com/item/%E6%95%B0%E6%8D%AE%E7%BB%91%E5%AE%9A/2884939
[HTML]: https://baike.baidu.com/item/HTML/97049
[CSS]: https://baike.baidu.com/item/CSS/5457
[AngularJS]: https://baike.baidu.com/item/AngularJS
[DOM]: https://baike.baidu.com/item/DOM/50288
[d0a47b3d370f4d6d8aea9129e47f4613.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/06/ef4a46ea4fe548a691fdf073d114cd00.png
[997377ff9f31477d97275e51ecd2538e.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/06/99422528faaf4498afef8530d0a14f2d.png
[d2c70a7df475492a875ec280b303d900.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/06/657ed3883b944d6187d1fb3c3f53d860.png
[f57f8d5885de4cff87ecd98fb037d24e.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/06/01bd44c0273149f5a5e2b749f3701afa.png
[47b968111a644e05b6e94b6b8a9e7bb9.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/06/e99b284eb02c446a96d4b41ca3bdc7d8.png
[8299735f4c4b4f0290fd1fcdbe2ac715.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/06/c2be8546799d4f7697a5c5c18c42f364.png
[2095c2de8db14f09bcfc6a762e7bd5f9.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/06/461cdc0f983246f28d3a3a35ca56220d.png
[61536ad1b2824004a9ef683210cc6dcb.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/06/afe2abfb2be9448a8d53b4a618587731.png
[19a3b7e3ef7c48a499da2b08c6e488ab.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/06/ae94622b42894eff812768d296092da4.png
[e386afdd427b4211b95b0501552a5a4d.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/06/3788361b9d44492e8dbe828769fe51e9.png
[381e265f1462495eb709898d491064fa.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/06/1a7711c5ade941248250b90dbb00acbb.png
[16375363e5dc427f9638e14138966883.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/06/08cce1195ecd4c24ac0ff76cd18f8849.png
[095af2692bd144ae9c4ada2bb472c71c.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/06/3c56422564d34e36a6c90d41dd1dd10f.png
[42fd9990d3b34b3e95102991827bc1ea.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/06/43531f363cfe4b7c830ea10f7d47d9d9.png
[9f7137787c5e4c4f9df5db7c6592141c.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/06/fbec95c3e51e4dc5a89b5bdf6774e465.png
[8fcfb844c8184859b45536da9dbf36fa.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/06/04d5fc92e6cd46f8aceab2413f5b61fe.png
[16e5123f6d5240fcbd65e8d4ff5dcda4.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/06/27c7d3c31c9545cead09380a4bab2ad7.png
[23570d2e64e04ef2955a1735af9b4519.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/06/af56ee4275904ab7b5ebf9eb853d57cf.png
[abfb0d2d336147ab9f489b8d043e9eee.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/06/9347da37b0cc42538531863dcc1b55c0.png