沈東旭 白建 姚嘉明 張晶


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