校园失物招领小程序的设计与开发

秦 彬,李 冰,樊续徳,邬欢欢

(塔里木大学 信息工程学院,新疆 阿拉尔 843300)

0 引言

大学校园里师生人数众多,常常发生物品丢失的问题。 当发生失物或拾物时,张贴启事或通过QQ、微信朋友圈、贴吧等社交平台发布相关消息是人们的常用方式。 事实证明,采用这些方式信息传播性不高、效率低下,失主不易找回失物,给师生造成了较大经济损失和不便。 尤其是这些方法还存在着没有展现出失物的核心信息、页面设计不美观、用户操作不便捷、功能不完善等问题,当前高校中还缺少较完备的网上失物招领系统[1]。 因此,急需一种快捷、有效的方法,在校园里发布寻物启事及失物招领等信息。 本文基于微信小程序开发了一个信息发布平台,一方面为校园里丢失物品地找回提供方便的服务,另一方面也为校园物品的交换提供交流的途径。

1 技术支撑

1.1 微信小程序简介

微信小程序是一种不需要下载安装即可使用的应用,是IT 行业里的一项创新成果。 组织或个人均可作为开发者申请注册并开发微信小程序。 微信公众平台,界面合理、简单易用,具有自动回复、人工回复、自定义列表以及个性化菜单服务等功能。 同时,平台开放开发接口,这为高校失物招领系统设计的拓展和创新提供了新思路。 基于微信小程序的开发,能够给优质服务提供一个开放的平台[2]。 与手机App 相比,微信小程序具有即用即走功能,且开发难度比较低,方便快捷,可跨平台,且小程序兼容的微信授权登录可以免于注册,还能更好地保护用户隐私。

1.2 开发平台和环境

校园失物招领微信小程序主要由失物招领,寻物启事,交换物品,爱心捐赠这几个部分组成,涵盖了高校学生在校的日常生活需求。 本次开发使用的硬件环境为:CPU:i5-7200,硬盘:1T 机械硬盘,操作系统:win10 64 位。 软件环境为:微信开发者工具版本1.05,调试基础库版本2.15.0,云开发控制台版本1.4.76。

2 校园失物招领小程序的模块设计

微信小程序采用前后端分离的方式进行开发,提供了一个高效、轻便的信息服务平台。 微信小程序是HTML5 的应用,但细节处有所改变,与腾讯云服务,腾讯框架可以更好地兼容,使用微信开发者工具里独有的wxml 和wxss 进行视图层前端UI 的设计,使用JavaScript 进行逻辑层的开发。 后端选择微信小程序云开发。 使用腾讯云服务器进行后端的建设,可以更好地兼容微信小程序,通过自己设置的云函数也可以更方便地调用数据。

校园失物招领小程序前后端功能模块如图1所示。

图1 小程序的前后端功能模块

2.1 前端

(1)登录:进入小程序在“我的”一栏,无须注册,可以使用微信直接授权登录,登录后可以保证寻物的真实性,无需注册也能保护用户的隐私,最大限度地维护用户的权益。

(2)发布页面:捡到物品和丢失物品的用户可以在此处发布失物招领或者寻物启事,想要交换闲置物品的用户也可以发布交换信息。

(3)搜索栏:用户可以在此处搜索其他用户所上传的失物招领,寻物启事,旧物交换等信息,匹配到相应的信息后,用户可以根据自身需要及条件选择直接联系对方或者联系客服请求帮助。 搜索支持模糊搜索,可以大大节省用户找寻的时间。

(4)物品广场:发布的所有信息都会呈现在“广场”中,方便用户查看。

(5)评论:可以在其他用户发布的信息下方评论,方便用户交流,提高找回物品或者找到失主的成功率。

(6)最近发布:分为3 个模块,展示最近丢失,拾取,交换的物品,使用户更加方便的查看最近丢失,拾取,交换的信息。

(7)在线客服:微信小程序设置了在线客服,当遇到技术问题和用户无法解决的问题时,可以直接联系在线客服解决。

2.2 后端数据库

后端使用腾讯云数据库,首先是由于它的高效性与轻便性,这符合失物招领平台的设计理念,其次就是因其嵌入微信开发者工具中,操作简便。 校园失物招领微信小程序主要动态表的设计,总共有11 个字段,实例如下:“_id”,“_openid”,“content”,“ data”,“dizhi”,“imgList”,“lai”,“name”,“phone”,“time”,“type”。 实例关系如图2 所示。

图2 物品实例关系

2.3 功能实现

2.3.1 登录及用户信息

基于微信小程序的失物招领系统需要获取当前使用人微信信息,通过微信授权实现用户的登录,将用户授权的信息存储云数据库,便于后续使用功能提供相应的信息服务。 登录功能,进入小程序在“我的”一栏,无须注册,可以使用微信直接授权登录,然后完善自身基本信息,如:姓名、学号、联系方式等,登录后可以保证寻物的真实性,最大限度地维护用户的权益。 效果如图5 所示。

图5 授权登录界面

2.3.2 信息发布

在小程序首页,点击下方导航栏的“发布”,进入发布页面,效果如图6 所示。 此时最上方第1 个选项是物品的来源,用户可以在这里选择是捡到物品发布失物招领还是丢失物品发布寻物启事,或者是有旧物想要交换,第2 个选项是填写物品的名称。 然后,继续填写第3 个选项,如果丢失物品就填写丢失的大概地址,如果是捡到物品则填写拾取地址。 第4 个选项是填写时间,即丢失(拾取、交换)时间。 第5 个选项要输入用户的联系方式,可以方便与拾取(丢失,交换)物品的其他用户联系、第6 个选项是选择物品的类型,有贵物、钱包、日用、其他等分类,这一分类可以帮助用户更方便的检索。 第7 个选项是填写物品描述内容,即在哪里丢失的(拾取,交换),外观等详细的说明,此项可以帮助用户完善发布的信息,使信息更加精准。 最后一项是添加物品的图片,有两种选择,一种是直接从相册内选择上传即可,另一种是直接获取相机权限进行拍照上传。 在完成上述操作以后就可以点击“发布”,最后系统就会提示发布成功。 这时用户就可以在首页或者“物品广场”看到刚才发布的信息。 这时丢失物品的同学若是看见了这个信息,就可以在下面评论联系,或者直接联系信息发布用户。

图6 信息发布界面

2.3.3 搜索栏

用户可以在这里搜索平台上其他用户所上传的失物招领,寻物启事等信息,匹配到相应的信息后,用户可以根据自身需要及条件选择直接联系对方或者联系客服请求帮助。 搜索栏支持模糊搜索,可以大大节省用户找寻的时间。 效果如图7 所示。

图7 搜索栏界面

2.3.4 在线客服

可以在该页面与在线客服取得联系,如图8 所示,解决在程序中遇到的问题,如:发布的恶意评论,发布的垃圾物品信息等。

图8 在线客服界面

2.4 重要模块实现技术

前后端开发:通过微信开发者工具进行可视化编程,利用Javascript,wxss,wxml 语言进行设计,在前期利用Windows 操作系统进行调试,对页面进行优化。 通过Photoshop CS6 进行图片设计,将图片上传到云端,形成URL 链接,使得小程序的常驻型图片内存大大降低。 后台数据库使用Power Designer 15 进行数据建模,并梳理数据关系,使用 SQL Server 2012 进行数据存储,以及使用微信开发者工具通过3 层结构进行软件架构,形成数据提取的方便性、安全性和可操作性。

使用云开发数据库不仅仅是为了兼容微信小程序,还可以在后台监控数据库的读写次数,读写时间,用户访问次数,访问时间,日活跃用户数,这样可以更好地了解小程序的运行状况,如图3 所示。

图3 运营分析

3 校园失物招领小程序的功能实现

校园失物招领小程序为用户提供用户登录、失物与招领信息发布、失物与招领信息查询、在线客服、用户交换物品区等服务。 功能操作流程如图4 所示。

图4 小程序的功能操作流程

3.1 云开发

小程序的后端采用腾讯云服务进行开发。 服务器使用阿里云服务器和阿里域名,通过Xshell 连接终端服务器建立会话,在Windows 操作系统下安装shh 插件,在cmd 面板上登录云服务,下载宝塔面板,进行域名和服务器绑定,将前端和后端连接起来,将微信小程序上传微信公众平台,进行发布投入线上使用。

3.2 信息加密

为了提高用户信息的安全性,有必要针对整个数据库中所有需要保密的信息都进行加密,这样,即使他人已经得到了整个数据库,如果没有解密的算法,也无法得到原来的密码信息。 本次项目加密采用MD5 信息摘要算法对其进行加密,MD5 加密的操作都是以512比特位为计算单位的,与Base64 相比,MD5 加密完全不可逆,所以它的安全性比较高[3]。

4 结语

校园失物招领平台微信小程序给用户提供了一个快捷、有效的信息发布平台,服务于全校师生,能够方便地在校园里进行失物招领、寻物启事、爱心捐赠、物品交换等。 当前智能手机携带方便,微信App 普及广泛,使小程序更加容易被大众接受,通过该小程序的推广运行,可以提升丢失物品被找回的成功率,提高闲置物品的利用率,既方便了师生的日常需要,又满足了学校培养高素质学生的教育初衷。