基于移动设备的航天社区绿植二维码运维平台开发

2022-10-20刘陆史晨曦

电子元器件与信息技术 2022年8期

刘陆，史晨曦

西安航天弘发实业有限公司，陕西西安，071000

0 引言

社区绿化是社区建设中一项必不可缺的基础工作[1]。随着国家科技的不断进步与发展。互联网行业逐渐兴起，成了当下热门的新兴产业。将传统行业与互联网技术相融合，推动互联网行业发展的新形态，被称为“互联网+”。将拥有创新型成就的互联网与各个经济和社会领域紧密结合，提高整个社会的科技进步，并使互联网作为基础设施和实施工具成了更广泛的经济发展形式。

社区绿化项目是管理和养护各小区绿色植物的工程。社区绿化是一个为住户提供良好的居住环境、满足人们回归自然愿望的场所，是保护生态环境、改善城市生活环境的重要措施。但社区绿化的管理往往还采用纸质化记录模式，保存起来非常困难，且不利于定期查阅。相较能够在电脑上直观查看的记录来说，纸质载体的记录显得不够简洁明了，为物业系统化的管理模式带来了很大的阻碍。社区绿化的管理和养护应该改进其传统的管理模式，将信息化技术融入其中，对社区绿化相关工作进行信息化建设，最终促进社区绿化工作的开展。通过二维码技术与信息化系统技术的融合，不光可以让社区工作人员更加有效以及便捷的对于社区绿化工作进行管理，同时可以让社区居住人员更方便地区分植物的种类[2]。在社区居民扫描二维码之后能够对植物有一个全面了解并且二维码的运维平台还可以反馈相关的绿化知识，进一步促进人们的环保意识[3]。

1 二维码技术

首先二维码又称二维条形码（2-dimensional bar code），这一项编码方式最早起源于20世纪80年代中叶[4]。近些年来，二维码技术的应用十分广泛，它已经逐渐融入人们的生活中，成为现代社会通用的支付手段；例如扫码消费、电子券消费打折、电子票务、扫码点餐、扫码乘坐公交等，相较于条形码（Bar Code）来说，二维码具有诸多优势。首先二维码技术编码的密度非常大，能够容纳的信息量更加丰富。其次，它具有非常宽泛的编码范围和极强的容错性。最后，它有着更为精确的译码，也可引入加密措施，具有非常强的安全等级[5]。二维码是用某种特定的几何图形按一定规律在平面（二维方向上）分布的、黑白相间的、记录数据符号信息的图形。相较于一维码而言，是一种由块状条形码生成的平面的二维条码。将印刷在物体表面的二维码图形通过具有扫码功能的设备进行扫描，得到其中所包含的信息，进行相关服务的应用。

2 Vue技术

Vue是一构建用户界面的渐进式JavaScript框架。

构建用户界面即为将拿到手中的数据经过某些方式转变成用户看得见的界面。Vue的关注点在于如何将数据变为可视化界面。

渐进式则是指Vue可以自底向上逐层应用。若应用较为简单，则可只引用一个小型轻量的核心库，若应用较为复杂，则可以引入各式各样的Vue插件。从只需一个小巧轻量的核心库的简单应用逐渐递进到可以使用各式各样Vue插件的复杂应用。

Vue的特点如下。

（1）采用了组件化的模式，提高了代码复用率，并且能够让代码变得更加容易维护。组件化是Vue的一个重要概念，即将一个庞大的项目拆分成若干个小的组件，并分别调用组件进行使用。组件化开发具有高复用性与低耦合性，更加适用于由多人参与开发的大型项目，各组件之间进行单独的维护与测试，更加便捷。

（2）采用声明式的编码方式，让编码人员无需直接操作DOM，提高了开发效率。声明式编码不同于以往与计算机的执行过程相似的命令式编码——命令机器去做事情，告诉它需要做什么并且如何去做，声明式编码更接近现实的表达，对机器声明我们想要完成的内容，机器去完成它。声明式编码灵活度更高，拥有更高的可读性，代码更加简洁。

（3）使用虚拟的DOM+优秀的Diff算法，尽可能地复用DOM节点。更加适用于数据具有多变性的系统。数据变更后，将新的虚拟DOM与原始虚拟DOM进行比较，称为Diff比较。使用Diff比较中的优秀Diff算法，将未变的原始数据进行复用，对数据进行优化。

3 社区绿植二维码运维平台流程分析

首先社区管理人员将社区所属植物的相关信息通过绿化运维平台进行录入，每录入一条信息皆会汇聚生成一条长数据，平台将录入信息保存到数据库中，同时针对数据库中的该条数据生成该植物的二维码。随后社区管理人员可以对于该植物的养护信息进行录入。当所有录入工作完成后，社区管理人员可以将该植物所生成的二维码进行打印，悬挂到对应的植物上。而社区居民可以通过扫描植物上的二维码对于植物的相关信息进行了解，这样可以更好提高全民保护植物的意识。

4 社区绿植二维码运维平台设计

4.1 社区绿植二维码运维平台功能设计

系统提供了用户管理、数据录入、数据审查、数据删改、数据查询、报表展示等模块功能，如图1所示。由管理人员对绿植数据进行整合并录入到系统中，社区绿植二维码运维平台通过收集社区绿植的相关数据，将社区里每一条绿植数据都对应生成一个相关二维码，并贴到相关绿植的固定位置。该二维码意味着树木的身份名片，其中涵盖着该树木的全部信息。

图1 系统的主要功能

系统的数据库主要建立用户表、绿植信息表、绿植二维码对应表、绿植养护信息表，绿化设备信息表等。

绿植信息表结构包括（绿植编号、所属区域、所属科名、所属种名、别称、所属学名、养护人）。用户表（ID、用户名、用户密码、所属部门）。绿植信息二维码对应表（绿植编号，绿植信息二维码图片）。绿化设备对应表（绿化设备编号，产地，品牌，型号）。绿化设备二维码对应表（绿化设备编号，绿化设备信息二维码图片）。

4.2 社区绿植二维码运维平台模块设计

绿植二维码运维平台由数据库模块，管理系统WAP服务器模块，以及移动端模块构成。首先社区管理人员将社区所属植物的相关信息通过绿化运维平台进行录入，平台将录入信息保存到信息数据库。随后信息数据库将待解码信息传递至二维码生成模块，二维码生成模块生成该绿植信息的二维码图片，社区管理人员将二维码图片粘贴到相对应的绿植上。社区居民通过带有二维码扫描功能的移动设备进行扫描可以接收绿植二维码运维平台所发送的绿植相关信息。同时绿植二维码运维平台可以跟信息数据库进行数据交互，从而将绿植的养护信息及时录入数据库。该过程如图2所示。

图2 社区绿植二维码运维平台的模块简图

4.3 社区绿植二维码运维平台的部署方案

通过腾讯云服务器进行社区绿植二维码运维平台的数据库服务器的部署。社区居住人员和来访客人可以扫码获取对应链接访问植物信息界面，员工可以通过计算机终端收集报告和数据，经理通过PC端进行数据审查以及报表查看等相关操作。该过程如图3所示。

图3 社区绿植二维码运维平台的部署方案

4.4 社区绿植二维码运维平台的开发环境简介

基于B/S架构的社区绿植二维码运维平台利用Vue+Koa+MySQL作为开发语言与开发工具。本运维平台后端开发框架为Koa，网页端开发框架采用Vue，前后端数据交互采用WEB数据交互技术，网站服务器采用开源服务器Nginx。

开发软件版本如下：

（1）Vue渐进式框架 3.0；

（2）Koa 2.13.4；

（3）Node v7.6.0；

（4）Nginx 1.17。

4.5 社区绿植二维码运维平台的功能实现

4.5.1 绿植信息管理

绿植信息管理部分主要完成绿植信息录入、绿植图片上传、绿植信息编辑、查询、删除、统计等工作。绿植信息录入的实现主要取决于系统后台与数据库之间的连接，以及数据库SQL语句查询、增加、删除、修改。下面以绿植信息查询为例进行叙述。

（1）将网页端的过滤规则通过WEB数据交互技术传递给后台。网页端界面将过滤规则通过Web数据交互技术进行传递，并通过超文本传输协议将过滤参数传到后台。

（2）构建查询数据库语句、连接数据库并查询。结合服务器端接收到的过滤参数，构建查询SQL语句，过滤符合条件的植物信息，并按符合条件的程度进行排序。

后端服务通过超文本传输协议将最终结果返回给网页端界面，由网页端进行显示。

4.5.2 养护信息管理

主要功能包括录入对应绿植的养护信息等功能。实现养护信息录入的关键是将信息传输到服务器端，服务器端对其处理形成数据库语句，连接数据库，执行该数据库语句，最终形成查询结果。

4.5.3 用户信息管理

用户信息管理主要包括用户管理等功能。运维平台管理员有权为新用户分配角色和修改用户角色。运维平台的系统管理员拥有系统的所有权限，同时可以对其余拥有部分系统权限或者单一系统权限的人员进行人员账户的增加、删除、更改与查询。可用于增加新员工账号信息、删除离职员工身份账号数据、修改员工所变更的身份信息与查询符合查询条件员工的各项信息。其与服务器交互的流程与4.5.1类似，这里不再赘述。

4.5.4 绿化设备管理

绿化设备管理主要是对割草机、割灌机、绿篱机、油锯、打药机等常见的比较贵重的绿化机械设备进行统一入库管理。通过在设备表面不影响使用的明显区域粘贴二维码，当设备出库时设备使用者（具有设备使用权限的系统用户）通过扫码确认进行设备使用上报，设备状态变更为已借出状态。而归还设备时应进行扫码后点击确认归还，进行设备使用归还，设备状态重新变为可使用状态。设备日常维保流程与设备使用流程相似。这一模块保障设备的日常顺利使用与日常维修保养问题。从而保证设备质量，降低设备故障率和事故率，避免人为原因造成的损失，其与服务器交互的流程与4.5.1类似，这里不再赘述。

4.5.5 报表管理

报表管理指的是对于社区里的绿植，养护人，设备的相关信息进行图表分析。通过这个模块社区管理人员可以对运维平台的基础数据进行可视化的查看，对于社区绿化工作的大体状况进行更为直观的认知，方便对未来社区绿化工作的安排提供决策条件。