社區管理系統的設計與實現

沈東旭 白建 姚嘉明 張晶

摘要：現如今隨著互聯網的深入發展，移動營銷、移動服務已經逐漸成為主流。隨著生活水平的提高，人們對社區的活動和管理也越來越注重。為了更好地提供社區服務，在注重社區服務的同時，針對社區的服務系統的要求也有所提高，社區管理系統的設計與開發是必要的。快節奏的數據信息時代，移動終端的手機成為每個人接收信息的載體，而微信則是人們使用最多的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基本相同，且微信自己擁有嚴格的審查流程，為用戶提供良好的安全保障，除此之外還有更多的人性化服務。本系統擁有簡潔和易于使用的特點，但是還是存在很多的不足之處，比如在很多關鍵點都沒有設置一些提示信息，如防止用戶操作錯誤的提示。雖然系統能夠很好地滿足實際應用，但是由于在設計時沒有豐富的社區管理經驗，因此對業務的理解和設計存在一定的差距。