MINA框架:“微行工大”校園互助平臺設計與開發*

鄭鋒 李旭 劉可歆 趙以洋 李祥宇

(安徽工業大學公共管理與法學院,安徽馬鞍山 243000)

0 引言

《國民經濟和社會發展第十四個五年規劃綱要》中要求提升便利度和改善服務體驗為導向,推動生活性服務業向高品質和多樣化升級,推進線上線下全渠道滿足消費需求。伴隨著經濟水平和移動通信技術的快速發展,互助共享的生活方式結合互聯網+的時代背景,讓便捷生活成為可能。線上外賣、共享單車等行業的崛起,離不開“互聯網+互助共享”的模式。

現階段的微信小程序,已經涉及眾多領域,包括飲食、政務、出行等方面。2020年,小程序每日活躍人數已經超過4億人次,全年交易額同比增長超100%。微信小程序既為用戶免去繁瑣的安裝和管理流程,也為開發者開發提供了新的選擇。

筆者采用微信云開發功能進行校園互助系統的開發工作,擬設置“用戶模塊”“互助共享模塊”“閑置商城模塊”“互動評論模塊”“校園信息模塊”等5個模塊,解決校園需求和服務供給的對接問題,作為校園互助領域的初步嘗試。

1 技術分析

MINA框架是微信小程序特有的開發框架,運行機制為“響應——綁定”模式,微信小程序需要的接口均在框架中。該框架淡化了后端概念,只包括視圖層以及邏輯層。開發者利用云數據庫進行數據修改,邏輯層實現,視圖層更新,MINA框架如圖1所示:

圖1 MINA框架示意圖Fig.1 Schematic diagram of MINA framework

1.1 頁面視圖層

頁面視圖層為用戶操作界面,將邏輯層實現的數據信息渲染至前端頁面。每個完整的微信小程序頁面包含一套WXML、WXSS、js和json文件,WXML文件全稱為WeiXin Markup Language,類似于HTML文件,用于描述小程序頁面結構;WXSS文件全稱為WeiXin Style Sheet,類似于CSS文件,用于架構小程序頁面樣式。MINA框架文件功能表如表1所示。

表1 MINA框架文件功能表Tab.1 MINA framework file function table

1.2 邏輯交互層

微信小程序邏輯層主要使用JavaScript語言處理程序數據的邏輯交互部分,實現用戶與程序的交互功能。邏輯層接受用戶操作而產生的事件和數據,根據一定的規則和方法進行邏輯處理。頁面視圖層次根據邏輯層反饋的處理結果進行頁面的重新渲染。

2 校園互助平臺程序設計

2.1 程序體系架構

校園互助共享平臺整體分為普通用戶、審核員以及后端管理三個部分,程序體系架構如圖2所示。開發者利用微信公眾平臺的快速、便捷的需求,擬設置以下功能:(1)用戶模塊;(2)互助共享模塊;(3)閑置商城模塊;(4)互動評論模塊;(5)校園信息等5個模塊。

圖2 程序體系架構示意圖Fig.2 Schematic diagram of program system architecture

2.2 功能模塊設計

2.2.1 用戶模塊

用戶模塊利用微信提供的接口獲取用戶微信信息,進行注冊登錄,添加進入云數據庫,快速建立用戶體系。用戶登錄之后,可以修改個人資料,關注平臺用戶。微信用戶也只有注冊登錄后,才允許任務發布、互動評論等。

2.2.2 互助共享模塊

互助共享模塊是平臺的主要功能,主要用于展示任務內容,用戶登錄后,可以進行發布任務、瀏覽任務等流程。審核員直接在小程序中進行任務審核,審核通過即可成功發布,發布用戶也能時刻關注任務審核動態。

2.2.3 閑置商城模塊

閑置商城是互助共享概念之一。用戶可以通過閑置商城功能發布閑置物品,也就是說,閑置商城模塊功能將平臺中有物品交換需求的用戶獨立出來,供有需求的同學在該模塊對閑置物品進行瀏覽、挑選和購買。

2.2.4 校園信息模塊

游客和用戶免費進行信息瀏覽。開發者利用開發者最高權限,通過控制臺對校園信息進行維護更新,用戶以及審核員都不能對校園信息進行修改,可以通過意見反饋提供修改意見。

2.2.5 互動評論模塊

平臺用戶可以在每個任務下進行評論。同時,用戶之間也可以直接溝通和交流。管理員對互動評論擁有最高權限,可以在云開發控制臺管理所有互動信息,進行刪除、更新等操作。

2.3 數據庫設計

根據系統功能模塊設計及ER模型的基本屬性,可以分析出互助共享平臺的實體—聯系模型(ER模型)。如圖3所示。

圖3 系統E-R模型分析Fig.3 System E-R model analysis

根據E-R模型,筆者將審核員功能放入用戶實體之中,作為特殊用戶;用戶與任務、任務種類與任務、用戶與閑置商品之間關系為1∶N,故省略關系表。數據庫邏輯設計如下文所示(主碼為橫線下劃線,外鍵為波浪下劃線):

Uesr(Uid、Gender、Nickname、Age、Concern、Fans、isAdmin、Region、PhoneNumber);

Task(Tid、Uid、Check、Received、Finished、OrderTime、FinishTime、Comment、Browse);

NetShop(Bid、Bname、Uid、Date、Saled);TaskClass(TCid、Tid、Class);

3 校園互助平臺程序實現

3.1 用戶模塊測試

用戶通過微信授權登錄時,云端獲取用戶的_openid,識別用戶身份,并通過button組件的getUserInfo,獲取用戶微信信息,并添加至云數據庫,系統判別用戶是否為審核員,若為,在前端渲染時添加信息審核功能,登錄系統之后,用戶可以選擇修改個人資料,用戶之間也可以發起直接聊天交流,用戶登錄-互動界面如圖4所示。

圖4 用戶登錄-互動示意圖Fig.4 User login-interaction diagram

3.2 互助共享模塊測試

(1)任務發布功能。用戶進入平臺后,可以直接發布任務,任務提交后,發布會用戶可查看任務狀態,審核通過即可發布,用戶隨時可以完結任務,任務發布流程如圖5所示。

圖5 用戶任務發布流程示意圖Fig.5 Schematic diagram of the user task release process

(2)閑置商城功能。用戶可以從主界面進入閑置商城界面,也可以在用戶界面-我的商品添加、查看和刪除自己發布的商品。閑置商品發布流程如圖6所示。

圖6 閑置商品發布流程示意圖Fig.6 Schematic diagram of idle product release process

4 結語

本程序的概念基于非正式社群的互助共享理念,覆蓋多方位領域,應用前景樂觀。測試中,用例數量較少,普適性和平臺承載力仍需進一步檢驗。之后,微信小程序功能會日益強大,在“互聯網+互助共享”領域繼續探索,一是將個人作為節點,形成網格化的校園互助網絡;二是校園互助內容更加廣泛,不僅止于日常任務、閑置商品,學院、學校舉辦的大型活動都能有所涉及,將校園需求和服務供給,內部聯系起來,提升整體工作效率和滿意度。