(河北民族师范学院 河北承德 067000)
摘要: 针对传统的电商团购点评软件出现的开发难度大，周期长的问题，设计开发一种基于APICloud的团购点评APP。该团购点评移动端系统采用先进的云端一体化技术为用户提供周边信息化服务，利用离线缓存技术实现本地缓存、搜索等功能，使用JS模板引擎实现界面与数据的分离，调用功能模块化的API接口实现系统的快速开发。
关键字：团购点评；APICloud；离线缓存；模板引擎；
1 背景
当今时代随，着科技的不断的发展，传统的电商，类团购点评软件，开发设计的难度，压力越来越大。使用一种基于web技术的混合模式移动应用，可以很好地解决传统开发面临的窘境。
2 APICloud平台概述
APICloud是一种提供混合开发模式的平台，具有云端一体化的特点，使用HTML/CSS 和 JavaScript 等技术，系统只需开发一次就能跨平台使用，同时适配Android和IOS两大主流移动端系统，通过JS封装所需的功能模块，几乎能够实现所有的原生功能。
3 系统的设计与分析
3.1 系统总体架构
总体采用MVC三层架构，M是指业务模型，V是指用户界面，C是指控制器。并且设置合适的超时时间。对于页面内容需要等待ajax请求完成后加载页面，显示进度状态提示。
3.2功能模块设计与实施
这个功能模块的实现用到的API扩展模块包括：bMap手机地图，封装了百度地图的SDK、二维码扫描模块FNScanner、语音识别模块SpeechRecognizer、本地数据库模块db。在用户信息管理模块中，首先用户需要进行注册，然后才可使用。在这个模块中，用户不但可以管理的个人信息，而且可以对图片，消息，缓存等元素进行设置。
在评价反馈管理模块中，用户可以对商家的服务进行评价并反馈，其他的用户可作为参考，增加了交互体验。
.png)
图1 系统功能模块图
3.3 UI模块设计
使用APICloud提供的Widget、Layout、Window、Frame等组件进行架构设计，项目窗口使用window+frame的结构，window用于存放静态的无需频繁更新的title和导航栏、页脚等部分，frame用于存放需要实时更新，响应用户操作的部分。
首页窗口实现首页页头以及商品分类的显示与切换，通过layout-framegroup实现分类显示商品列表，多个frame分别实现商品列表显示、城市选择列表等功能。多个系统的运行实现个人中心内容显示，我的个人订单内容显示，等一系列功能。商铺商品来基本实现商品信息页头页脚，多个frame来不断实现搜索内容展示、位置内容显示等基本功能。
4 关键技术的实现
4.1APICloud的离线缓存机制
离线资源的缓存不仅可以提高用户访问的速度，而且节约了用户的流量使用。传统开发中，用户的所有个人信息需要加载远程服务器的数据库。利用离线缓存技术，这些图文信息会缓存在本地，当用户再次在同一设备登录时，这些信息将从本地加载而不是再次从数据库获得。
在HTML5中，新加入了一个localStorage特性，主要是作为本地存储使用，解决了cookie存储空间不足的问题。APICloud对HTML5的LocalStorage进行了封装，在存储时更加方便。离线缓存应用代码如图所示。
.png)
图2离线缓存应用代码
4.2模板引擎的使用
各大流行的模板引擎如baiduTemplate、artTemplate、juicer，doT等，其中doT.js渲染性能很好，直接支持原生的写法，速度快，不用依赖别的库，适用于混合开发的模板引擎，本系统采用doT模板引擎，doT模板引擎在本系统的主要应用有显示商品列表、图片缓存、保存登录信息、清除缓存等。
5结束语
从传统的开发模式存在的问题出发，系统利用APICloud的跨平台框架开发的团购点评软件能够为用户提供周边信息化服务。从开发者角度，移动端混合开发模式可以简化开发，减小成本。因此，其具有很广阔，很举足轻重的的市场前景和应用前景，是真的大力发展的。
参考文献：
[1]叶帆帆,徐城璋,王利兴, 等.基于APICloud的家居设计APP的研究与实现[J].计算机时代,2016,(5):59-61,65. DOI:10.16644/j.cnki.cn33-1094/tp.2016.05.016.
[2] 刘培艳. O2O电商模式下团购网站定价策略研究—以大众点评网为例[J]. 商业经济研究,2017,(17):85-87.doi:10.3969/j.issn.1002-5863.2017.17.026.
[3]张如云. 论移动端电商APP的设计与开发[J]. 办公自动化,2019,24(08):23-25