沈東旭 白建 姚嘉明 張晶

摘要：現(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è)計存在一定的差距。