基于微信小程序+SpringBoot的停车位共享管理系统的设计和实现

Myth丶恋晨 2023-09-24 15:52 52阅读 0赞

> **作者主页**：[Designer 小郑][Designer]  
> **作者简介**：Java全栈软件工程师一枚，来自浙江宁波，负责开发管理公司OA项目，专注软件前后端开发（Vue、SpringBoot和微信小程序）、系统定制、远程技术指导。CSDN学院、蓝桥云课认证讲师，全栈领域优质创作者，在校期间参加PAT乙级考试获得满分，三年ACM竞赛经验，斩获国奖两项，省奖五项。热爱技术、专注业务、开放合作、乐于分享，期待你我共同成长！  
> **主打方向**：Vue、SpringBoot、微信小程序

![在这里插入图片描述][4f67ca4c5d4b4854ba460d1f6e13ca51.gif_pic_center]

> 本文是《基于微信小程序+SpringBoot的停车位共享管理系统的设计和实现》的配套原创说明文档，可以给应届毕业生提供格式撰写参考，也可以给开发类似系统的朋友们提供功能业务设计思路。

#### 停车位共享管理系统的设计和实现-目录 ####

*   *  摘 要
     *  1 绪论
     *   *  1.1 研究背景及意义
         *   *  1.1.1 研究背景
             *  1.1.2 研究意义
         *  1.2 国内外研究现状
         *   *  1.2.1 国外发展现状
             *  1.2.2 国内发展现状
         *  1.3 本课题主要研究内容
         *  1.4 文章的组织结构
     *  2 系统所需技术框架的研究
     *   *  2.1 系统技术栈的说明与介绍
         *   *  2.1.1 Spring
             *  2.1.2 SpringBoot
             *  2.1.3 SpringMVC
             *  2.1.4 Uniapp
             *  2.1.5 MySQL数据库
             *  2.1.6 Tomcat
         *  2.2 系统开发环境需要
         *  2.3 本章小结
     *  3 系统需求分析
     *   *  3.1 系统需求分析概述
         *  3.2 功能需求的分析
         *  3.3 非功能需求分析
         *   *  3.3.1 可靠性
             *  3.3.2 易用性
             *  3.3.3 维护性
         *  3.4 可行性分析
         *   *  3.4.1 对现有系统的分析
             *  3.4.2 技术的可行性分析
             *  3.4.3 社会因素的分析
         *  3.5 本章小结
     *  4 系统整体结构设计
     *   *  4.1 系统设计的基本思想
         *  4.2 系统总体架构设计
         *  4.3 系统的网络拓扑结构的部署
         *  4.4 系统详细设计
         *   *  4.4.1 系统基础模块的功能设计
             *  4.4.2 车位管理模块设计
             *  4.4.3 车位租赁模块设计
             *  4.4.4 我的车位模块的功能设计
             *  4.4.5 下单付费管理模块的功能设计
         *  4.5 数据库分析与设计
         *   *  4.5.1 系统概念层结构设计
         *  4.5.2 逻辑结构设计
         *  4.6 本章小结
     *  5 系统功能与界面的实现
     *   *  5.1 系统基础模块的设计和实现
         *  5.2 车位管理模块的设计和实现
         *  5.3 车位租赁模块的设计和实现
     *  6 结论与展望
     *   *  6.1 结论
         *  6.2 展望
     *  参考文献

### 摘 要 ###

今天，汽车的数量每天都在增加。现有停车位虽然满足了部分停车场业主的需求，但停车场资源利用不足的现象依然存在，有必要提出公共停车位的设计理念。在共享经济的背景下，该设计意味着只要固定车位数量，就可以改善原有的停车电压状况。该设计措施最显著的特点是可以将私人停车位共享，体现停车位的最大价值，使私人停车位在闲置时可以直接转化为经济效益，使其他车主为停车设施。促进对停车资源的临时需求，促进停车资源的滥用。本文分析了我国现有车位存在的问题以及建立通用车位系统的必要性。在视觉设计和创新方面，我们将讨论共享车位的设计系统。作为停车系统的公共平台形式，我们提出了解决专用泊位共享使用的方法，设计了完整的公共停车系统框架。  
针对停车难的问题，提出了一种基于UniApp的小型车位共享方案。最初，一个基于uniapp的洗脚程序是为了管理停车场所有者共享的停车位而开发的。接下来，通过分析车位共享平台的运营需求，确定系统中各个角色的用户以及他们之间的交互模型，创建以车位为中心的系统软件模型和功能框架。做的。通过Java Web和UniApp，为每个用户开发了移动应用软件，并成功建立了双方之间的沟通。停车场业主发布停车场共享信息，普通用户预留停车位，维修人员维修受损锁，这些都是非常重要的，有利于解决停车问题。

**关键词**：停车、停车位、共享、Uniapp、小程序

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

### 1 绪论 ###

#### 1.1 研究背景及意义 ####

##### 1.1.1 研究背景 #####

进入21世纪以来，**汽车工业迅速发展，人民生活水平不断提高，城镇家庭汽车拥有率翻了一番**。从《中国统计年鉴》看，2009年至2014年6年，中国GDP年均增速为12.51个百分点，私家车年均增速为22.03个百分点。由于车辆数量和使用的增加，对城市停车位的需求也在增加。在总结国内外城市发展规划的经验教训后，我们认为城市停车场最重要的部分是建筑停车场、客运航站楼停车场和社会车辆停车场。约85%的市政车辆泊车需求由城市建筑中的停车场覆盖。因此，解决城市停车问题显得尤为重要。然而，由于城市人口快速增长的影响，各种城市资源的开发和利用变得越来越稀缺。它们是极其珍贵的，尤其是在城市土地资源方面。现行的建筑停车定额指标计算方法已不适应城市经济的快速发展。停车位的供需矛盾日益突出。面对土地资源面临的重大挑战，如何充分整合和利用资源，建设资源经济?可持续的城市空间形式和有效的增长管理和控制机制尤为重要。

改革开放以来，特别是1990年以来，汽车发展非常迅速。**停车问题在许多大中型城市，特别是在城市中心，正变得越来越严重**。从那时起，对停车的研究得到了加强。20世纪末，“九五”时期科技研究的主题是“城市公园系统规划技术”。本次调查由中国城市规划设计院进行并完成。这是首次对中国15个主要城市的停车位状况和措施进行研究。同时对停车管理规范、中心城市停车供给与路网的平衡、城市建筑建设的停车分配标准、城市公园规划的需求分析方法等进行探讨和分析。总结了许多研究成果。同时，公园管理与“互联网+”相结合，让互联网平台充分利用城市区域广泛使用的停车资源整合。定位技术与“互联网+”相结合，可以完美匹配有效泊车需求与免费泊车位供求关系，泊车需求管理将在“互联网+”的影响下发生变化。适应并真正实现共享停车和智能停车。快速发展的“互联网+”交通提供了解决数据不匹配的渠道，有效缓解泊车问题，实现泊车需求与闲置泊车资源的精确匹配。

近年来，随着“共享经济”概念的出现，我们**降低了互联网交易成本，增加了对剩余资源的配置，比如共享单车就是这种商业模式的产物**，同时对剩余资源进行了再分配。越来越多的人在选择。因此，“共享停车场”的理念是通过与相邻的土地使用者共享停车场，逐渐进入人们的视野，减少每个土地使用者提供的停车空间总数。根据不同土地利用属性停车时间分布的不同特点，共享停车场可以在不同的时间间隔内共享泊位，增加泊位数量，科学合理地确定泊位数量。节约了土地资源，增加了停车空间，优化了步行环境。在保证停车总供给不变的前提下，实施建筑内车位共享可以有效提高现有停车设施的供给能力，减少车位之间的供需冲突。

近年来，我国城市化和城市化进程加快，城市人口迅速增加，城市交通范围不断扩大，已成为城市交通的主要问题。其中，停车困难和昂贵是城市有车家庭面临的最大问题之一。近年来，随着共享概念和共享经济的出现，共享停车系统已经建立起来。**互联网和大数据解决了停车场维护不到位、使用不均、效率低下、停车动态信息不透明、不公开等问题，有助于改善城市交通状况，提高设施使用效率**。做的事情。本系统采用Java编程语言和MySQL数据库技术相结合。他在前端使用了VIEW技术，后端管理系统在VIEW组件库中使用了他的UI，接口服务使用了Spring Boot和Spring Cloud中内置的微服务框架。这足以支持分散的应用程序。首先，对共享停车管理系统的需求进行分析，验证用户的实际运行需求，并采用OOA的面向对象分析方法和OOD的面向对象设计方法对共享停车业务流程进行需求分析。，开发一个可行的系统设计方案，基于UML统一建模语言对系统进行建模。二是完成了公共公园管理制度草案。前端终端系统主要为用户提供用户注册、车位预约、我的订单、个人中心、实名认证+网络标签模块、基本信息收集、停车场预约、订单查询等功能。用于与本网站的互动和交流。后台主要为网站管理员和维护管理员提供各种功能。主要模块分别为用户及权限管理、用户对移动设备的信息请求、车位管理、车位发布与审核、车位预订申请与审核、支付渠道信息管理、订车申请、数据上报统计。模块的详细设计，绘制这些模块的详细顺序图。最后，本文详细介绍了如何实现一个共享停车场管理系统，说明了系统的编程方法，并给出了各个模块的截图。该系统已经过内部测试。一旦投入使用，可以方便有效地整合公共交通资源，改善城市交通，提高公共设施利用率，减少停车位之间的供求冲突。

在过去的五年里，中国的汽车保有量迅速增长。根据公共安全部门交通管理局的数据，截至2012年底，中国有2.4亿辆汽车和2.6亿名司机。然而，汽车始终处于“停”和“开”两种过渡状态。据有关政府部门称，一辆汽车的“驾驶”时间不够停车7%。大量的停车请求给这座城市带来了巨大的压力。停车问题日益严重，车位供给方面存在很多问题，很多原因导致车位供求不一致。同时，随着城市土地利用的集约、综合开发，越来越多的具有一些土地利用特点的综合开发地块出现。这些地块通常是城市中最大的停车问题之一，因为它们聚集在城市的人群和交通中。因此，**经济合理地确定停车需求是解决这些混合停车问题的关键**。

在这些地块中，不同类型土地使用的停车需求取决于时间和空间分布特征。因此，当有车位时，即有车位时，其他土地利用类型的使用者可以在不同土地利用类型之间共享车位。共享停车的想法起源于美国。1983年，玛丽·史密斯(Mary S. Smith)首先提出了一个共享停车场，这个停车场被许多国家使用。其基本思想是**利用不同土地利用属性的停车需求的不同时空分布特征，提供不同土地利用属性的停车空间利用缺口，即可持续发展**。从这个角度来看，就是要减少停车场的供应量。努力最大化利用公园资源，优化配置本地公园资源。

中国对共享停车的研究仍处于起步阶段。共享停车的实施主要基于两类土地使用合同的共享。研究停车需求的一种常见方法是在一定程度上减少一个国家的停车需求。有关的类型很多,可以用于共享停车场、土地的结合可用于共享的停车场,结合土地可用于共享停车场可用于共享停车场当共享停车场的效率相对较好,结合土地，可以用于共享停车场。对于**如何保证共享停车的有效实施，如何保证共享停车的有效实施，目前还没有明确的答案**。

##### 1.1.2 研究意义 #####

研究共享车位条件下的停车问题具有重要的理论和实践意义。第一，可以有效减少独特建筑的停车位数量，提高停车效率，节约土地资源。其次，通过该方法确定的车位数量也为动态和静态交通的协调平衡提供了基础。第三，完善园区配置机制可以为开发区园区总体规划提供一个标准，在此基础上提出完善园区配置指标的参考方法。第四，实际应用:共享车位使用率最高的条件下混合土地利用类型之间的比例关系，对于确定公共停车规划中土地利用指数大小和共享车位数量具有理论意义。

#### 1.2 国内外研究现状 ####

##### 1.2.1 国外发展现状 #####

**在日本、美国和一些欧洲国家等发达国家，共享停车管理系统已于五年前投入使用**。对其实际应用的研究表明，其效果良好。纵观国外公园发展的历史，接下来的主要步骤是:路边停车是最快的，因为社会车辆很少，而且路边停车的交通管制法规没有明确的建立。随着经济的发展，车辆越来越多，路边停车的问题也越来越多。严重的交通拥堵加剧了城市的拥堵，盗车现象更加严重。当时政府建了几个停车场，并有专人看守。停车场民营化虽然经过了很长时间才得到政府的批准，但由于车辆的剧增，停车场的管理变得困难。20世纪80年代中期，欧美发达国家率先将计算机技术引入停车场管理。随后，信息技术和自动化技术相继问世。21世纪初，城市车辆的增长持续加速，停车难的问题在欧美发达国家逐渐显现。为了解决这一问题，许多城市管理者、科学家和专家纷纷研究、推广和应用公共公园管理系统。

通过比较世界各地的公共停车场管理系统的功能，**我们在减少污染、减少交通压力、解决停车问题等各个领域取得了显著的成果**。然而，低水平的智能是常见的问题，如适当的管理和停车建议。20世纪50年代以来，发达国家一直在深入研究城市停车问题，特别是停车需求问题。  
美国学者阿姆斯特朗和威拉德在20世纪50年代开始研究停车对交通的影响。Miller, Hallock, Richard和同事们从不同的角度考虑停车需求，包括制定行业标准。Howarth和Hilton调查了开发控制区建筑物的停车标准与城市经济之间的关系。研究人员试图通过确定建筑物的停车指数来确定停车标准。莱文森比较了美国、欧洲和亚洲七个国家或城市的停车配额指数，并分析了它们与城市车辆水平的直接关系。在此期间，盐湖城国际机场泊位的泊位大小是根据预期的旅客人数、员工人数和高峰旅客人数确定的。

国外关于停车需求的研究是基于大量的研究数据。从1950年至今，美国对各个城市的停车问题进行了大量的大规模研究和研究。1956年(昭和21)，基于停车特征与城市规模之间的关系，对大约70个城市进行了停车场调查，并编制了《城市停车场指南》。从20世纪50年代末到60年代初，对CBD停车场进行了研究，并于1965年发表了《City Center parking》。《1971年停车指南》总结了111个人口在1万至100万以上的城市的停车调查结果，建立了相应的预测停车需求的模型11，并对停车位进行了需求和供应。为学习打下了良好的基础。  
美国运输工程师协会(ITE)定期更新其停车费报告，在1987年的第二版中，共有1450个样本是独立于每种土地用途的，包括64个土地用途。我们从停车场调查中收集了数据。这个分析显示了停车需求的范围，回归方程，和每一种土地使用的曲线。2005年3月，ITE发布了报告的第三版，收集了2148个独立调查的数据，将土地利用物种的数量分成了75个非常详细的类别。

##### 1.2.2 国内发展现状 #####

**人工管理模式也主导了中国城市的停车管理**。没有通用的智能管理系统，智能水平就不够高。如果进出车辆困难，交通堵塞经常发生在早晚高峰时段。造成这一问题的主要原因是管理员无法准确跟踪车位占用情况。车辆进入停车场后，才能找到隐蔽停车位。由于停车场本身相对较小，被驱逐的车辆会受到这些班车和停放车辆的影响。因此，在停车场和入口处经常会出现车辆进出拥堵的问题。一些城市已经应用了常见的停车管理系统，如显示附近停车场的泊位数据，在停车场出入口使用车辆地图等，但这些方法是主要问题。是的，数据收发不兼容，缺乏统一的数据管理，技术含量低，智能化程度低。因此，完善和完善我国现有的公共公园管理制度具有十分重要的意义。

**我国对停车需求的调查起步较晚**。90年代，城市车辆数量急剧增加，许多大城市的停车矛盾越来越明显，对静态交通的研究得到加强。1988年和1995年，上海市建设科学研究院对上海和浦东新区的停车特点进行了调查。首次对停车需求进行了系统的预测研究，建立了基于土地利用的静态交通影响模型和基于车辆行驶、区位选择、中心城市停车收费管理系统、社会需求的线性相关模型。一个停车场(车库)规划决定已经做出。详细讨论了经营模式和抵押贷款。从1996年到1998年，中国城市规划设计院首次调查了全国15个主要城市或城市在“九五”期间的停车位情况和政策，并分析了交通相关的停车需求。在“城市停车系统规划技术”方面取得了一定的研究成果，本文主要运用生产率法对上海市各类建筑的停车需求进行分析，辅以静态交通频率法，提出上海市的推荐指标，以及静态交通频率法。最后提出了一个停车场系统规划框架。东南大学的阮延建研究了上海50多座典型公共建筑的停车指数。1987年在台湾进行的“城市停车问题专题研究”中，分析了城市停车问题，提出了改进措施，并对停车模式的选择进行了探讨。在香港，一般每3-4年进行一次泊车需求及系统管理调查。1995年完成的一项关于泊车需求的研究提出了缓解短期泊车问题的四项措施:改善泊位规划标准、最大限度地发挥现有设施的潜力、控制需求和增加额外设施。

1994年、2001年和2006年建设中的停车需求和停车供应评价。例如，南京、上海等城市可以在现有的系统实施过程中更好地实施制导系统的设计，完善现有制导系统的功能应用，以及在现有制导系统的具体设计和实施中。演示应用程序。

#### 1.3 本课题主要研究内容 ####

本文介绍了一个停车位共享管理系统的设计与实现，并开发了一套用于车位共享的微信小程序。

首先，对共享停车管理系统的需求进行分析，验证用户的实际运行需求，并采用 OOA 的面向对象分析方法和 OOD 的面向对象设计方法对共享停车业务流程进行需求分析。，开发一个可行的系统设计方案，基于 UML 统一建模语言对系统进行建模。

二是完成了公共公园管理制度草案。终端前端系统主要收集基本信息，包括用户注册、车位预定、我的订单、个人中心、实名认证+网络标签模块，用于用户与本网站的交互和沟通。，用于为用户提供停车预约、订单搜索等功能。后台主要为网站管理员和维护管理员提供各种功能。主要模块有:用户及权限管理、移动设备上的用户信息查询、停车管理、停车放行与查询、停车预约查询与查询、缴费渠道信息管理、订单查询、数据报表统计、各模块的详细设计以及各模块的详细时序图。

最后，本文详细介绍了如何实现一个共享停车场管理系统，说明了系统的编程方法，并给出了各个模块的截图。该系统已经过内部测试。一旦投入使用，可以方便有效地整合公共交通资源，改善城市交通，提高公共设施利用率，减少停车位之间的供求冲突。

**本文主要讲解以下六方面内容**:

1.  我们将考察日本和国外停车位共享系统的研究背景，分析当前的停车位共享系统，并从中得出现实意义。
2.  解释系统所需的相关技术，并检查软件编程所需的物理条件。
3.  分析实现本系统所需的功能模块，包括直接依赖的功能需求和完全独立的功能需求，如安全性、交互性等。
4.  系统树的总体设计主要从总体架构、功能设计、数据库层次等方面进行描述。
5.  查看系统和界面特性。
6.  最后，对系统的设计与实现进行了全面的总结，指出了系统的不足之处，并对系统的发展前景进行了展望。

#### 1.4 文章的组织结构 ####

本文档分为六章，下面将详细描述。

**第一章**绪论在前言中，系统地阐述了论文的背景、依据、目的、意义以及国内外现有的研究成果，对国内外的研究成果进行了详细的描述，并组织了本章的结构。

**第二章**讨论了系统所需的技术框架。本章对UNIAPP前端和企业逻辑后端所需的框架和组件库进行了初步分析。

**第三章**对系统需求进行了合理而详细的分析，包括功能需求和非功能需求。从几个方面分析了系统开发的可行性。

**第四章**提出了一个完整、清晰、系统的结构。本章描述了系统的结构，并总结了一些简单的总体思路。详细分析了车位共享系统的总体框架，管理系统的五个功能模块，以及数据库的分析与设计。

**第五章**讨论了系统功能和接口的实现。显示系统功能和显示系统界面。

**第六章**概述与展望介绍如何编写、编写、编写和开发一个系统，说明系统各方面的优缺点，并考虑系统未来的使用。

### 2 系统所需技术框架的研究 ###

#### 2.1 系统技术栈的说明与介绍 ####

本系统通过 `Java` 技术平台进行开发和创新，采用 `MVC` 模式。其中，后台开发使用 `Spring`、`Spring Boot` 等开源框架，前台创建使用Vue框架，数据存储使用 `MySQL` 数据库，服务器使用 `Tomcat`。下面将详细描述所使用的技术。

##### 2.1.1 Spring #####

`Spring` 是一个非常有用的开源框架，有以下几个主要优点:

1.  容器控制可以显著减少程序之间的耦合。
2.  试验程序方便。运行测试时，可以独立于容器运行测试工作。
3.  支持AOP编程。spring支持的AOP Tangente编程简化了编程。
4.  对事务的声明性支持。Spring允许以声明的方式管理和报告事务，从而提高了开发效率。
5.  直接支持在Spring集成其他优秀框架。

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

##### 2.1.2 SpringBoot #####

如果您以前使用过**Spring的MVC + Spring + MyBatis**框架，那么您将需要构建和集成三大框架，即Web。XML、Spring和MyBatis配置与它们的集成配合得很好。Spring Launch Framework已经彻底改变了开发过程，由于XML配置过程的复杂性，许多标准配置已经被使用。启动POM可用于简化配置。根据Maven项目的POM。作为XML文件的XML组件，Spring根据XML设置和其他技术框架(如Spring MVC)自动组合Spring框架。

##### 2.1.3 SpringMVC #####

**Spring MVC是Spring的轻量级web框架**。在日常的开发中，我们使用MVC架构模式的思想来隔离web层，管理应用程序的生命周期，并简化开发。Spring MVC为视图管理、处理程序映射、处理程序适配器和视图解析器提供了一个主交换机调度服务器。支持功能强大的功能，如动作处理器控制器接口(包括模型和视图，以及响应对象请求和响应的请求处理)，灵活的配置，文件下载和简单的数据转换。

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

图2-2显示了Spring MVC的结构。客户端通过URL发送请求。当中央控制器接收到请求时，它将请求转发给处理器的映射器。处理器映射程序找到已处理的应用程序，并将其返回给中央控制器，中央控制器找到要处理的处理器适配器，调用接口，并将结果返回给中央控制器。最后，将得到的结果传递给视图分析器进行分析，并发送给客户端。

##### 2.1.4 Uniapp #####

**uniapp是一个使用视图的应用**。JS为所有前端应用开发了一个框架，开发人员为iOS、Android、Web (reactive)和各种applet(微信/支付宝/百度/头条/ Flying Books / QQ / Faster / Nail)。/淘宝)，创建可以在高速应用中发布的代码等。

##### 2.1.5 MySQL数据库 #####

**系统使用MySQL作为数据库**。MySQL是中国最高效、并发性最强、最流行的关系数据库之一。MySQL有三个重要的部分。第一层是连接权限服务，第二层是数据采集服务，第三层是存储数据的引擎层。

##### 2.1.6 Tomcat #####

**Tomcat Server是一个方便的开源web服务器，Tomcat的核心是连接器和容器**。Tomcat广泛用于小型企业和小型企业开发，是开发和调试Servlet和JSP程序的首选。基于此，一个典型的停车场管理系统使用Tomcat作为服务器。

#### 2.2 系统开发环境需要 ####

本系统在Windows平台上开发，使用IDEA开发工具和Heidisql作为数据库前端可视化软件。

#### 2.3 本章小结 ####

本文详细介绍了共享停车系统的技术堆栈和与之相关的理论知识，并向您介绍了Spring、Spring Boot、MySQL数据库和Tomcat服务器等开源框架。

### 3 系统需求分析 ###

#### 3.1 系统需求分析概述 ####

如今，普通的停车管理系统基本上实现了一个城市马赛克，停车、车辆支付系统、车主实时数据更新等功能不断完善。同时，信息系统中数据的及时性和准确性对于停车场行业来说非常重要。

#### 3.2 功能需求的分析 ####

共享停车小程序的功能需求主要包括五个模块:系统基础模块、车位管理模块、车位租赁模块、我的车位模块、下单付费模块。

（1）**系统基础模块**  
系统基础模块需要包括登陆注册模块、后台的用户管理、权限管理、角色管理子模块，是系统运行的基础模块。

（2）**车位管理模块**  
车位管理是对车位信息的持续管理，包括一些车位文件，如车位号、车牌、驾驶证、备注等。该模块可以用来查询车位信息。

（3）**车位租赁模块**  
车位租赁模块用于管理车位和车主的对应关系，保存车主租赁车位的历史记录。

（4）**我的车位模块**  
我的车位模块用于记录车主所拥有的车位信息，方便车主快速查询。

（5）**下单付费模块**  
当车主选择了心仪的车位后，可以通过下单付费模块进行下单缴费，缴费后车位即可正常使用。

#### 3.3 非功能需求分析 ####

##### 3.3.1 可靠性 #####

它保证了系统的稳定性和可靠性，最大限度地降低了系统在使用过程中发生错误的可能性，避免了系统因更新和升级而不稳定。

##### 3.3.2 易用性 #####

使用系统的前端人员，特别是安全前端操作人员的计算机技能不一致。系统的操作模式必须设计得易于学习和接受，并在操作的每一个细节中充分考虑可能的操作错误。

##### 3.3.3 维护性 #####

系统每天至少有23小时可用，可以对每天使用的数据进行统计评估，方便后续维护。

#### 3.4 可行性分析 ####

本文主要从现有系统分析、技术可行性分析、社会因素分析三个方面对小型公共停车场的开发进行可行性评估。

##### 3.4.1 对现有系统的分析 #####

与我国目前的情况相比，没有全国统一的信息平台。地方政府和州政府都有区、县一级的停车平台，但由于差异太大，州与州之间无法进行数据交换和报告。其次，国内停车公司处理的历史数据较少，缺乏保单的连续性，缺乏资源整合的机会。此外，在国家层面，由于州与市之间的差异，缺乏统一的制度规范，使得停车费率难以改变。同时，受影响地区的政府出于安全考虑，只公开了部分共享信息，但有时由于其数据价值较低。因此，停车公司在确定停车价格、优化成本和提供客户服务方面处于相对劣势。

##### 3.4.2 技术的可行性分析 #####

系统在设计初期分析了各种技术体系结构的优缺点，并最终大规模地使用了J2EE技术，具有较高的安全性。J2EE技术关注于系统的外部可伸缩性和早期标准化部署的开发。因此，J2EE技术可以完全支持共享停车小应用程序的开发。面向对象的思想研究、分析和研究这些与上述的关系作为研究的主题。通常，您可以将软件系统的问题域中的所有内容一次转换为一个对象。面向对象技术使开发人员更容易理解和使用系统，并帮助系统用户理解开发的原理和过程。MySQL是一个关系数据库，因为它很小，速度快，而且是开源的，所以它有广泛的应用。简而言之，由于开发一个小型通用停车场选择方案的技术可行性，因此没有技术问题。

##### 3.4.3 社会因素的分析 #####

目前，我国园区建设已确立稳固地位，“六大服务”不断推进，政府部门之间的“7 + 1”园区创新大战正如火如荼地展开。  
停车场的建设有效地缩小了乡村振兴与交通的差距。停车位将继续扩大，居民停车将更加顺畅，信息系统将全面更新。在今年的疫情中，大城市的人流得到了有效的传播，停车效率提高。“深化停车改革，让人们在家门口就能享受到高质量、高效率的停车服务。”最近，中国开发了一种新的停车方法。

#### 3.5 本章小结 ####

本章主要分析了系统开发的可行性，并结合现有系统、相关技术和社会因素，分析了某小型共享车位的开发方案。现有的系统是不完整的，应用的技术是可行的，社会是不断发展的，这表明需要开发这个系统。

### 4 系统整体结构设计 ###

#### 4.1 系统设计的基本思想 ####

MVC模型是软件领域常见的编程思想。在软件开发中，视图、控制器和模型是MVC的三层架构，最终实现了灵活流畅的编程。这种MVC架构使你的程序更易于扩展和直观。

#### 4.2 系统总体架构设计 ####

在设计管理系统时，体系结构设计尤为重要。通过对设计的系统模块进行适当的划分，详细的划分结构如图4-1所示。

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

#### 4.3 系统的网络拓扑结构的部署 ####

共享停车applet体系结构采用企业级信息结构平台的形式。广域网部署可用于查询车主、连接停车场前台人员、验证管理、更改账户等相关功能。通过提供本地网络或服务器，可加强当事人的信息安全。系统网络结构如图4-2所示。

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

#### 4.4 系统详细设计 ####

##### 4.4.1 系统基础模块的功能设计 #####

本模块是系统基础模块，包含了对该系统的基础配置，包括了登陆用户的管理、系统角色的管理、系统权限的管理，还有登陆注册的功能，其功能结构示意图如图4-3所示。

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

##### 4.4.2 车位管理模块设计 #####

车位管理是对车位的信息继续管理，其中包括一些车位的档案，包含了车位ID、车牌号、驾驶人、行驶证、备注信息等，可以通过此模块进行车位的查询操作，其功能结构示意图见4-4。

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

##### 4.4.3 车位租赁模块设计 #####

车位租赁模块用于管理车位和车主的对应关系，保存车主租赁车位的历史记录，需要包括新增车位租赁、编辑车位租赁信息、取消车位租赁、查询车位租赁的功能，其功能结构示意图见4-5。

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

##### 4.4.4 我的车位模块的功能设计 #####

我的车位模块用于记录车主所拥有的车位信息，方便车主快速查询，需要包括查询我的车位、新增我的车位、取消购买我的车位、编辑我的车位信息，其功能结构示意图见4-6所示。

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

##### 4.4.5 下单付费管理模块的功能设计 #####

当车主选择了心仪的车位后，可以通过下单付费模块进行下单缴费，缴费后车位即可正常使用，需要实现查询我的缴费记录、缴费付款、取消缴费付款、申述功能，如图4-7所示。

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

#### 4.5 数据库分析与设计 ####

共享停车的数据库是一个引用停车信息的数据库，非常专业。数据库的设计和创建是为了通过数据反映业务流程，以及存储数据。

##### 4.5.1 系统概念层结构设计 #####

通过对需求功能的分析和各模块的设计，对数据库的各个模块进行了设计，并在E-R图中进行了显示。

系统配置模块注册和管理相关的登录帐户。登录帐号信息包括登录帐号、用户名、手机号、帐号类型、性别、帐号邮箱等。登录帐户是系统用户的决定性因素。如图4-8所示。

![在这里插入图片描述][5a8590045de64512afcb6b4511883d7a.png_pic_center]  
车辆也是系统的主体之一，需要将车辆的基础信息入库存储，例如车辆ID、车辆类型、车牌号、行驶证、驾驶员、驾驶员手机、备注等等。如图4-9所示。

![在这里插入图片描述][1727b54847e0432b9eef262145c0e9d0.png_pic_center]  
车位模块功能主要是停车厂车位的记录和存储，例如车位ID、车位名称、所属停车场ID、所属停车场名称、备注等信息。如图4-10所示。

![在这里插入图片描述][7de5a2977c5142d985462933840feb4a.png_pic_center]  
租赁记录表主要是维护不同类型车辆的租赁记录，包括记录ID、租赁时间、租赁IP地址、车位ID、车位号、车主ID、车主姓名、备注信息。如图4-11所示。

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

#### 4.5.2 逻辑结构设计 ####

本系统重要数据表的主要逻辑结构设计如下文所示。

本系统采用MySQL作为后台数据库，在MySQL中创建了名为shared\_park的数据库，该数据库中包含了用户信息表、停车场表、车位档案表、等等，以下是各表的详细信息。

**（1）用户信息表（sys\_user）**，主要用于存储在注册页面中由用户所输入的信息，该表中openId是主键。用户数据定义的格式如表4-1所示。

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

**（2）车位租赁记录表（rent\_record）**，该表主要负责存储车位租赁记录的基本信息，其中id是主键，用于标识租赁记录编号的唯一性。其详细信息如表4-2所示。

![在这里插入图片描述][31a29f4b6a3d46969f345676b857e730.png_pic_center]  
**（3）业主车位审核管理表（stall）**，该表主要负责存储审核的基本信息，其中id是主键，用于标识审核单的唯一性。其详细信息如表4-3所示。

![在这里插入图片描述][6b63473b6360474095a61a8941069c0d.png_pic_center]  
**（4）系统日志表（sys\_log）**，该表主要负责存储日志的基本信息，其中id是主键，用于标识日志的唯一性。其详细信息如表4-4所示。

![在这里插入图片描述][5b612cdbbd0a46159c02dfaae128d708.png_pic_center]  
**（5）系统角色表（sys\_role）**，该表主要负责存储角色的基本信息，其中role\_id是主键，用于标识角色的唯一性。其详细信息如表4-5所示。

![在这里插入图片描述][727cabb509ef4261b513e3b09fbb05b7.png_pic_center]  
**（6）系统用户Token表（parking\_order）**，该表主要负责存储用户Token的数据，其中user\_id是主键，用于标识Token的唯一性。其详细信息如表4-6所示。

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

#### 4.6 本章小结 ####

本部分是停车系统总体设计的一部分。本章主要介绍了系统设计的基本思想和系统的总体设计，以及系统的各个模块，如系统核心模块、停车场管理模块、停车场租赁模块、停车模块、订单支付模块、5个通用模块。说明了各个模块的设计。并进行了详细的系统设计和数据库设计。

### 5 系统功能与界面的实现 ###

#### 5.1 系统基础模块的设计和实现 ####

图5-1是共享停车位小程序的登录界面，顶部是“云车位共享小程序”的标题，下面是用户名、密码、图形验证码这三个输入表单，接着是一个粉色的“立即登陆”按钮，用户需要完成用户名、密码的正确输入，然后输入动态图形验证码，点击登陆按钮即可进入系统，如图5-1所示。

![在这里插入图片描述][c7fcfb9906764f6aa8e142533f8a9a76.png_pic_center]  
小程序登陆模块核心代码如下所示：

dataFormSubmit() {
        
        this.$api.R(
            'sys/login',
            'POST', 
            {
        
                username: this.dataForm.userName,
                password: this.dataForm.password,
                uuid: this.dataForm.uuid,
                captcha: this.dataForm.captcha,
                role:this.dataForm.role
            },
        ).then((res) => {
        
            //请求成功
            if(res.data && res.data.code === 0){
        
                this.loading = false;
                this.token =res.data.token
            
                //设置token缓存信息
                uni.setStorageSync('token',this.token)
                uni.setStorageSync('role',res.data.role)
                uni.setStorageSync('classInfo',res.data.classNnfo)
                uni.setStorageSync('user',res.data.user)
                //登录成功后跳转页面(页面需要在pages.json页面中注册)
                //注意：跳转到 tabBar 页面只能使用 switchTab 跳转
                uni.switchTab({
        
                    url: '../index1/index1'
                })
                console.log('请求返回结果', res)
            }else{
        
                uni.showToast({
        
                    title: res.data.msg,
                    icon:false,
                    mask: true
                });
                //重新获取验证码
                this.getCaptcha();
            }
            
        }).catch((err) => {
        
            this.loading = false;
            console.log('request fail', err);
        })
    }

当用户没有账号时，可以点击底部的“还没有账号？点此注册”的超链接，进入到注册界面。用户在注册时，需要输入登陆账号、姓名、密码、QQ号、邮箱、手机号字段，其中登陆账号不能和已有的账号重复，邮箱和手机号有正则表达式的验证，如图5-2所示。

![在这里插入图片描述][ba827ccf17e743ef8405078309d86970.png_pic_center]  
注册核心代码如下所示：

user.setCreateTime(new Date());
    //sha256加密
    String salt = RandomStringUtils.randomAlphanumeric(20);
    user.setPassword(new Sha256Hash(user.getPassword(), salt).toHex());
    user.setSalt(salt);
    this.save(user);
    //检查角色是否越权
    checkRole(user);
    //保存用户与角色关系
    sysUserRoleService.saveOrUpdate(user.getUserId(), user.getRoleIdList());

当用户登陆成功后，则自动进入到共享停车位小程序的首页，如图5-3所示。本系统拥有三个页签，分别是首页、车位、我的，接下来将详细阐述这三个分页签。

![在这里插入图片描述][72e8e641affa46bf9c443b67675b5e7a.png_pic_center]  
同样，管理员可以在管理后台进行登陆操作，管理员需要输入自己的账号、密码和动态图形验证码，完成系统登陆，如图5-4所示。

![在这里插入图片描述][f6ffb335856c4c54b8da1dfde7836a7a.png_pic_center]  
后台登陆逻辑核心代码如下所示：

@PostMapping("/sys/login")
    public Map<String, Object> login(@RequestBody SysLoginForm form)throws IOException {
        
       boolean captcha = sysCaptchaService.validate(form.getUuid(), form.getCaptcha());
       if(!captcha){
        
          return R.error("验证码不正确");
       }
    
       //用户信息
       SysUserEntity user = sysUserService.queryByUserName(form.getUsername());
    
       //账号不存在、密码错误
       if(user == null || !user.getPassword().equals(new Sha256Hash(form.getPassword(), user.getSalt()).toHex())) {
        
          return R.error("账号或密码不正确");
       }
    
       //账号锁定
       if(user.getStatus() == 0){
        
          return R.error("账号已被锁定,请联系管理员");
       }
    
       //生成token，并保存到数据库
       R r = sysUserTokenService.createToken(user.getUserId());
       return r;
    }

管理员登陆系统后，可以进入用户管理模块，查看系统的所有用户信息，如图5-5所示。

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

用户管理模块核心代码如下：

@Transactional
    public void saveUser(SysUserEntity user) {
        
       user.setCreateTime(new Date());
       //sha256加密
       String salt = RandomStringUtils.randomAlphanumeric(20);
       user.setPassword(new Sha256Hash(user.getPassword(), salt).toHex());
       user.setSalt(salt);
       this.save(user);
       //检查角色是否越权
       checkRole(user);
       //保存用户与角色关系
       sysUserRoleService.saveOrUpdate(user.getUserId(), user.getRoleIdList());
    }

系统采用基于角色的访问控制，管理员可以通过赋予用户角色，从而让用户有权限看到菜单，角色管理模块如图5-6所示。

![在这里插入图片描述][f09976a717734af5be5e25200b862446.png_pic_center]  
角色管理模块核心代码如下：

@GetMapping("/list")
    @RequiresPermissions("sys:role:list")
    public R list(@RequestParam Map<String, Object> params){
        
       if(getUserId() != Constant.SUPER_ADMIN){
        
          params.put("createUserId", getUserId());
       }
    
       PageUtils page = sysRoleService.queryPage(params);
       return R.ok().put("page", page);
    }

#### 5.2 车位管理模块的设计和实现 ####

车位管理模块的界面如图5-3所示，系统会将可共享的停车位档案显示在首页页签中，并且展示所属车库名称、租赁价格和备注说明文字，用户可以点击进入车位详情页，如图5-7所示。

![在这里插入图片描述][8086331951654a1c9481fdcd67b8acd3.png_pic_center]  
车位详情页中顶部是车位所在区域的图片，用户可以查看车位附近的情况，判断是否符合自己的租赁标准。下方展示了地图组件，根据车位的经纬度信息，精确展示车位所在的位置，用户可以点击白色“去这里”按钮，跳转到其他导航工具进行导航，也可以点击绿色“去预定”按钮，调转到预定界面，完成缴费支付操作。

车位列表核心代码如下：

车位详情核心代码如下：

<view>
        <view class="banner">
            <image class="banner-img" :src="banner.img"></image>
            <view class="banner-title">{
        {
        banner.title}}</view>
        </view>
        <view class="article-meta">
            <text class="article-author">{
        {
        banner.littleTitle}}</text>
            <text class="article-text">租金:</text>
            <text class="article-time">{
        {
        banner.amount}}</text>
        </view>
            <view class="page-section page-section-gap ">
                <map class="map-box" :latitude="latitude" :longitude="longitude" :markers="covers">
                </map>
            </view>
            <button type="default" style="width: 50%;">去这里</button>
            <button type="primary" style="width: 50%;">去预订</button>
    </view>

#### 5.3 车位租赁模块的设计和实现 ####

管理员可以在后台查询车位租赁数据，如图5-8所示。

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

对于用户提交的租赁订单，可以根据实际情况完成审核操作，如图5-9所示。

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

车位租赁核心代码如下所示：

getDataList () {
        
    this.dataListLoading = true
    this.$http({
        
    url: this.$http.adornUrl('/generator/rentrecord/list'),
    method: 'get',
    params: this.$http.adornParams({
        
    'page': this.pageIndex,
    'limit': this.pageSize,
    'key': this.dataForm.key
    })
    }).then(({
         data}) => {
        
    if (data && data.code === 0) {
        
    this.dataList = data.page.list
    this.totalPage = data.page.totalCount
    } else {
        
    this.dataList = []
    this.totalPage = 0
    }
    this.dataListLoading = false
    })
    },

### 6 结论与展望 ###

#### 6.1 结论 ####

本文介绍并设计了一个共享停车的小程序。在系统总体结构设计的基础上，提出了共享停车方案的五个功能模块。最后，实现了一个通用停车系统的开发。

本系统设计主要包括以下工作内容:

在设计初期，笔者收集和比较了大量的国内外文献，分析了小型公共停车场规划的现状，说明了研究的背景和重要性，以及当前世界的优势。并分析了不足之处，确定了本次开发的具体技术，并说明了所采用技术的优缺点。

对共享停车小程序进行系统需求分析和功能需求分析，确定系统功能，进行系统开发可行性分析，确定系统开发的可行性，并在此基础上创建数据库来完成。

在编码实现阶段，IDEA开发工具完成了编码实现，并引入了Spring Start框架来简化web开发。在数据级，使用MyBatis和MySQL框架，使用Maven进行管理，使用他的VUE框架开发前端。

#### 6.2 展望 ####

本文开发的通用停车小程序能够满足停车需求，过程恰当，操作方便，界面简单美观，适合停车工人和车主使用。它是。然而，由于缺乏个人水平等因素，本研究仍存在许多问题和不足。例如，本文中开发的共享停车小应用程序使用MySQL存储系统生成的数据。但是，如果以后信息量增加，可能会在一定程度上影响性能。其次，考虑将缓存增加到他的第二个，确保司机的信息安全也是很重要的。员工的信息安全是非常重要的。本文不涉及信息安全。为了完善系统，信息安全也需要深入探讨，由于系统本身并没有与停车系统相连，所以不可能了解到相关的停车信息。

### 参考文献 ###

\[1\] 区县停车管理系统设计与实现\[D\]. 岳建涛.重庆大学 2008  
\[2\] 财政部. 关于开展城乡停车工作的指导意见\[J\]. 中国实用乡村医生杂志, 2012, 019(021):1-3.  
\[3\] 邓本霞. 停车改, 惠及民生\[J\]. 法制与经济(中旬), 2013, 000(004):93+95.  
\[4\] 石枫. 停车运行困境及问题\[J\]. 现代经济信息, 2015(12):51-52.  
\[5\] 黄华波. 停车的制度特性与经办模式分析\[J\]. 中国社会保障, 2015(8).  
\[6\] 精准施策是决胜停车脱贫攻坚的关键\[J\]. 王运柏. 新湘评论. 2020(07)  
\[7\] 停车委托商保承办的现状及问题分析\[J\]. 朱铭来,解莹,李海燕. 中国停车. 2020(03)  
\[8\] 新农合停车系统的设计与实现\[D\]. 张业恒.郑州大学 2016  
\[9\] 停车助推精准扶贫的现状、问题与对策\[J\]. 向运华,罗家琪. 决策与信息. 2019(12).  
\[10\] Suggestion on Critical Illness Insurance in China\[J\] . L Zhu,H Xu,X Cui. Value in Health . 2016 (7)  
\[11\] 云南省城镇居民停车信息系统开发研究\[D\]. 李锐.云南大学 2010  
\[12\] 李若翰. 停车管理系统设计与实现\[D\].江西财经大学,2020.  
\[13\] 金霞.广西城乡停车制度存在的问题及建议\[J\].现代商贸工业,2021,42(11):40-41.

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

> **引用说明：**  
> 引用以上内容的用户，必须同意以下内容，否则请勿引用！
> 
> 1.  出于自愿而使用本文，了解引用本文的风险，且同意自己承担引用本文的风险。
> 2.  利用本文内容构建的任何信息内容以及导致的任何版权纠纷和法律争议及后果和作者无关，作者对此不承担任何责任。
> 3.  在任何情况下，对于因引用本文而导致的任何难以合理预估的损失（包括但不仅限于商业利润损失、业务中断与业务信息丢失），作者概不承担任何责任。
> 4.  必须了解使用本文内容的风险，作者不对其提供二次维护服务，也不提供任何有关资料。

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

[Designer]: https://blog.csdn.net/qq_41464123
[4f67ca4c5d4b4854ba460d1f6e13ca51.gif_pic_center]: https://img-blog.csdnimg.cn/4f67ca4c5d4b4854ba460d1f6e13ca51.gif#pic_center
[b4f91ffd73b14fc4bb18c70e9c533c50.png_pic_center]: https://img-blog.csdnimg.cn/b4f91ffd73b14fc4bb18c70e9c533c50.png#pic_center
[09b4af78b5b84588881c7b06574d538a.png_pic_center]: https://img-blog.csdnimg.cn/09b4af78b5b84588881c7b06574d538a.png#pic_center
[1cd502ad4f08472b8b6d8fe548a76076.png_pic_center]: https://img-blog.csdnimg.cn/1cd502ad4f08472b8b6d8fe548a76076.png#pic_center
[09b7a6521e0045fb89931ffd29c6917c.png_pic_center]: https://img-blog.csdnimg.cn/09b7a6521e0045fb89931ffd29c6917c.png#pic_center
[b04ee6165bd746fc8a7894769ac14a3d.png_pic_center]: https://img-blog.csdnimg.cn/b04ee6165bd746fc8a7894769ac14a3d.png#pic_center
[f3428c7f42d142788d0d84ff85adf9d4.png_pic_center]: https://img-blog.csdnimg.cn/f3428c7f42d142788d0d84ff85adf9d4.png#pic_center
[40887a0d52204dc89d3eb163f717b69b.png_pic_center]: https://img-blog.csdnimg.cn/40887a0d52204dc89d3eb163f717b69b.png#pic_center
[fb202c7d913f4679b87b1837986893a3.png_pic_center]: https://img-blog.csdnimg.cn/fb202c7d913f4679b87b1837986893a3.png#pic_center
[94f285915546491da256778a3a185865.png_pic_center]: https://img-blog.csdnimg.cn/94f285915546491da256778a3a185865.png#pic_center
[5a8590045de64512afcb6b4511883d7a.png_pic_center]: https://img-blog.csdnimg.cn/5a8590045de64512afcb6b4511883d7a.png#pic_center
[1727b54847e0432b9eef262145c0e9d0.png_pic_center]: https://img-blog.csdnimg.cn/1727b54847e0432b9eef262145c0e9d0.png#pic_center
[7de5a2977c5142d985462933840feb4a.png_pic_center]: https://img-blog.csdnimg.cn/7de5a2977c5142d985462933840feb4a.png#pic_center
[4555051c297c4e55841d12ba754bfd83.png_pic_center]: https://img-blog.csdnimg.cn/4555051c297c4e55841d12ba754bfd83.png#pic_center
[ed3eef80099a40cd95146bad291b9bda.png_pic_center]: https://img-blog.csdnimg.cn/ed3eef80099a40cd95146bad291b9bda.png#pic_center
[31a29f4b6a3d46969f345676b857e730.png_pic_center]: https://img-blog.csdnimg.cn/31a29f4b6a3d46969f345676b857e730.png#pic_center
[6b63473b6360474095a61a8941069c0d.png_pic_center]: https://img-blog.csdnimg.cn/6b63473b6360474095a61a8941069c0d.png#pic_center
[5b612cdbbd0a46159c02dfaae128d708.png_pic_center]: https://img-blog.csdnimg.cn/5b612cdbbd0a46159c02dfaae128d708.png#pic_center
[727cabb509ef4261b513e3b09fbb05b7.png_pic_center]: https://img-blog.csdnimg.cn/727cabb509ef4261b513e3b09fbb05b7.png#pic_center
[74bff70fd7dd412c9f57cee765612c58.png_pic_center]: https://img-blog.csdnimg.cn/74bff70fd7dd412c9f57cee765612c58.png#pic_center
[c7fcfb9906764f6aa8e142533f8a9a76.png_pic_center]: https://img-blog.csdnimg.cn/c7fcfb9906764f6aa8e142533f8a9a76.png#pic_center
[ba827ccf17e743ef8405078309d86970.png_pic_center]: https://img-blog.csdnimg.cn/ba827ccf17e743ef8405078309d86970.png#pic_center
[72e8e641affa46bf9c443b67675b5e7a.png_pic_center]: https://img-blog.csdnimg.cn/72e8e641affa46bf9c443b67675b5e7a.png#pic_center
[f6ffb335856c4c54b8da1dfde7836a7a.png_pic_center]: https://img-blog.csdnimg.cn/f6ffb335856c4c54b8da1dfde7836a7a.png#pic_center
[fb2a089c56a94d3688c68234b600b414.png_pic_center]: https://img-blog.csdnimg.cn/fb2a089c56a94d3688c68234b600b414.png#pic_center
[f09976a717734af5be5e25200b862446.png_pic_center]: https://img-blog.csdnimg.cn/f09976a717734af5be5e25200b862446.png#pic_center
[8086331951654a1c9481fdcd67b8acd3.png_pic_center]: https://img-blog.csdnimg.cn/8086331951654a1c9481fdcd67b8acd3.png#pic_center
[7b84f233977a4eac87610a084ee8f34b.png_pic_center]: https://img-blog.csdnimg.cn/7b84f233977a4eac87610a084ee8f34b.png#pic_center
[004b8d2744214a528cdfefbe1a68800a.png_pic_center]: https://img-blog.csdnimg.cn/004b8d2744214a528cdfefbe1a68800a.png#pic_center
[3a01dc60e62c415b812015851343f1c0.png_pic_center]: https://img-blog.csdnimg.cn/3a01dc60e62c415b812015851343f1c0.png#pic_center