基于APICloud的家居设计APP的研究与实现

叶帆帆+++徐城璋+++王利兴+++胡宸瑄+++杨晓东

摘 要： 基于APICloud平台开发出一款为用户提供家居设计方案的手机APP。运用JS模板引擎和离线缓存等技术主要实现三大功能，为用户提供家居设计行业的相关资讯；给用户与商家和用户与用户之间提供在线交流与交易的平台；用户根据自己的需求进行家居设计。该APP基于跨平台技术开发能适配Android和IOS两大主流系统。

关键词： 家居设计； APICloud； 离线缓存； 模板引擎

中图分类号：TP393 文献标志码：A 文章编号：1006-8228（2016）05-59-03

Abstract： In this paper， a mobile phone APP to provide users with home decorating design is developed on APICloud platform. Three functions， which are to provide users with home design related information； to provide an online exchange and trading platform between users and businesses and users； to assist users to design online according to their own home decorating needs， are realized with technologies of JS template engine and offline application cache. The APP can adapt to the two major systems of Android and IOS.

Key words： home decorating design； APICloud； offline application cache； template engine

0 引言

传统的家居设计行业普遍存在着时空局限性，随着时代的发展，传统家居设计行业的压力越来越大。而此时移动互联网的飞速发展使得在线家居设计成为可能[1]。在B2C的商务运作模式下，消费者能通过网络直接选购家具产品，这将大大节省企业营销、运输、仓储成本，同时提高人们家居设计的满意度。

目前，主流平台上在线家居设计的应用数量还很少，而开发一款原生的应用需要适配多种平台。这使得应用开发难度大大提高，很多企业望而却步。但随着“云”时代的到来，一种基于Web技术的混合模式移动应用应运而生，它是指介于web-app、native-app这两者之间的app，兼具“Native App良好用户交互体验的优势”和“Web App跨平台开发的优势”。所以基于这种混合模式开发一款帮助消费者DIY家居设计的移动应用十分有必要。

1 APICloud平台概述

APICloud平台基于HTML/CSS和JavaScript等Web技术，能够做到一次开发即可多平台适用。相比较Phonegap运行速度慢、UI组件少等缺点，APICloud都表现出了极大的优势，它能够直接调用几乎所有的原生模块，支持真机调试，而且它具有完善的云端数据库服务，让用户注重开发的逻辑，无需购置域名、服务器等其他服务。

2 系统的设计与分析

2.1 系统总体框架

系统总体架构采取MVC模式（模式à视图à控制器），在处理过程中，用户输入的请求首先被控制器接收，并决定由什么模式来处理，然后模式通过业务逻辑层处理用户的请求并返回数据，最后控制器用相应的视图格式化模型返回数据，并通过显示页面呈现给用户[3]。

本系统采用的三层架构，即表示层，业务逻辑层和数据访问层。APICloud框架提供的JavaScript应用程序接口可以实现调用不同移动设备硬件功能和系统信息以及几乎所有主流的第三方原生模块。在数据交互方面，用户可以选择本地数据库和服务器也可以使用APICloud提供的数据云服务，官方提供了两套完备的接口服务，能满足大部分开发者的需求。

2.2 系统功能模块设计

本文设计的家居设计APP包括三个主要的功能模块，分别是：现有方案展示模块、个性化方案定制模块、个人信息管理模块。下面详细介绍这三大模块的主要功能（系统模块图见图1）。

[注册登录][现有方案展示][个性化方案定制][个人信息管理][方案图文信息][方案筛选][方案收藏][订单管理][我的收藏][购物车][个人信息][头像管理][跳蚤市场][设计师信息][商家资讯][在线交流平台]

⑴ 现有方案展示模块

该模块包括三个子模块。①用户注册并登录后点击底部导航栏的“灵感”就能实时查看一些现有的家居设计作品，点击展示页面能查看方案详情，包括设计公司及设计师的一些详细信息。这些信息均收集自各大家居设计公司，统一录入数据库。根据用户请求返回前端并以图文的形式显示。②用户能根据家居设计的场所进行方案的筛选。用户在“灵感”的顶部导航栏右侧点击“筛选”并可以根据设计的场所进行相关方案的筛选。③对于喜欢的方案用户能够进行个性化的收藏。后台数据库建立“relation”类型的数据表，将用户的收藏方案信息写入对应用户的数据表中，下次登录即可直接查询。

⑵ 个性化方案定制模块

该模块包括三个子模块。①用户可以在线浏览跳蚤市场，进行用户间或用户与商家之间的家具在线交易，系统直接调用第三方模块能够实现在线支付等功能。②用户之间实现在线留言功能，调用第三方模块还能实现用户与用户或者用户与商家之间的在线交流。③系统根据用户需求个性化推送家居设计的相关资讯以及设计师等信息，用户能够通过提供的信息直接或者间接与设计单位取得联系。