王青云 莫胜贵 陈宣 孙海阳

【摘 要】以往的宠物小程序事务处理主要使用的是传统的人工管理方式，这种管理方式存在着管理效率低、操作流程繁琐、保密性差等缺点，长期的人工管理模式会产生大量的文本文件与文本数据，这对事务的查询、更新以及维护带来不少困难。随着互联网时代的到来，现如今网络的覆盖率已近非常的全面，现在人们对网络的需求也越来越高，为了减轻管理人员的工作负担，提高管理人员的工作效率，因此通过网络平台创建一个便捷高效的爱宠一生宠物小程序来优化管理业务。通过本软件，用户可以在线查看相关信息可以说爱宠一生宠物小程序是偏向实际应用的软件。

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

【关键词】宠物小程序;Java语言;微信商城;MySQL数据库

一、绪论

（一）开发背景

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

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

（二）开发意义

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

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

二、主要技术与工具介绍

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

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

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

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

（二）微信小程序组件

Swiper组件：是大图滚动组件，在一般情况下在banner的地方，要加上大图滚动的效果，而这个组件就可以很轻松的实现这个任务。

Indicator-dots（指标点）：在布尔值后面，显示框架的指示点。

Indicator-color（指示器颜色）：它是一个颜色值和一个控制点颜色填充。

Indicator-active-color（指示器有效颜色）：当前控制点的颜色值，即填充颜色。

Autopaly（自动切换）：自动切换数值类型为布尔值。

Current Number（当前编号）：活动模块的索引从0开始。

Interval（时间间隔）：是自动切换的时间间隔。

Duration（持续时间）：动画交换的持续时间。

Circular（衔接）：是否使用衔接滑动为布尔值。

Vertical（垂直）：垂直滚动大图像。

Pervious-margin：在上一个滑块中显示的PX/rpx，字符类型为数值。

Next-margin： 在下一个滑块中显示的Px/rpx，同样为数值型。

Display-multiple-items ：它显示的是多个滑块。

Bindchange：是滑块滑动时触发的事件。

Bindanimationfinish：滑块动画结束时的启动时间。

（三）web技术

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

采用WXML的优点：

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

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

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

（四）技术说明

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

三、系统分析

（一）需求分析

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

管理员的权限是最高的，可以对系统的用户信息，资讯信息，交流讨论等信息进行统一管理。

管理员可添加管理员，添加更多的管理人员，并且能修改和删除管理员的信息资料。

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

（二）流程分析

1.登录处理流程

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

2.增添数据流程

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

3.数据修删流程

管理员登陆后如需修改数据，则在对应位置选择修改，需要删除数据时，则在记录之后的删除按钮，点击后，可以选择是否要删除，点击是，数据库中该条记录删除。

（三）业务流程分析

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

四、系統设计与实现

（一）系统数据库设计

系统总体ER图如图4-1所示。

（二）用户登录

用户在登录界面输入正确的用户名以及密码，如果输入正确，页面就会直接跳转到用户登录成功后的首页。当用户输入的信息错误，会弹出提示框用户名或密码错误。登录页面如图4-2所示。

五、总结

此次设计中，通过不断的探讨与学习使我熟悉、使我初步了解了JSP相关技术。做的是一个爱宠一生宠物小程序，使我对做软件所需要，及运行的环境有了初步的了解，在此次设计中我翻阅了较多的书籍，在有限的时间了丰富了对相关技术的知识也积累了少许的经验。起初对JSP的初步认识，通过这次设计更进一步的了解了其工作原理，懂得了配置服务器环境，连接数据库源，在设计过程中，也学会了用dreamweaver设计一个简单的页面，增强了动手的能力，激发了在此方面的兴趣。

【参考文献】

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

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

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

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

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

[6] 代洪彬. 基于微信小程序的《计算机应用基础》微学习平台的设计与实现[D]. 2018.