基于標(biāo)簽系統(tǒng)的校園社交平臺的實現(xiàn)

南京工業(yè)大學(xué) 李 強(qiáng) 王錦濤 虞得賢

?

基于標(biāo)簽系統(tǒng)的校園社交平臺的實現(xiàn)

南京工業(yè)大學(xué) 李 強(qiáng) 王錦濤 虞得賢

【摘要】社交應(yīng)用占據(jù)了目前應(yīng)用市場的半壁江山，然而大多數(shù)應(yīng)用都面臨著去同質(zhì)化的問題，大多數(shù)應(yīng)用選擇的途徑是給用戶不同的社交定義，微信，QQ，陌陌，這些都是在滿足不同人的心理需求。而基于標(biāo)簽的系統(tǒng)，完全拋開了人與人之間的關(guān)系，完全是將事與人之間聯(lián)系起來，這樣將會產(chǎn)生更多的連接關(guān)系，消息的送達(dá)將更加精確。跨平臺應(yīng)用能夠大大降低開發(fā)成本，節(jié)約發(fā)布時間。

【關(guān)鍵詞】標(biāo)簽；跨平臺；社交

面對著移動app發(fā)展的爆發(fā)期，社交應(yīng)用滿地開花，社交已經(jīng)成為人們生活的一部分，但大多數(shù)社交應(yīng)用都是基于用戶之間的聯(lián)系的，這樣用戶之間獲取信息的來源相對單一，個人對于個性化的追求使得這類app無法滿足人們對于信息的渴求。本課題嘗試引入標(biāo)簽系統(tǒng)，對于大多數(shù)數(shù)據(jù)進(jìn)行分類，在分類后進(jìn)行分發(fā)，使信息準(zhǔn)確到達(dá)用戶。同時為了滿足機(jī)構(gòu)社交化發(fā)展的需求，系統(tǒng)引入公眾平臺，公眾平臺同樣以標(biāo)簽為基礎(chǔ)，這樣用戶，帖子，活動及機(jī)構(gòu)都以標(biāo)簽為紐帶進(jìn)行聚合，使得他們無形中建立起關(guān)系。為了達(dá)到系統(tǒng)的快速開發(fā)與部署的目的，可以用AngularJs進(jìn)行跨平臺開發(fā)，這樣同時也能滿足不同平臺的需求。

1.標(biāo)簽系統(tǒng)的作用

標(biāo)簽系統(tǒng)作為系統(tǒng)主線，連接系統(tǒng)的各個部分。用戶選擇自己感興趣的標(biāo)簽進(jìn)行關(guān)注，用戶發(fā)帖時選擇帖子相關(guān)的標(biāo)簽進(jìn)行標(biāo)注，機(jī)構(gòu)用戶同時也可以選擇自己感興趣的標(biāo)簽進(jìn)行關(guān)注，這樣有利于普通用戶發(fā)現(xiàn)自己感興趣的機(jī)構(gòu)。當(dāng)機(jī)構(gòu)用戶發(fā)布活動時同樣可以標(biāo)注帖子所屬標(biāo)簽，這樣活動就可以到達(dá)目標(biāo)用戶。這樣一個閉環(huán)，就形成了以標(biāo)簽為中心的興趣社交。

2.跨平臺應(yīng)用的開發(fā)

隨著移動設(shè)備的發(fā)展，通過移動設(shè)備接入網(wǎng)絡(luò)的人越來越多，移動應(yīng)用的需求量也在增加。針對不同平臺開發(fā)同一app帶來的成本的增加，使得許多創(chuàng)業(yè)項目選擇以HTML為基礎(chǔ)的跨平臺技術(shù)。這種開發(fā)避免了不同平臺的差異性，可以使同一段代碼運行于不同的平臺，節(jié)約了開發(fā)成本。近年來也出現(xiàn)了一些框架用于開發(fā)單頁面應(yīng)用，通過分析，我們采用AngularJs與Cordova結(jié)合的方式進(jìn)行開發(fā)，AngularJs相對成熟，同時它的雙向綁定機(jī)制對于數(shù)據(jù)流操作較多的軟件有明顯的優(yōu)勢。采用Cordova，當(dāng)html無法達(dá)到原生功能時可以通過編寫插件的方式進(jìn)行擴(kuò)展，這樣也能達(dá)到較好的用戶體驗。

3.Angularjs技術(shù)

AngularJs引入了指令、控制器、服務(wù)、過濾器等概念，強(qiáng)制開發(fā)者養(yǎng)成良好的編程習(xí)慣，實現(xiàn)了前端的MVC，指令用于對DOM節(jié)點的操作同時也是DOM節(jié)點與控制器之間數(shù)據(jù)交流的橋梁，控制器負(fù)責(zé)與后端API進(jìn)行交互，獲取數(shù)據(jù)，并建立一定的模型進(jìn)行數(shù)據(jù)的存儲。同時控制器也是進(jìn)行數(shù)據(jù)處理的地方，當(dāng)數(shù)據(jù)到達(dá)后，在控制器中進(jìn)行一定的處理后再在頁面上呈現(xiàn)。

服務(wù)采用單例的模式，并且在整個應(yīng)用的生命周期中將永遠(yuǎn)存在，這樣服務(wù)就有了數(shù)據(jù)交換橋梁的作用，當(dāng)我們進(jìn)入不同頁面時，框架將調(diào)用相應(yīng)的控制器，進(jìn)行數(shù)據(jù)的加載，我們可以通過url在控制器之間傳遞數(shù)據(jù)，但有些敏感數(shù)據(jù)，我們就可以利用服務(wù)來存儲數(shù)據(jù)再在另一個控制器中取得數(shù)據(jù)。

還有一些組件是我們經(jīng)常使用的，它們不存儲數(shù)據(jù)，只是具有某種邏輯處理的功能，這些功能我們會經(jīng)常使用，這樣我們也可以利用服務(wù)單例的特性，建立一些服務(wù)，提供邏輯處理方法，這樣減少每次使用時都要重新申請對象的開銷。AngularJs內(nèi)置了一些常用服務(wù)，我們常用的為路由，http服務(wù)。其中http服務(wù)為異步的，這樣使我們在操作數(shù)據(jù)時不至于導(dǎo)致整個進(jìn)程阻塞。

為了對異步的支持，Angular提供了Promise，使得我們能夠很快編寫異步方法，實現(xiàn)業(yè)務(wù)邏輯。過濾器的引入，使得數(shù)據(jù)處理更加結(jié)構(gòu)化，我們可以自定義過濾器，將數(shù)據(jù)格式化的方法進(jìn)行抽象，這樣在需要數(shù)據(jù)格式化的時候就可以調(diào)用，以達(dá)到統(tǒng)一管理的目的。

4.Cordova封裝

Cordova應(yīng)用各個平臺提供的webview特性，對各個平臺的webview編寫相同的接口，實現(xiàn)各個平臺調(diào)用的一致性，將HTML，css，js等文件封裝進(jìn)app中，這樣客戶端加載相應(yīng)的文件，通過js同服務(wù)器端API交互，進(jìn)行數(shù)據(jù)的加載。這樣可以實現(xiàn)較為良好的原生體驗。

針對安卓平臺的碎片化，我們還可以安裝Cordova插件CrossWalk，CrossWalk通過在Cordova中嵌入瀏覽器引擎的方式，解決安卓平臺webview的差異性問題。Cordova的插件機(jī)制也使得我們更容易擴(kuò)展應(yīng)用。HTML的接口相對原生接口來說還是限制比較大，這樣我們可以通過插件的機(jī)制調(diào)用原生接口，實現(xiàn)較為良好的體驗。

5.技術(shù)展望

Angular框架能夠解決我們遇到的大部分問題，但許多開發(fā)過程中會遇到路由返回時頁面刷新的問題，這樣用戶跳轉(zhuǎn)頁面后再返回就無法保證還原離開時的狀態(tài)，用戶體驗極其差，雖然現(xiàn)在也有相應(yīng)的解決方案，但解決的不夠優(yōu)雅。其機(jī)制為當(dāng)用戶跳轉(zhuǎn)到其他頁面時隱藏當(dāng)前view，同時保存控制器，當(dāng)返回時在將頁面顯示。這樣也帶來了問題，頁面不知道何時去刷新，這樣我們還要控制手動刷新的邏輯。

如果AngularJs在后期能夠引入和Android類似的任務(wù)棧機(jī)制，能夠很好地解決這一問題，也能夠吸引更多的人來接觸Angularjs技術(shù)。

參考文獻(xiàn)

［1］高尚.Ajax/REST架構(gòu)的研究與開發(fā)框架的實現(xiàn)［J］.北京郵電大學(xué)，2008.

［2］格林，夏德瑞，大漠窮秋.用AngularJS開發(fā)下一代Web應(yīng)用［J］.中國科技信息，2013（23）.

［3］馮晨超.基于AngularJS的物品和用戶查詢模塊的設(shè)計與實現(xiàn)［D］.南京大學(xué)，2014.

［4］董英茹.簡談AngularJS在下一代Web開發(fā)中的應(yīng)用［J］.軟件工程師，2015，05：30-31.

Implementation of campus social networking platform based on tag system

Abstract:Social applications accounted for half of the current application market ， but most applications are faced with the problem of removing homogenization ， the commonest way in which these applications selected to use is to give users different social definitions. WeChat， QQ and momo，These different social applications are able to meet the psychological needs.The tag -based system is completely set aside the relationships between people，and entirely builds the links between people and items，this will produce more connected relationships，and delivery of messages will be more accurate.The time and cost of developing Cross-platform applications will be reduced obviously.

Keywords:tag； cross-platform； social-network