基于APICloud的家居設(shè)計(jì)APP的研究與實(shí)現(xiàn)

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

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

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

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

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

1 APICloud平臺(tái)概述

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

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

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

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

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

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

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

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

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

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

⑵ 個(gè)性化方案定制模塊

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