基于APICloud的家居設計APP的研究與實現

葉帆帆+++徐城璋+++王利興+++胡宸瑄+++楊曉東

摘 要： 基于APICloud平臺開發(fā)出一款為用戶提供家居設計方案的手機APP。運用JS模板引擎和離線緩存等技術主要實現三大功能，為用戶提供家居設計行業(yè)的相關資訊；給用戶與商家和用戶與用戶之間提供在線交流與交易的平臺；用戶根據自己的需求進行家居設計。該APP基于跨平臺技術開發(fā)能適配Android和IOS兩大主流系統(tǒng)。

關鍵詞： 家居設計； 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 引言

傳統(tǒng)的家居設計行業(yè)普遍存在著時空局限性，隨著時代的發(fā)展，傳統(tǒng)家居設計行業(yè)的壓力越來越大。而此時移動互聯(lián)網的飛速發(fā)展使得在線家居設計成為可能[1]。在B2C的商務運作模式下，消費者能通過網絡直接選購家具產品，這將大大節(jié)省企業(yè)營銷、運輸、倉儲成本，同時提高人們家居設計的滿意度。

目前，主流平臺上在線家居設計的應用數量還很少，而開發(fā)一款原生的應用需要適配多種平臺。這使得應用開發(fā)難度大大提高，很多企業(yè)望而卻步。但隨著“云”時代的到來，一種基于Web技術的混合模式移動應用應運而生，它是指介于web-app、native-app這兩者之間的app，兼具“Native App良好用戶交互體驗的優(yōu)勢”和“Web App跨平臺開發(fā)的優(yōu)勢”。所以基于這種混合模式開發(fā)一款幫助消費者DIY家居設計的移動應用十分有必要。

1 APICloud平臺概述

APICloud平臺基于HTML/CSS和JavaScript等Web技術，能夠做到一次開發(fā)即可多平臺適用。相比較Phonegap運行速度慢、UI組件少等缺點，APICloud都表現出了極大的優(yōu)勢，它能夠直接調用幾乎所有的原生模塊，支持真機調試，而且它具有完善的云端數據庫服務，讓用戶注重開發(fā)的邏輯，無需購置域名、服務器等其他服務。

2 系統(tǒng)的設計與分析

2.1 系統(tǒng)總體框架

系統(tǒng)總體架構采取MVC模式（模式à視圖à控制器），在處理過程中，用戶輸入的請求首先被控制器接收，并決定由什么模式來處理，然后模式通過業(yè)務邏輯層處理用戶的請求并返回數據，最后控制器用相應的視圖格式化模型返回數據，并通過顯示頁面呈現給用戶[3]。

本系統(tǒng)采用的三層架構，即表示層，業(yè)務邏輯層和數據訪問層。APICloud框架提供的JavaScript應用程序接口可以實現調用不同移動設備硬件功能和系統(tǒng)信息以及幾乎所有主流的第三方原生模塊。在數據交互方面，用戶可以選擇本地數據庫和服務器也可以使用APICloud提供的數據云服務，官方提供了兩套完備的接口服務，能滿足大部分開發(fā)者的需求。

2.2 系統(tǒng)功能模塊設計

本文設計的家居設計APP包括三個主要的功能模塊，分別是：現有方案展示模塊、個性化方案定制模塊、個人信息管理模塊。下面詳細介紹這三大模塊的主要功能（系統(tǒng)模塊圖見圖1）。

[注冊登錄][現有方案展示][個性化方案定制][個人信息管理][方案圖文信息][方案篩選][方案收藏][訂單管理][我的收藏][購物車][個人信息][頭像管理][跳蚤市場][設計師信息][商家資訊][在線交流平臺]

⑴ 現有方案展示模塊

該模塊包括三個子模塊。①用戶注冊并登錄后點擊底部導航欄的“靈感”就能實時查看一些現有的家居設計作品，點擊展示頁面能查看方案詳情，包括設計公司及設計師的一些詳細信息。這些信息均收集自各大家居設計公司，統(tǒng)一錄入數據庫。根據用戶請求返回前端并以圖文的形式顯示。②用戶能根據家居設計的場所進行方案的篩選。用戶在“靈感”的頂部導航欄右側點擊“篩選”并可以根據設計的場所進行相關方案的篩選。③對于喜歡的方案用戶能夠進行個性化的收藏。后臺數據庫建立“relation”類型的數據表，將用戶的收藏方案信息寫入對應用戶的數據表中，下次登錄即可直接查詢。

⑵ 個性化方案定制模塊

該模塊包括三個子模塊。①用戶可以在線瀏覽跳蚤市場，進行用戶間或用戶與商家之間的家具在線交易，系統(tǒng)直接調用第三方模塊能夠實現在線支付等功能。②用戶之間實現在線留言功能，調用第三方模塊還能實現用戶與用戶或者用戶與商家之間的在線交流。③系統(tǒng)根據用戶需求個性化推送家居設計的相關資訊以及設計師等信息，用戶能夠通過提供的信息直接或者間接與設計單位取得聯(lián)系。