沈東旭 白建 姚嘉明 張晶
摘要:現(xiàn)如今隨著互聯(lián)網(wǎng)的深入發(fā)展,移動營銷、移動服務(wù)已經(jīng)逐漸成為主流。隨著生活水平的提高,人們對社區(qū)的活動和管理也越來越注重。為了更好地提供社區(qū)服務(wù),在注重社區(qū)服務(wù)的同時,針對社區(qū)的服務(wù)系統(tǒng)的要求也有所提高,社區(qū)管理系統(tǒng)的設(shè)計與開發(fā)是必要的??旃?jié)奏的數(shù)據(jù)信息時代,移動終端的手機成為每個人接收信息的載體,而微信則是人們使用最多的App之一,且微信目前也是移動端網(wǎng)站最好的載體。選用微信小程序平臺作為開發(fā)平臺,對社區(qū)管理系統(tǒng)進(jìn)行分析和設(shè)計,在此基礎(chǔ)上研究社區(qū)用戶需求及與社區(qū)用戶相關(guān)政策的實時更新,使得社區(qū)服務(wù)不斷完善,從而設(shè)計出更符合市場、用戶需求的社區(qū)管理系統(tǒng)。
關(guān)鍵詞:微信;小程序;App;社區(qū)管理
中圖分類號:TP393 文獻(xiàn)標(biāo)識碼:A
文章編號:1009-3044(2020115-0126-02
隨著互聯(lián)網(wǎng)的深入發(fā)展,移動技術(shù)的投入數(shù)據(jù)增長得特別快,遠(yuǎn)遠(yuǎn)的高于其他平臺的增長,微信目前是移動端網(wǎng)站最好的載體,微信小程序已經(jīng)完全融入移動服務(wù)技術(shù)的發(fā)展趨勢。由于智能移動設(shè)備在中國大面積普及,移動設(shè)備的App成為多數(shù)人的首選,但由于App需要在移動端下載及注冊,且開發(fā)成本相對于微信小程序來說偏高,因此微信小程序成為微信用戶最主要的使用功能之一。通過微信可以大大增加網(wǎng)站的訪問人口,如朋友圈與好友直接分享鏈接、二維碼、微信公眾號、微信小程序等等。那么基于微信小程序平臺的社區(qū)管理系統(tǒng),讓社區(qū)管理及服務(wù)更加簡單、方便。
微信是眼下國內(nèi)最熱門的通訊App,社區(qū)管理系統(tǒng)使用微信小程序平臺,讓社區(qū)服務(wù)更加簡單、便捷,以微信小程序作為人口,用戶可以通過微信賬號自動注冊,且登錄過程用戶可以一鍵登錄,避免注冊的煩瑣。同時,為了用戶的使用體驗更好,利用微信小程序收集數(shù)據(jù)進(jìn)行分析,為用戶提供更貼心的社區(qū)服務(wù)。
微信小程序開發(fā)采用JavaScript、WXML、WXSS技術(shù)進(jìn)行,JavaScript技術(shù)是其代碼在微信App中運行,而不是在瀏覽器里運行,因此微信App需要提供對應(yīng)的APl支持。WXML類似于HTML語言,WXML(WeiXin Markup Language)是框架設(shè)計的一套標(biāo)簽語言,結(jié)合基礎(chǔ)組件、事件系統(tǒng),可以構(gòu)建出頁面的結(jié)構(gòu)。WXML是基于XML語法開發(fā)的微信的語言,具有數(shù)據(jù)綁定、列表渲染、條件渲染、模板、事件、引用等能力。WXSS(weiXin Style Sheets)是一套樣式語言,用于描述WXML的組件樣式,具有CSS的大部分特性,用來決定WXML的組件應(yīng)該怎么顯示。微信的架構(gòu),是數(shù)據(jù)驅(qū)動的架構(gòu)模式,頁面的更新都需要通過對數(shù)據(jù)更新來實現(xiàn),uI和數(shù)據(jù)是分離的。
微信小程序分為webview和appService。uI主要通過web-view來展現(xiàn),appService是用來處理數(shù)據(jù)、業(yè)務(wù)和調(diào)用接口。運行過程中,通過系統(tǒng)層JSBridge進(jìn)行通信,實現(xiàn)uI的渲染以及時間的處理等。
該設(shè)計涵蓋了目前主流金融App的主要功能,包括社區(qū)福利,社區(qū)新聞等功能,并對其進(jìn)行改進(jìn)與創(chuàng)新。
1可行性分析
作為社區(qū)管理App,在安全性和實時性穩(wěn)定的基礎(chǔ)上,設(shè)計的目的是提高用戶的體驗,使軟件的操作更為簡捷?;谖⑿判〕绦蜷_發(fā)平臺,省去App煩瑣的下載,通過搜索和掃一掃就可以打開,更容易宣傳和獲取用戶信息。與App開發(fā)成本相對比,微信小程序開發(fā)成本較低,且微信小程序有原生的內(nèi)置組件,對于web的擴展能力更強大,體驗更好,減輕對webview的渲染工作,可以繞過setData數(shù)據(jù)通信和重渲染流程,且微信小程序基于Exparser框架,在JS環(huán)境中運行,支持自定義組件,性能更好。安卓系統(tǒng)可以添加到移動端桌面,與原生Aop基本相同,微信自己擁有嚴(yán)格的審查流程,為用戶提供良好的安全保障。
2系統(tǒng)需求分析
基于微信小程序的社區(qū)管理系統(tǒng)的使用者基本為社區(qū)用戶,程序在功能上應(yīng)具備一些App的主流功能,并且可以實時將最新政策更新至社區(qū)新聞。本社區(qū)用戶能夠注冊和登錄該系統(tǒng),社區(qū)新聞應(yīng)實時隨著每天的政策第一時間更新。通過每個界面的搜索信息能搜索到社區(qū)用戶需求的相關(guān)界面的信息,并且巧用微信的搜索功能來搶排位。社區(qū)互動里通過咸魚商場來推動國家提倡物品的二次利用。與附近的有相同興趣愛好的社區(qū)用戶可以相約一起交流,使社區(qū)生活更加融洽。通過附近娛樂展現(xiàn)附近的小程序領(lǐng)取各種優(yōu)惠券等,小程序自動展現(xiàn)給周邊5km內(nèi)的微信用戶,所有符合條件的小程序能被免費曝光。做一個小程序,相當(dāng)于給店鋪增加10倍曝光的機會。同時還需開發(fā)針對管理員的后臺管理系統(tǒng),主要用于發(fā)布新聞、用戶管理、熱門新聞推送和訂單管理等。如圖1所示。
3社區(qū)管理系統(tǒng)的功能及設(shè)計
社區(qū)管理系統(tǒng)的功能包括:登錄及驗證、社區(qū)新聞、搜索、咸魚商城、附近娛樂、約友。
微信小程序的登錄及驗證,點擊“我的”即可進(jìn)入該頁面,該頁面顯示社區(qū)用戶的注冊個人信息,包括頭像、用戶名、所屬地區(qū)和性別等,這些信息均是通過微信獲取。用戶在尚未登錄的情況下可使用該小程序。用戶進(jìn)行注冊時,小程序端wx log-in獲取code并wx request提交code給服務(wù)器,用WX~login獲取登錄憑證code。服務(wù)器提交Appid、appSecret、code到微信方服務(wù)器,獲取session_key&openid。服務(wù)器根據(jù)session_key&ope-nid生成3rd_sessio,并返回3rd_session到小程序端。小程序端wx getUserInfo獲取用戶信息和wx.getStorage獲取3rd_session數(shù)據(jù),根據(jù)這兩項參數(shù)獲取到注冊用戶的基本信息,服務(wù)器SQL用戶會將數(shù)據(jù)信息更新,自動注冊并保存在數(shù)據(jù)庫中。如圖2所示。
社區(qū)管理系統(tǒng)微信小程序的首頁為搜索和社區(qū)新聞界面,內(nèi)容主要有搜索框。通過頂部的搜索框可以搜索社區(qū)用戶需求的相關(guān)信息,然后進(jìn)入信息詳情頁面。社區(qū)新聞設(shè)置在搜索框下面,首先顯示的是社區(qū)要聞,要聞下面是一個輪播圖,主要顯示當(dāng)日頭條,圖片會自動切換,也可以通過滑動屏幕切換。點擊圖片可以進(jìn)入新聞詳情頁。輪播圖下方是社區(qū)實時新聞列表,下拉可以加載更多關(guān)于社區(qū)的新聞。
社區(qū)互動內(nèi)容主要有搜索框,tab標(biāo)簽。通過頂部的搜索框可以搜索到社區(qū)用戶需求的相關(guān)信息,然后進(jìn)入信息詳情頁面。點擊tab標(biāo)簽可以對社區(qū)互動進(jìn)行分類,可以分為咸魚商城、附近娛樂、約友??梢酝ㄟ^搜索框來搜索二手物品,附近的娛樂場所及約友信息等,每個界面能搜索到社區(qū)用戶需求的相關(guān)信息,并且巧用微信的搜索功能來搶排位,設(shè)置標(biāo)題時標(biāo)題不能太短,建議使用長尾標(biāo)題,關(guān)鍵詞描述優(yōu)化。
4系統(tǒng)測試
在社區(qū)管理系統(tǒng)完成之后需要對整個系統(tǒng)的各個功能模塊進(jìn)行測試,來驗證其是否能正常運行。為了系統(tǒng)的完整性與用戶體驗,首先要測試的是前端頁面的功能邏輯是否正常,然后對數(shù)據(jù)的提交,后端數(shù)據(jù)的處理進(jìn)行檢驗,確保沒有嚴(yán)重的錯誤。
5總結(jié)
本系統(tǒng)基于微信小程序技術(shù)進(jìn)行開發(fā),采用Exparser框架作為實現(xiàn)框架,在Js環(huán)境中運行,支持自定義組件?;诎沧肯到y(tǒng)可以添加微信小程序到移動端桌面,與原生App基本相同,且微信自己擁有嚴(yán)格的審查流程,為用戶提供良好的安全保障,除此之外還有更多的人性化服務(wù)。本系統(tǒng)擁有簡潔和易于使用的特點,但是還是存在很多的不足之處,比如在很多關(guān)鍵點都沒有設(shè)置一些提示信息,如防止用戶操作錯誤的提示。雖然系統(tǒng)能夠很好地滿足實際應(yīng)用,但是由于在設(shè)計時沒有豐富的社區(qū)管理經(jīng)驗,因此對業(yè)務(wù)的理解和設(shè)計存在一定的差距。