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

?

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

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

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

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

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

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

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

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

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

3.Angularjs技術(shù)

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

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

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

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

4.Cordova封裝

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

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

5.技術(shù)展望

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

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

參考文獻(xiàn)

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

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

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

［4］董英茹.簡(jiǎn)談AngularJS在下一代Web開(kāi)發(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