基于vue.js的共享空間平臺的設計

呂品田

（北京交通大學 軟件學院，北京　100044）

1　共享空間平臺的意義

進入二十一世紀以后，互聯網的發展可謂是突飛猛進。隨著“互聯網+”時代的來臨，越來越多的傳統行業選擇融入到互聯網這個大體系之中。與此同時，越來越多的人口使得有價值的空間變的越來越少，需要空間進行活動的人往往不能找到符合自己心目中價位的“地盤”，而很多公有空間卻因為時間或地段而不能得到充分利用，甚至出于閑置狀態。這時，“共享空間”的理念就應運而生。共享空間的產生是為了適應各種頻繁的社會交往和豐富多彩的生活需要，它往往處于大型公共建筑內的公共活動中心和交通樞紐，含有多種多樣的空間要素和設施，使人們無論在物質方面還是精神方面都有挑選余地，是綜合性、多功能的靈活空間。

波特曼首創的共享空間，在各國享有盛譽，它以其罕見的規模和內容，豐富多姿的環境，獨出心裁的手法，將多層內院打扮得光怪陸離、五彩繽紛。[1]從空間處理上講，共享大廳可以說是一個具有運用多種空間處理手法的綜合體系。但某些大廳卻缺乏應有的活力，很大程度上是由于空間處理上不夠生動，沒有恰當地融匯各種空間形態。變則動，不變則靜，單一的空間類型往往是靜止跑感覺，多樣變化的空間形態就會形成動感。[2]

其實共享空間的雛形就是傳統的日租房，但是共享空間則是以日租房為基礎打造的多維一體化空間。不僅僅是提供住宿，還可以提供各式活動的舉辦。小到朋友聚會，一起暢聊，大到國家級的訪問儀式，都可以在空間內舉辦，這正是共享空間的魅力所在。而共享空間平臺項目，正是以共享空間為傳統行業的基礎，結合互聯網的鏈式推廣效應，使得共享的內容更豐富?？Х葟d、茶館、日租房、會議室，都是可共享的空間，有了互聯網，才可以使得共享變得更方便，更容易，更值得彼此信任。

2　項目設計理念及存在的問題

任何一個成功的平臺，龐大的用戶群體是必不可少的，想要宣傳一款新型平臺，除了朋友間的推廣外，最重要的是要有競爭優勢。在項目的設計中，如何吸引更多用戶是重要的理念，我們采用了贈送咖啡的形式拉取新用戶，一個用戶，只要用自己的手機號登錄注冊，就可以領取一杯免費的咖啡。平臺同時也會舉辦各種活動，只要可以帶入新用戶，老用戶也可以獲得咖啡券的獎勵。

這種模式可以讓用戶獲得良好的平臺體驗，可以讓大部分用戶對平臺獲得良好的第一印象。在傳統行業中，一杯咖啡的成本大概在3-5元左右，平臺吸引用戶的手段之一就是先讓用戶獲得利益，從而可以獲取用戶流量和數據，給平臺帶來發展，看似平臺有所虧損，實際上信息和關系鏈對于平臺的收益遠大于一杯咖啡的成本。平臺贈與方式如與傳統行業（賣咖啡）進行競爭也有其實體體驗不足的問題，因此我們選擇與傳統行業進行合作，用關系網帶來盈利。

該項目的設計目前還存在一部分問題。有兩個問題比較突出，第一個問題是會員卡功能并不常用化。簡單來說，由于場地的局限性（一個城市的場地數目十分有限，且分散），用戶很難挑選自己就近的場所進行活動的參與或者舉辦，因此目前的會員卡適用范圍僅有個體用戶的少量次數的參與。第二個問題是活動場地的規格不親民，目前平臺僅提供部分大型活動場地，價格較為昂貴，僅面對大型團體。而僅僅在平臺購買咖啡又過于昂貴，并不為大眾所接受。

3　項目設計流程

3.1　使用到的核心技術

在互聯網+共享空間的推廣當中，前端的美化設計是重中之重，一個好的項目，它的前端既不能冗余，也不能太過簡單。既要保證用戶的使用體驗，又需要將自己最好的一面展示出來，因此，vue.js這款輕型腳本可以說是再適合不過了。Vue是一套用于構建用戶界面的漸進式框架。與其它大型框架不同的是，Vue 被設計為可以自底向上逐層應用。Vue的核心庫只關注視圖層，不僅易于上手，還便于與第三方庫或既有項目整合。另一方面，當與現代化的工具鏈以及各種支持類庫結合使用時，Vue 也完全能夠為復雜的單頁應用提供驅動。Vue.js有以下特點，第一個是整體較為簡潔，只需要一個html模板和jason數據以及一個vue實例就可以搭建一個網站。二則是數據驅動，vue可以自動追蹤模板和數據塊表達。還有就是組件之間耦合性非常低，便于將組件分模塊進行構筑。此外它既輕量、又快速，可以實時更新DOM的狀態。最后則是安裝便利，vue.js可以直接用命令行進行安裝，直接安裝到項目中，無縫銜接自己的項目。vue.js和傳統的reactjs相比，更輕巧，API 更友好，不強迫你所有的代碼都遵循 Angular 的各種規定，使用場景更加靈活。與此同時，vue.js更容易上手，只需要掌握基本的js/html/css的技巧就可以很容易上手vue.js。對于共享空間這種需要即時反饋前端信息的平臺來說，vue.js可以說是最佳選擇。平臺使用了MVVM的框架思想，MVVM是將“數據模型數據雙向綁定”的思想作為核心，因此在View和Model之間沒有聯系，通過ViewModel進行交互，而且Model和ViewModel之間的交互是雙向的，因此視圖的數據的變化會同時修改數據源，而數據源數據的變化也會立即反應到View上。[3]

3.2　前臺設計流程

對于共享空間來說，最重要的就是宣傳空間界面。因此我們將宣傳空間的界面放到平臺的首頁。首頁由四個板塊構成，分別是推薦版塊、空間板塊、活動板塊和會員板塊。推薦版塊將最新、最實時的共享空間數據和活動推送給用戶?？臻g板塊則全部是由用戶發布的可共享空間構成，活動板塊則由公司舉辦的各種活動構成，用戶可以隨意報名自己想要參加的活動。最后則是會員版塊，是一個盈利板塊，用戶可以購買機遇空間專屬的會員來獲得會員特權，每一種會員卡的標價都是物超所值，可以放心購買。

其次是社區界面，這款共享空間平臺不僅僅是一個外租空間平臺，還實現了社交功能。因此我們添加了“機遇星球”功能，這功能和微博推送類似。通過平臺認證的用戶就可以發送自己的動態到機遇星球中，供其他用戶觀看，同時還可以在機遇星球中開展自己的活動。與此同時，還添加了群組功能，用戶可以自己將志同道合的群體拉入到自己的群組之中，方便開展活動。

之后是用戶界面，用戶界面有一個特別的功能就是“我的咖啡劵”，平臺為了推廣，采用贈送咖啡劵的形式發展用戶，每個新用戶都可以獲得一杯咖啡券。同時用戶之間也可以互相贈送咖啡券，憑借咖啡券可以去指定地點兌換一杯咖啡。此外，用戶界面還有充值、編輯個人信息等常用功能，這里不再闡述。

4　項目未來的走向

該平臺為共享空間平臺，而平臺未來的走向將不局限于幾處共享空間。平臺未來將會考慮和更多傳統咖啡廳等行業進行合作。實現隨處共享、處處共享、時時共享。未來計劃將平臺擴展到身邊的每個地方，只要成為平臺的用戶，就可以租用在身邊絕大多數公共場所進行活動，在進行活動的同時，也可以參與平臺的活動，推廣平臺，獲取獎勵。此外，甚至可以使用平臺貨幣進行消費，試想在未來的某一天，可以使用平臺進行用餐支付、旅店支付，是本平臺的終極目標。

[1]杰里米·里夫金.走向物聯網和共享經濟[J].企業研究，2015.2.

[2]篠原聰子，王也，許懋彥.共享住宅——擺脫孤立的居住方式[J].城市建筑，2016第4期.

[3]麥冬，陳濤，梁宗灣.輕量級響應式框架Vue.js應用分析.信息與電腦（理論版），2017年4月.