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

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

關(guān)鍵詞： 家居設(shè)計； APICloud； 離線緩存； 模板引擎

中圖分類號：TP393 文獻(xiàn)標(biāo)志碼：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)的家居設(shè)計行業(yè)普遍存在著時空局限性，隨著時代的發(fā)展，傳統(tǒng)家居設(shè)計行業(yè)的壓力越來越大。而此時移動互聯(lián)網(wǎng)的飛速發(fā)展使得在線家居設(shè)計成為可能[1]。在B2C的商務(wù)運(yùn)作模式下，消費(fèi)者能通過網(wǎng)絡(luò)直接選購家具產(chǎn)品，這將大大節(jié)省企業(yè)營銷、運(yùn)輸、倉儲成本，同時提高人們家居設(shè)計的滿意度。

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

1 APICloud平臺概述

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

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

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

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

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

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

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

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

⑴ 現(xiàn)有方案展示模塊

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

⑵ 個性化方案定制模塊

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