MINA框架:“微行工大”校园互助平台设计与开发*

郑锋 李旭 刘可歆 赵以洋 李祥宇

(安徽工业大学公共管理与法学院,安徽马鞍山 243000)

0 引言

《国民经济和社会发展第十四个五年规划纲要》中要求提升便利度和改善服务体验为导向,推动生活性服务业向高品质和多样化升级,推进线上线下全渠道满足消费需求。伴随着经济水平和移动通信技术的快速发展,互助共享的生活方式结合互联网+的时代背景,让便捷生活成为可能。线上外卖、共享单车等行业的崛起,离不开“互联网+互助共享”的模式。

现阶段的微信小程序,已经涉及众多领域,包括饮食、政务、出行等方面。2020年,小程序每日活跃人数已经超过4亿人次,全年交易额同比增长超100%。微信小程序既为用户免去繁琐的安装和管理流程,也为开发者开发提供了新的选择。

笔者采用微信云开发功能进行校园互助系统的开发工作,拟设置“用户模块”“互助共享模块”“闲置商城模块”“互动评论模块”“校园信息模块”等5个模块,解决校园需求和服务供给的对接问题,作为校园互助领域的初步尝试。

1 技术分析

MINA框架是微信小程序特有的开发框架,运行机制为“响应——绑定”模式,微信小程序需要的接口均在框架中。该框架淡化了后端概念,只包括视图层以及逻辑层。开发者利用云数据库进行数据修改,逻辑层实现,视图层更新,MINA框架如图1所示:

图1 MINA框架示意图Fig.1 Schematic diagram of MINA framework

1.1 页面视图层

页面视图层为用户操作界面,将逻辑层实现的数据信息渲染至前端页面。每个完整的微信小程序页面包含一套WXML、WXSS、js和json文件,WXML文件全称为WeiXin Markup Language,类似于HTML文件,用于描述小程序页面结构;WXSS文件全称为WeiXin Style Sheet,类似于CSS文件,用于架构小程序页面样式。MINA框架文件功能表如表1所示。

表1 MINA框架文件功能表Tab.1 MINA framework file function table

1.2 逻辑交互层

微信小程序逻辑层主要使用JavaScript语言处理程序数据的逻辑交互部分,实现用户与程序的交互功能。逻辑层接受用户操作而产生的事件和数据,根据一定的规则和方法进行逻辑处理。页面视图层次根据逻辑层反馈的处理结果进行页面的重新渲染。

2 校园互助平台程序设计

2.1 程序体系架构

校园互助共享平台整体分为普通用户、审核员以及后端管理三个部分,程序体系架构如图2所示。开发者利用微信公众平台的快速、便捷的需求,拟设置以下功能:(1)用户模块;(2)互助共享模块;(3)闲置商城模块;(4)互动评论模块;(5)校园信息等5个模块。

图2 程序体系架构示意图Fig.2 Schematic diagram of program system architecture

2.2 功能模块设计

2.2.1 用户模块

用户模块利用微信提供的接口获取用户微信信息,进行注册登录,添加进入云数据库,快速建立用户体系。用户登录之后,可以修改个人资料,关注平台用户。微信用户也只有注册登录后,才允许任务发布、互动评论等。

2.2.2 互助共享模块

互助共享模块是平台的主要功能,主要用于展示任务内容,用户登录后,可以进行发布任务、浏览任务等流程。审核员直接在小程序中进行任务审核,审核通过即可成功发布,发布用户也能时刻关注任务审核动态。

2.2.3 闲置商城模块

闲置商城是互助共享概念之一。用户可以通过闲置商城功能发布闲置物品,也就是说,闲置商城模块功能将平台中有物品交换需求的用户独立出来,供有需求的同学在该模块对闲置物品进行浏览、挑选和购买。

2.2.4 校园信息模块

游客和用户免费进行信息浏览。开发者利用开发者最高权限,通过控制台对校园信息进行维护更新,用户以及审核员都不能对校园信息进行修改,可以通过意见反馈提供修改意见。

2.2.5 互动评论模块

平台用户可以在每个任务下进行评论。同时,用户之间也可以直接沟通和交流。管理员对互动评论拥有最高权限,可以在云开发控制台管理所有互动信息,进行删除、更新等操作。

2.3 数据库设计

根据系统功能模块设计及ER模型的基本属性,可以分析出互助共享平台的实体—联系模型(ER模型)。如图3所示。

图3 系统E-R模型分析Fig.3 System E-R model analysis

根据E-R模型,笔者将审核员功能放入用户实体之中,作为特殊用户;用户与任务、任务种类与任务、用户与闲置商品之间关系为1∶N,故省略关系表。数据库逻辑设计如下文所示(主码为横线下划线,外键为波浪下划线):

Uesr(Uid、Gender、Nickname、Age、Concern、Fans、isAdmin、Region、PhoneNumber);

Task(Tid、Uid、Check、Received、Finished、OrderTime、FinishTime、Comment、Browse);

NetShop(Bid、Bname、Uid、Date、Saled);TaskClass(TCid、Tid、Class);

3 校园互助平台程序实现

3.1 用户模块测试

用户通过微信授权登录时,云端获取用户的_openid,识别用户身份,并通过button组件的getUserInfo,获取用户微信信息,并添加至云数据库,系统判别用户是否为审核员,若为,在前端渲染时添加信息审核功能,登录系统之后,用户可以选择修改个人资料,用户之间也可以发起直接聊天交流,用户登录-互动界面如图4所示。

图4 用户登录-互动示意图Fig.4 User login-interaction diagram

3.2 互助共享模块测试

(1)任务发布功能。用户进入平台后,可以直接发布任务,任务提交后,发布会用户可查看任务状态,审核通过即可发布,用户随时可以完结任务,任务发布流程如图5所示。

图5 用户任务发布流程示意图Fig.5 Schematic diagram of the user task release process

(2)闲置商城功能。用户可以从主界面进入闲置商城界面,也可以在用户界面-我的商品添加、查看和删除自己发布的商品。闲置商品发布流程如图6所示。

图6 闲置商品发布流程示意图Fig.6 Schematic diagram of idle product release process

4 结语

本程序的概念基于非正式社群的互助共享理念,覆盖多方位领域,应用前景乐观。测试中,用例数量较少,普适性和平台承载力仍需进一步检验。之后,微信小程序功能会日益强大,在“互联网+互助共享”领域继续探索,一是将个人作为节点,形成网格化的校园互助网络;二是校园互助内容更加广泛,不仅止于日常任务、闲置商品,学院、学校举办的大型活动都能有所涉及,将校园需求和服务供给,内部联系起来,提升整体工作效率和满意度。