基于微信小程序的幸福猫狗之家领养平台的设计与实现

基于微信小程序的幸福猫狗之家领养平台的设计与实现I第1章绪论1.1选题背景近年来，随着人们生活水平的不断提高，豢养宠物的家庭越来越多，因生病等原因被遗弃街头的流浪狗流浪猫也随之增多。印度圣哲甘地说：“从对待动物的态度可以判断这个民族是否伟大，道德是否高尚。”宠物作为快节奏、大压力、高速紧张的现代生活中现代人的亲密伴侣，已经成为社会发展的一种必然。但由于相关的法律、法规的不健全，必要的管理缺位，以及人们对宠物饲养的认识不够，无辜遗弃宠物导致猫患、狗患，它们或流落街头，或被猫狗贩子扑杀，或被执法人员乱棒打死，引发出一系列的社会问题，只有少部分会被有爱心的人送到救助站，这些救助站成为了流浪动物们的第二个家。在哈尔滨市的一隅有一个占地面积100多平的猫狗之家，这是由上百个小猫小狗组成的家庭。在这里无助的小动物不再流离失所，不必每天生活在饥饿与被伤害的威胁下。哈尔滨市幸福猫狗之家救助中心是2013年8月6日创立的民间流浪猫狗保护组织，是个非盈利的组织救助中心，总旨是：珍爱生命、尊重生命、保护动物、维护动物的生存权利，发扬人道主义精神，坚决反对任何虐杀、残害、遗弃动物的行为。从成立至今，已救助了上千只流浪猫流浪狗，同时也帮助很多人找到了走丢的宠物。但随着站内动物越来越多，救助站的管理运营也出现了一些问题。目前救助站主要通过微信公众号、微博等途径分批发布领养和寻宠信息，用户需要关注账号才能持续收到更新的消息，这就导致一些新关注的用户可能忽略了以往的信息，从而错过自己想要领养的动物。当前救助站领养流程较为复杂，需要领养人通过微信公众号添加微信，再由工作人员进行询问考察，但工作人员大多数为义工，有时会出现不能及时回复处理这些消息的问题。由于该救助站是一个非营利民间保护组织，大部分的猫粮狗粮以及动物的治疗费用都是由社会爱心人士捐赠，而其中一些小动物虽然经过有效治疗但身体方面仍然存在某些缺陷，很难得到领养人的青睐，只能在救助站生活下去，这也进一步增加了救助站的负担。已有的领养平台小程序功能模块不是很完善，领养流程及审核问题也跟救助站的需求不符，所以采取自行开发的方式可以很好的解决这些问题。1.2选题目的及意义1.2.1选题目的本设计的研究目的主要有以下几点：针对宠物领养信息发布方法的不完善及审核流程的复杂性，提供一种有效的解决手段针对特殊动物生活问题，制定特殊解决方案根据用户的不同需求，设计相关模块，完善相应功能小程序操作简单，易于推广，可以给用户带来更好的交互体验1.2.2选题意义本设计的主要意义在于：对于救助站来讲，该小程序可以有效减少因站内动物过多产生的管理难、经济压力大等问题，并简化审核流程。小程序拥有开发成本低易推广等特点，且可以与微信公众号相结合，减轻救助站负荷。对于动物来讲，提高生活质量及被领养的概率，使其有一个更为舒适的生活环境。对于用户来讲，方便用户对动物领养信息的浏览查询，明确领养流程。用户可以采取多种方式奉献自己的爱心。同时该小程序提供寻宠功能，可根据用户的不同需求查询想要的宠物。1.3国内外应用现状1.3.1国外应用现状由于国外的宠物文化比国内早几十年，他们很多关于宠物领养和救助的体系已经比较成熟。针对被主人遗弃的动物，很多国家都成立了私立或公立的收容机构。在美洲，《预防虐待动物协会》(SPCA)是承担保护动物和收容流浪动物、制止虐待动物行为的主要机构，此外还有一些由私人或福利团体设立的动物收容所。收容所一般不会拒接动物，对于收容来的动物会先进行各方面检查，并为其治疗疾病，同时进行绝育和防疫工作，然后寻找愿意收养的家庭。过期未被收养的动物则被给予安乐死。每年约有800万-1000万只流浪猫狗进入动物收容所，约有60%的流浪猫狗被处以安乐死。

为了保障动物不被随意遗弃、不受虐待，很多国家都出台了动物保护相关的法律法规来引导饲养者善待动物。如果饲养者虐杀宠物或者故意丢弃宠物，都会受到起诉，即便是因为疏于看管而弄丢了宠物，也要缴纳一定的罚款。在美国、法国等国家，想饲养动物必须给动物建立档案、进行登记并且办理健康卡。每个动物都有身份登记证明，这样有利于防疫和宠物管理工作。1.3.2国内应用现状目前我国尚未建立完善的宠物登记制度，走失的宠物很难再寻回；由于饲养者的经济原因，住房原因，工作原因以及宠物患病等原因而导致宠物被遗弃；流浪动物之间无节制的繁殖行为，以及动物繁殖周期较短，且每胎的数量较多，这是导致流浪动物数量激增的主要原因。

由于我国没有统一的动物保护法，现有的有关动物保护的法律很少，动物保护的范围也很狭窄，比如野生动物保护法、畜牧法等法律以及北京、上海等地方制定的养犬管理办法（条例）等法规，但是没有专门的反虐待动物法律规范，致使虐待、遗弃犬猫等行为并没有实质法律的约束。监管部门分工不明确、协作不到位是宠物市场混乱的一大原因。宠物随意繁殖、买卖，黑市交易猖獗。宠物市场管理的混乱，给流浪动物的滋生埋下隐患。目前，我国只有部分经济较发达的地区有政府设立流浪动物收容机构，还有部分省市的收容机构是由民间的动物爱好者和爱心人士出资建立的，大部分地区根本没有收容机构。而现有的机构大都面临着场地有限、资金匮乏的尴尬处境。而现有的一些领养小程序大都充斥着各种广告，甚至有一些已经停止运营，也不符合幸福猫狗之家救助站的领养流程以及需求。所以，开发一款符合自身需求的小程序就变得至关重要。1.4研究方法在研究过程中主要采用了文献法、面向对象分析与设计方法，结合救助站的实际需求，来设计幸福猫狗之家领养平台。文献法：通过研究中国知网、百度、谷歌等搜索平台以及图书馆中的资料进行分析，并整理相关观点和理论框架，保证设计的系统调查具有一定的先进性和实用性；面向对象分析与设计方法：本设计采用面向对象的方法进行分析与设计，提高模块的重用性，方便与已有软件进行交互，方便迭代开发与设计。第2章理论基础及相关技术2.1相关理论基础2.1.1宠物救助理论人与动物和谐相处，已经成为当前世界各国的普遍认同的理念，国外关于动物保护法的理论已基本完备，西方国家的法律实践也日趋成熟。随着动物越来越多，宠物救助问题成为热议的社会问题。并且，随着经济的快速发展，社会文明的不断进步，在我国，很多家庭的生活方式发生了极大的转变，饲养动物成为较为常见的现象。现实是，我国在关于宠物权利、饲养者权利义务、国家社会义务等相关法律，远远不能满足实际生活中所发生的问题，而与日俱增的家养宠物，很多因为宠物引发的道德问题和社会问题层出不穷。2.1.2面向对象基本理论面向对象程序设计中的概念主要包括：对象、类、数据抽象、继承、动态绑定、数据封装、多态性、消息传递。通过这些概念面向对象的思想得到了具体的体现。（1）对象（Object)可以对其做事情的一些东西。一个对象有状态、行为和标识三种属性。（2）类（class)一个共享相同结构和行为的对象的集合。（3）封装（encapsulation)：第一层意思：将数据和操作捆绑在一起，创造出一个新的类型的过程。第二层意思：将接口与实现分离的过程。（4）继承类之间的关系，在这种关系中，一个类共享了一个或多个其他类定义的结构和行为。继承描述了类之间的“是一种”关系。子类可以对基类的行为进行扩展、覆盖、重定义。（5）组合既是类之间的关系也是对象之间的关系。在这种关系中一个对象或者类包含了其他的对象和类。（6）多态类型理论中的一个概念，一个名称可以表示很多不同类的对象，这些类和一个共同超类有关。因此，这个名称表示的任何对象可以以不同的方式响应一些共同的操作集合。（7）动态绑定也称动态类型，指的是一个对象或者表达式的类型直到运行时才确定。通常由编译器插入特殊代码来实现。与之对立的是静态类型。（8）静态绑定也称静态类型，指的是一个对象或者表达式的类型在编译时确定。（9）消息传递指的是一个对象调用了另一个对象的方法（或者称为成员函数）。（10）方法也称为成员函数，是指对象上的操作，作为类声明的一部分来定义。方法定义了可以对一个对象执行那些操作。2.2相关技术2.2.1Spring框架Spring框架是在Java平台上的一种开源应用框架，它提供了具有控制反转特性的容器。因为Spring框架自身对编程模型没有任何限制，所以它在Java中也备受青睐。Spring框架具有控制反转（IOC）特性，IOC方便项目维护和测试，它提供了一种通过Java的反射机制对Java的对象进行统一的配置和管理的方法。Spring框架利用容器管理对象的生命周期，容器可以通过扫描XML文件或类上特定Java注解来配置对象，开发者可以通过依赖查找或依赖注入来获得对象。Spring框架具有\t"/item/Spring%20Boot/_blank"面向切面编程（AOP）框架，SpringAOP框架基于代理模式，同时运行时可配置；AOP框架主要针对模块之间的交叉关注点进行模块化。Spring框架的AOP框架仅提供基本的AOP特性，虽无法与AspectJ框架相比，但通过与AspectJ的集成，也可以满足基本需求。Spring框架下的事务管理、远程访问等功能均可以通过使用SpringAOP技术实现。Spring的事务管理框架为Java平台带来了一种抽象机制，使本地和全局事务以及嵌套事务能够与保存点一起工作，并且几乎可以在Java平台的任何环境中工作。Spring集成多种事务模板，系统可以通过事务模板、XML或Java注解进行事务配置，并且事务框架集成了消息传递和缓存等功能。Spring的数据访问框架解决了开发人员在应用程序中使用数据库时遇到的常见困难。它不仅对Java:JDBC、iBATS/MyBATIs、Hibernate、Java数据对象（JDO）、ApacheOJB和ApacheCayne等所有流行的数据访问框架中提供支持，同时还可以与Spring的事务管理一起使用，为数据访问提供了灵活的抽象。Spring框架最初是没有打算构建一个自己的WebMVC框架，其开发人员在开发过程中认为现有的StrutsWeb框架的呈现层和请求处理层之间以及请求处理层和模型之间的分离不够，于是创建了SpringMVC。2.2.2vue框架Vue.js是一套构建用户界面的渐进式框架。与其他重量级框架不同的是，Vue采用自底向上增量开发的设计。Vue的核心库只关注视图层，并且非常容易学习，非常容易与其它库或已有项目整合。另一方面，Vue完全有能力驱动采用单文件组件和Vue生态系统支持的库开发的复杂单页应用。Vue.js的目标是通过尽可能简单的API实现响应的数据绑定和组合的视图组件

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

，Vue.js也能完美地驱动复杂的单页应用。2.2.3微信小程序介绍2017年1月，微信的第一批小程序低调上线，在腾讯的背景下，伸手可触、用完即走的小程序在刚推出的时候就受到广泛关注。微信小程序的推出使得公众号的功能更为明确，也使从公众号中拆分出来的服务号在功能上的分工产生明确的界限。小程序相较于APP来说无需下载安装即可使用，同时也大大降低了开发成本，用户通过扫描小程序码或搜索附近的小程序即可使用，让使用更为简单快捷。小程序不仅开发成本低，非常低的运营成本也使它成为了商家的首选。而小程序与公众号完美结合的方式，这也是小程序目前最火爆的变现方案。2.2.4微信开发者工具小程序推出了自己的开发工具——微信开发者工具，微信开发者工具目前仍然还在不断完善中，以解决在用户开发过程中遇到的bug。在开发过程中微信开发者工具常用到的功能有：（1）机型选择：当前小程序的屏幕尺寸以ipone6为设计标准。（2）预览界面：在视图布局完成后点击编译，视图界面刷新显示。（3）远程调试：电脑端和手机端开发工具联调。（4）上传代码：上传到腾讯服务器，提交审核必经步骤。可以填写版本号和备注信息。（5）控制台：打印输出信息，方便调试。（6）资源文件：对应项目的文件目录，一般可以在这里进行断点调试本地数据存储：显示的是本地存储的数据，对应的相关API是wx.setStorageSync(key,data)（7）视图调试：标组件以子父层级结构呈现，方便调试。2.2.5小程序框架以及目录结构介绍（1）逻辑层：小程序开发框架的逻辑层主要有JavaScript编写。逻辑层在将数据处理后发给视图层，同时相应的接受视图层的反馈。逻辑层相应的文件类型是js文件，在其中的每个js文件中，系统提供了一系列的方法，例如：onPullDownRefresh()下拉刷新方法，onReachBottom()上拉下载（页面到底部）方法，onShareAppMessage()分享功能（2）视图层：视图层是由wxml和wxss文件编写，由组件来进行展示。视图层的作用是将逻辑层的数据转换成视图，再把视图层的事件发送给逻辑层。Wxss是css的样式，wxml的组件由小程序提供。（3）app文件：微信小程序中用来对全局进行配置的文件为app.json文件，它决定了页面文件的路径、设置网络超时时间、窗口表现、设置多tab等。页面的json文件一般用来配置当前页面的窗口表现。app.js用来提供全局变量，例如baseUrl。App.wxss提供全局的css样式。第3章基于微信小程序的领养平台功能模块设计3.1基于微信小程序的领养平台系统需求分析3.1.1平台用户的功能需求用户可以通过小程序中的领养功能浏览救助站当前需要领养的动物，并与送养人或救助站工作人员进行具体细节的沟通，并在线签订领养协议。针对一些暂时没有领养能力的用户，云养功能展示了一些领养难度高、有特殊情况的动物，用户可以通过阅读云养须知进行选择性的云养。同时，小程序还推出寻宠功能，用户可根据个人喜好按照搜索条件筛选自己心仪的宠物。方便了用户的浏览、选择过程，简化领养签约仪式。如图3-1所示。图3-1用户用例图3.1.2平台管理者的功能需求管理者可通过小程序更新待领养宠物信息，及时处理用户信息，以及对用户评论、领养申请表等进行审核，简化领养流程，方便进一步沟通。管理者也可在云养模块中及时更新宠物现状及云养人物资捐赠情况，做到公开透明。如图3-2所示图3-2管理者用例图3.1.3可行性分析（1）经济可行性分析本系统利用了微信小程序无需安装、省流量省空间以及跨平台无需顾虑操作系统的特点来实现宠物的领养云养功能，相对于其他平台高昂的收费，微信小程序更加实惠方便。本系统投入使用后可以有效解决站内宠物过多而带来的负担，同时微信小程序后期的维护费用也相对较低，总体来说效益高于收入，所以，从经济上说是可行的。（2）技术可行性分析本系统技术要求不高，系统设计范围不大，开发人员主要依靠WXML、JS、CSS逻辑框架等技术，使得本系统的开发成为可能。所以，从技术上是完全能满足基本功能需要的。（3）管理可行性分析本系统采用微信小程序开发，相对于以前的管理方法，管理者可通过管理者账号对宠物信息进行更新并且及时回复用户消息，使管理流程变得简化高效。3.1.4系统静态结构分析本小程序的类中，用户与领养审核表是一对一的关系，即一个用户最多只能有一条领养待定信息或确认领养信息。领养审核表的记录与领养宠物的记录与是一对多的关系，即一条领养待定信息或确认领养信息可以对应多个宠物，如图3-3所示。图3-3系统类图3.2基于微信小程序的领养系统功能模块设计3.2.1基于微信小程序的领养平台功能结构设计本小程序从救助站以及用户需求出发，针对当前存在的领养流程繁琐、宠物信息不完善、用户得到信息不及时等问题，确定了本小程序中所需要实现的具体功能，如图3-4所示。图3-4幸福猫狗之家领养小程序功能结构图3.2.2领养模块设计（1）状态图图3-5宠物领养状态图活动图图3-6宠物领养活动图用户领养流程如图3-6所示，用户登录领养界面，系统显示领养流程及宠物信息，再由用户选择是否领养并填写领养审核表等待审核，系统返回领养结果。时序图领养模块的时序为用户进入领养模块，选择领养宠物并填写领养审核表，领养界面将这些信息提交到系统，系统返回领养结果。图3-7领养模块时序图3.2.3云养模块设计（1）状态图图3-8云养模块状态图图3-8详细展示了宠物由未云养状态变为已云养状态的过程。（2）时序图图3-9云养模块时序图（3）活动图图3-10云养模块活动图云养模块活动图如图3-10所示，用户打开云养界面，系统显示领养流程说明及宠物信息，用户选择是否云养，选择捐赠物品信息，选择是否捐赠，系统返回云养结果。3.3.4寻宠模块设计（1）时序图寻宠模块的处理时序为用户进入寻宠界面，输入搜索条件查询，系统调用数据库进行查询并将结果返回到寻宠界面。如图3-11。图3-11寻宠模块时序图（2）活动图图3-12寻宠模块活动图寻宠模块活动图如图3-12所示，用户可以通过寻宠模块，快速找到喜欢或者希望云养的宠物。查询采用模糊查询的方式，不论输入宠物的名称、类型、编号都可以查询。3.3数据库设计3.3.1数据库概念设计图3-13系统E-R图3.3.2数据库逻辑结构设计具体各字段的数据类型、含义详见表3-1至表3-4。表3-1用户信息表字段名数据类型长度约束描述IdInt11主键用户idUsernameVarchar50不为空用户姓名PasswordVarchar50不为空密码PhoneVarchar50不为空电话EmailVarchar50不为空邮箱地址表3-2领养审核表字段名数据类型长度约束描述terIdInt11主键领养人信息表idSexvarchar50不为空领养人性别AgeVarchar50不为空领养人年龄Statusvarchar50不为空领养人工作状态ExperienceVarchar50不为空养宠经验MarriageVarchar50不为空婚姻状况LodgingVarchar50不为空住房状况IncomeVarchar50不为空月收入表3-3领养宠物信息表字段名数据类型长度约束描述IdInt11主键宠物idAgeVarchar50不为空宠物年龄SexVarchar50不为空宠物性别KindVarchar50不为空宠物种类NameVarchar50不为空宠物姓名表3-4云养宠物信息表字段名数据类型长度约束描述IdInt11主键宠物idNamevarchar50不为空宠物姓名AgeVarchar50不为空宠物年龄SexVarchar50不为空宠物性别KindVarchar50不为空宠物种类第4章基于微信小程序的领养系统开发与实现4.1基于微信小程序开发概述4.1.1微信小程序开发模式的数据交互方式微信小程序的设计模式基本为前端设计html+css+js，而后端数据的交互，小程序不像传统开发语言一样，可以直接连接操作数据库，小程序则是通过网络请求调用后端API来实现数据交互，这种数据交互方式使依托于wx.request方法。4.1.2微信小程序开发模式的接口微信小程序官方给出的接口叫做wx.request，为了方便请求，可对其做一个简单的封装，这样在调用的时候方便了许多。4.2微信小程序消息接口简介4.2.1消息推送为便于开发者对用户进行服务消息触达，简化小程序和公众号模板消息下发流程，小程序提供统一的服务消息下发接口。通过调用uniformMessage.send接口实现消息推送。4.2.2消息回复当用户和小程序客服产生特定动作的交互时，微信将会把消息数据推送给开发者，开发者可以在一段时间内调用客服接口，通过调用

发送客服消息接口来发送消息给普通用户。此接口主要用于客服等有人工消息处理环节的功能，方便开发者为用户提供更加优质的服务。4.3基于微信小程序的领养平台核心模块的实现4.3.1用户登录（1）用户登录功能实现用户登陆小程序会自动跳转到登录界面，需要用户填写账号密码进行登录。如用户第一次使用该小程序，则需要进行注册，才能继续使用。图5-1登录界面图5-2注册界面用户登录功能实现核心代码wx.getSetting({success:function(res){if(res.authSetting['scope.userInfo']){//已经授权，可以直接调用getUserInfo获取头像昵称wx.getUserInfo({success:function(res){console.log(res.userInfo}})<formclass='fom'><viewclass='biao'>登录</view><viewclass="cu-form-groupmargin-topfo"> <viewclass="title">账号</view> <inputplaceholder="手机号码"bindinput="accountInput"></input> <viewclass="cu-capsuleradius"> <viewclass="cu-tagbg-blue"> +86 </view> <viewclass="cu-tagline-blue"> 中国大陆 </view> </view> </view><viewclass="cu-form-groupfo"> <viewclass="title">密码</view> <inputplaceholder="请输入密码"passwordbindblur="pwdBlur"></input> </view><viewclass="flexflex-direction"><buttonclass="cu-btnbg-orangemargin-tb-smlg"bindtap='login'>登录</button></view><viewclass="flexflex-direction"><buttonclass="cu-btnbg-greenmargin-tb-smlg"bindtap='reg'>注册</button></view><view>{{message}}</view></form>4.3.2领养模块的实现（1）领养模块功能实现用户进入领养模块，选择想要领养的宠物，填写领养审核表，确认无误后提交，等待审核结果，审核结果可在个人中心查看审核进度，如审核通过，工作人员会在近期其用户取得联系确认后续流程。图5-3领养界面及领养审核表（2）领养模块部分核心代码data:{who:[{va:'麻麻'},{va:'爸爸'}],big:[{va:'70后'},{va:'80后'},{va:'90后'},{va:'00后'}],work:[{va:'无业'},{va:'学生'},{va:'工作'},{va:'退休'}],yan:[{va:'有经验'},{va:'无经验'}],jie:[{va:'单身'},{va:'恋爱中'},{va:'已婚'}],zhu:[{va:'自住房'},{va:'整租房'},{va:'合租'}],money:[{va:'小于3千'},{va:'3千-6千'},{va:'6千-1万'},{va:'大于一万'}],a:"",b:"",c:"",d:"",e:"",f:"",g:"",h:"",id:"",},4.3.3云养模块的实现（1）云养模块功能实现用户进入云养模块，首先需要阅读云养流程以及注意事项，浏览并选择捐赠物品，确认是否云养，用户可在个人中心查看云养结果。图5-4云养模块界面（2）云养模块部分核心代码<viewclass="xq1"><viewclass='xq-top'>丨云养须知</view></view><viewclass="xq"><viewclass='xq-nei1'><blockwx:for="{{as}}"wx:key><viewclass='xq-nei2'>丶{{item.as[0].conditions}}</view></block></view></view>4.3.4寻宠模块的实现（1）寻宠模块的实现用户进入寻宠模块，在“搜索宠物”栏输入查询条件，即可查看自己想要的宠物，并根据领养流程进行领养。图5-5寻宠模块界面（2）寻宠模块部分核心代码<viewclass="cu-barsearchbg-white"><viewclass="search-formround"><textclass="cuIcon-search"></text><inputtype="text"placeholder="搜索宠物"confirm-type="search"bindinput='searchput'></input></view><viewclass="action"><buttonclass="cu-btnbg-greenshadow-blurround"bindtap='searchbtn'>搜索</button></view></view>4.3.5聊天功能（1）聊天功能的实现用户可通过该模块与工作人员沟通，询问遇到的问题等等。图5-6聊天模块界面（2）聊天功能部分核心代码//链接成功之后处理initEventHandle(){letthat=thiswx.onSocketMessage((res)=>{//数据处理that.setMessage(res.data)})wx.onSocketOpen(()=>{console.log('WebSocket连接打开')})wx.onSocketError((res)=>{console.log('WebSocket连接打开失败')this.reconnect()})wx.onSocketClose((res)=>{console.log('WebSocket已关闭！');socketOpen=false;this.reconnect()})}//发送megInput(e){letmsg=e.detail.value;this.setData({msg:msg})},4.3.6个人中心（1）个人中心模块的实现用户通过该模块查看领养、云养信息，修改个人资料等。图5-7个人中心界面（2）个人中心部分核心代码<viewclass="cu-itemarrow"><navigatorclass="content"hover-class="none"url="../logs/logs?id={{i}}"><textclass="cuIcon-filetext-orange"></text><textclass="text-grey">我的领养</text></navigator></view>4.4系统测试4.4.1系统测试用例的设计（1）领养模块：①查看宠物详细信息②提交领养审核表云养模块：①查看云养流程②选择捐赠物资并确认寻宠模块：①输入正确查询信息②输入错误查询信息4.4.2系统测试用例的执行表4-1系统测试用例的执行功能模块测试用例操作步骤预期结果实际结果领养模块查看宠物详细信息点击领养模块点击宠物头像显示宠物详细信息显示宠物详细信息填写领养审核表并提交确认领养填写领养审核表点击提交显示“提交成功，等待审核”显示“提交成功，等待审核”云养模块查看云养流程点击云养模块点击“云养流程”显示云养流程及注意事项显示云养流程及注意事项选择捐赠物资并确认点击“开始云养”选择捐赠物资并点击提交系统提示：“云养成功”，跳转到宠物详情页面系统提示：“云养成功”，跳转到宠物详情页面寻宠模块输入正确查询信息点击寻宠模块在文本框中输入正确查询信息显示相应宠物信息显示相应宠物信息输入错误查询信息1.点击寻宠模块2.在文本框中输入错误查询信息系统提示：“对不起，未找到该宠物，请重新输入”系统提示：“对不起，未找到该宠物，请重新输入”结束语随着人们生活水平的提高，养宠物的人越来越多，因各种原因被遗弃的宠物数量也越来越多。为解决救助站遇到的站内宠物过多、信息传播不及时等问题，本设计通过对救助站及用户需求进行详细分析，设计了基于微信小程序的幸福猫狗之家领养平台。本设计通过微信开发者工具进行前端开发，使用eclipse开发工具和MySQL数据库，以面向对象方法完成对系统的分析、设计与实现，主要设计了领养、云养、寻宠三个核心功能模块。基本满足了目前救助站与用户的需求，用户有了一个明确的领养途径，可以更有针对性的选择宠物进行领养或云养，也提高了救助站的工作效率，便于管理。在具体的系统开发过程中还发现了不足和在今后需要改进的部分：添加一些其他功能使云养模块更为完善。对界面设计进行优化，增加美感，提升用户体验感。致谢时光荏苒，岁月如梭。转眼间，四年的大学生活也即将画上一个句号。恍惚中，在黑龙江科技大学，我度过了人生中最为宝贵的年华。虽学有偶成，但距离老师的期盼、时代前进与学科发展的要求，仍然感觉差距甚远，正所谓，人生有限而学海无涯。从设计的选题到实施的整个过程中，我要感谢所有关心过我，陪我一路走到最后的人。首先，要感谢学校，感谢学院给我提供了这样一个学习的平台和良好的学习环境，在黑龙江科技大学的四年，我收获颇丰，这里的校园文化、学风校训、人文活动也无时无刻影响着我，使我不断地努力进步。也要感谢院系所有的老师们，感谢他们在这四年来对我们的悉心教导，他们细微不至、一丝不苟的作风一直是我工作、学习中的榜样；他们循循善诱的教导和不拘