爱宠一生宠物小程序设计与实现

王青云 莫胜贵 陈宣 孙海阳

【摘 要】随着互联网时代的到来，现如今网络的覆盖率已近全面阶段，对网络的需求也越来越高，为了减轻管理人员的工作负担、提高工作效率，通过网络平台创建一个便捷高效的爱宠一生宠物小程序来优化管理业务。

本文介绍了爱宠一生宠物小程序设计方案，系统后端使用Java语言和Eclipse编辑器、MySQL数据库，采用SSM框架设计并实现，移动前端采用微信平台。概述了整个系统的设计框架，介绍了系统软件开发编译环境的搭建，阐述了各模块的功能及程序调用关系设计过程。

【关键词】爱宠一生宠物小程序;Java语言;微信平台;MySQL数据库

一、绪论

（一）开发背景

现今社会生活中，随着需求的日益多元化，互联网成了主流，所持有的管理软件资源也随之丰富，最直观的表现就是管理系统无论从种类还是数量上都大幅增加，这就加快了管理系统的开发与研究的脚步。

在发展迅速的信息化时代中，越来越多互联网科技走进人们的生活，人们开始接受互联网带来的方便快捷的服务。疫苗信息管理如果还用传统的管理模式，时间久了，管理十分不便利，存在误差，查询难的现象，一旦数据过多，人工管理方式就很难维持。随着信息技术的应用拓展，逐渐引用了信息化技术管理，逐渐取代了人工管理模式，采用计算机系统来管理信息，智能的管理减少了人力物力财力，节省了管理的时间和空间，提升了工作的准确率和效率。本次系统开发，主要以爱宠一生宠物小程序为对象，根据需求来完成功能设计[1][2]。

（二）开发意义

建立爱宠一生宠物小程序，一方面，用户可以在第一时间在系统里发布所需的疫苗信息，另一方面，系统还可以管理疫苗信息，减少了人工处理的工作量。

本系统旨在建立用户、管理者二者之间的桥梁关系，从而使用户能及时有效的从管理者手中获取到信息。所以我们认为建立一个爱宠一生宠物小程序是非常必要的，其方便高效、简单快捷的管理模式是很有使用性的[3][4]。

二、主要技术与工具介绍

（一）微信小程序开发者工具及简介

从开发人员的角度来看，微信小程序是无需下载和安装即可实现和运行的程序，所需的技术是WXML，WXS和JS。微信小程序开发者工具分为三个部分：编辑，调试和项目[3]。

编辑是指编写和修改微信小程序的代码[5];调试代码错误，并提示微信小程序显示错误和警告;查看微信小程序的属性并更改微信小程序的配置;并将代码提交到微信服务器上的微信小程序。

微信小程序开发工具还提供了一个简单的模拟器，可用于模拟用户使用计算机，并提供背景模拟，媒体播放器调试和数据处理以及其他功能。在项目页面上，还可以查看微信小程序的主要属性并执行实时计算机预览调试。

（二）框架及工具介绍

该小程序采用 MINA 应用框架 （Apache MINA）开发视频自媒体小助手，该框架分两个部分 ：一个是页面管理，一个是响应的数据绑定。

Wxml（WeiXin Markup Language）：是框架中设计标签语言的一种，可以利用Wxml构建页面结构[6]。

Wxss （WeiXin Style Sheets）：是屬于样式语言的一种，它用来描述 Wxml 的组件样式。Wxml 组件的显示就是用它来决定的。Wxss中还与 CSS有许多相似之处。为了可以更合适于小程序，Wxss也做了很多更改。对CSS 来说，Wxss 其中就扩展了：尺寸单位、样式导入、尺寸单位等。

Wxs（WeiXin Script）：是小程序的一套脚本语言，结合 WXML，可以构建出页面的结构。

数据绑定：也是框架的核心，wxml页面中的动态数据都是来自于js文件，具体代码如下图1-1所示。

（三）web技术

微信小程序中则使用的是WXML（Weixin Markup Language），它是框架设计的一套标签语言，结合的是基础组件和事件系统，可以构建页面的结构。

采用WXML的优点：

（1）简易性：直接在小程序公众平台编写，简单快捷。

（2）获取权限：在网络通信状态下微信小程序地数据缓存能力较高，系统权限可以和微信客户端并存[2]。

（3）实用性：WXML是微信小程序中所用语言，它的开发成本低、功能丰富，最重要的是用户的使用体验也不错。

（四）技术说明

基于微信小程序的视频自媒体小助手小程序，前端技术主要是：微信开发者工具;数据库：MySQL;[4]软件开发工具：MyEclipse;服务器：Tomcat以及微信小程序技术框架等工具来完成本次大创设计。

三、系统分析

（一）需求分析

针对现存的问题和需要，通过功能需求的分析，特建立了数字化、信息化的面向城市大脑的爱宠一生宠物小程序。本系统主要包含了用户信息管理、新闻信息管理、交流讨论等多个功能模块。不同的权限对应相应的功能模块的需求，管理员权限的级别是最高的，所以所对应的需求是最多的，可以对系统的用户信息、资讯信息、交流讨论等信息进行统一管理。

有关用户信息，管理员可添加用户信息，添加有关用户信息的信息，添加的用户信息都会显示在系统中，还可以通过关键字进行搜索查询，管理员也可以修改和删除相关的用户信息。

有关宠物小程序模块，管理员可添加流浪宠物，添加的流浪宠物信息都会显示在系统中，还可以通过关键字进行搜索查询，管理员也可以修改和删除相关的流浪宠物。

有关交流讨论管理模块，用户可添加交流讨论，添加的交流讨论信息都会显示在系统中，还可以通过关键字进行搜索查询，管理员也可以修改和删除相关的交流讨论。

有关宠物领养管理模块，用户可添加宠物领养，添加的宠物领养信息都会显示在系统中，还可以通过关键字进行搜索查询，管理员也可以修改和删除相关的宠物领养。

有关疫苗预约管理模块，用户可添加疫苗预约，添加的疫苗预约信息都会显示在系统中，还可以通过关键字进行搜索查询，管理员也可以修改和删除相关的疫苗预约。

（二）流程分析

1.登录处理流程

在主页进入用户/管理员登录界面，输入账号和密码，点击登录按钮，若和数据库中的身份验证成功，则可以进入相应的用户界面，若错误则提示错误信息返回到登录界面。

2.增添数据流程

增添数据的时候，将管理员填写在页面上的数据从表单中获取一一对应插入到数据库中，若中间掺入格式错误的情况，页面提示插入失败，并且数据库并不执行，需管理员重新输入。

3.修改数据流程

管理员登陆后如需修改数据，则在对应位置选择修改，如果是没有错误，则点击提交添加至数据库中。

4.数据删除流程

管理员需要删除数据时，则在记录之后的删除按钮，点击后，可以选择是否要删除，点击是，数据库中该条记录删除。

（三）业务流程分析

总体业务流程：用户以及管理员以不同的身份在登录页面输入账号和密码，经过数据库身份验证，验证成功后登录系统主页，可以使用系统，管理系统等功能操作。系统的业务流程如下图3-1所示。

四、系统设计与实现

（一）系统结构设计

系统设计主要是管理员登录后对整个系统相关操作进行处理，可进行管理员的添加和删除，用户信息管理，疫苗信息管理等操作。

（二）程序用户端

用户在登录界面输入正确的用户名以及密码，如果输入正确，页面就会直接跳转到用户登录成功后的首页。当用户输入的信息错误，会弹出提示框用户名或密码错误。用户在登录成功进入首界面后可以查看疫苗信息列表，随意点击自己需要查看的疫苗信息即可查看疫苗信息，并可实现在线预约;还可以选择流浪宠物，在线领养等等。

（三）程序管理端

管理員在该系统中可以自己增加疫苗的信息，完成后左键点击，系统接收到信息会直接到疫苗表中查询疫苗的信息，后台获取查询信息后将查询信息显示在页面中，管理员就会看到历史的疫苗信息，这时点击新增疫苗信息按钮，点击完成后会自动的跳转到新增页面，然后在这个页面中输入所需要的疫苗的资料，接下来就提交一下，后台会自动的审核，然后生成MySQL语句，最后在数据库中加上疫苗名。不仅如此，还可以增加流浪宠物的信息等等。

五、总结

该程序功能模块按照需求来运行，能实现多管理员的迸发使用，采用“互联网+”实现跨地区的医疗指导，拓展宠物医院等医疗机构的客户圈，拓展了医护人员的工作圈。便携，方便查询，易分享传播，界面优美，实时推荐，避免了线下搜索成本高等缺陷。在学习的过程中首次进行独立设计工作，编码过程出现了许多问题和困难，经过仔细打磨和老师的帮助下，还是将问题解决了。目前系统还存在许多瑕疵，这是一份遗憾，也是促进我不断进步的动力。

【参考文献】

[1] 黄楠栖. 在线预约的跨平台测量方法研究[D]. 2018.

[2] 芦晓红. 宠物店微信小程序的应用现状与展望[J]. 图书馆学研究， 2018， 000（011）：19-25.

[3] 微信公众平台技术文档[2018-11]

[4] 张靖. 应用于流浪宠物的管理云平台实训项目的设计与实现[J]. 数码世界， 2018（6）.

[5] 黄雄. 流浪宠物信息公共服务平台设计与实现[D]. 2018.

[6] 孙月玲. 微信小程序的设计与开发[J]. 科技创新导报， 2018， 15（14）：148-150+152.