基于微信小程序的O2O模式校园快递的设计与实现

2019-12-01张智林阴毅

电子技术与软件工程 2019年3期

文/张智林阴毅

随着经济发展，劳动分工与专业化将会日益普遍，随着人们生活水平的提高，工作和日常事务繁忙，人们对服务就有了更深入、更精细的要求。而随着计算机技术的迅猛发展，使得这种需求变为可能，传统的家政服务业也与互联网技术结合更加密切，这是社会发展的必然趋势。

对于校园内的学子和教师及从业人员，学业的加重以及校园生活方式多彩导致他们中有许多人鲜有时间去取快递，该平台为校园客户提供高效、快捷、环保的快递同校配送服务，提高校园客户的时间利用率以及享受私人专送服务。

该平台通过SSM框架，通过Spring+SpringMVC+Mybatis作为业务流程处理程序。结合微信官方提供的WeUI框架，自行编写包含“登录”、“注册”、“地图”、“平台任务”、“发布任务”、“我的任务”、“个人中心”、“授权”八大板块以及若干不同种类对话框或提示框等代码。是平台实现的基础。

1 微信公众平台与O2O模式简介

1.1 微信小程序介绍

2017年01月09 日，腾讯公司高级副总裁张小龙在2017微信公开课Pro上发布的小程序正式上线。小程序是一种基于微信(wechat)软件不用下载就能使用的应用，用户不再需要去应用商店下载移动软件（Mobile Application），微信小程序无疑为移动互联网用户的日常生活带了了许多便捷高效。

1.2 O2O模式介绍

线上到线下(online-tooffline,O2O)，是指将线下的商务机会与互联网结合，让互联网成为线下交易的前台。与传统的消费者在商家直接消费的模式不同，在O2O平台商业模式中，整个消费过程由线上和线下两部分构成。线上平台为消费者提供信息，而线下部分则专注于提供服务。

“校园快递”平台设计理念即是基于O2O的平台经营模式，“校园快递”平台给用户提供了发布任务、接受任务等具体功能，用户可以在线下真实场景里获得相应服务。

2 校园快递平台分析与设计

2.1 平台功能分析

在“校园快递”平台中，不包括管理员在内用户户将分为两种不同的参与者，分别是任务发布人和任务执行人。同一个用户同时可以是两种参与者，作为任务发布人，具体功能包括了发布任务、跟踪任务、修改个人信息、聊天沟通。作为任务执行人，具体功能包括接受任务、支付任务、修改个人信息、聊天沟通。

2.2 用户交互页面设计

微信小程序用户可视界面由js文件、json文件、wxml文件、wxss文件共同完成。其中wxml文件是界面的骨架，页面必备的基本组件都声明在wxml文件里。wxss文件是一套样式语言，用于描述wxml的组件样式，wxss对css进行了扩充以及修改，是界面的血肉。json文件是程序或者页面的配置文件，包括设置程序或页面的状态栏、导航条、标题、窗口背景色等。

2.3 服务器端业务流程设计

服务器端程序采用SSM框架，即Spring+SpringMVC+Mybatis作为业务流程处理程序。SSM框架作为B/S模式下优秀的开源框架之一，具有稳定、高效、易于使用等不可替代的优点被广大开发者喜爱。下面将介绍“快递校园”服务器端业务流程设计。常用的SSM框架用于开发完整的B/S框架，包含JSP页面等相关技术，由于微信小程序所有视图文件存放不依靠第三方服务器，SpringMVC返回内容将不再是完整视图，而是JSON格式数据。

2.3.1 基于功能模块的请求地址划分

在SSM框架中，用户对服务器中一个项目的请求地址都会被前端控制器（DispatcherServlet）拦截，前端控制器拦截到用户请求地址之后，由前端控制器查询处理器映射（HandlerMapping）并找到相对应程序控制器（Controller）。

“快递校园”平台里，“用户”、“任务”、“地图”三个功能模块需要涉及与第三方服务器数据交互。因此在SSM框架下声明了三个不同的自定义控制器（Controller），并使用不同的请求映射（RequestMapping）区分。

2.3.2 基于JSON格式的数据交换格式

JSON是轻量级的数据交换格式，易于使用并有效提高网络传输数据。微信小程序官方给出了网络传输函数（wx.request）用于实现具体的Request请求，其中包括了统一资源定位符（url）、头信息（header）、数据（data）、回调函数（success、fail）等属性。

微信小程序不依赖第三方服务器返回的具体视图，因此和传统SSM框架不同的是，不再需要创建JSP文件，请求映射相关函数返回内容也不再是模型和视图（ModelAndView），而是需要使用@ResponseBody注解，SSM框架处理返回结果转为JSON格式数据，并直接输出到输出流中，小程序收到第三方服务器回复后执行回调函数。