基于微信小程序的樹洞設計與實現(xiàn)

呂沛強 薛曉冉 任艷

（蘇州大學應用技術學院 江蘇省蘇州市 215325）

1 引言

隨著生活節(jié)奏加快，高強度的工作與學習使得越來越多的人陷入情緒壓力和心理障礙而無法及時排解情緒和表達真實內心世界。在當今科學技術高速發(fā)展的今天，針對于人們心理需求的一系列平臺也在不斷的開發(fā)應用，koala樹洞應運而生。

koala樹洞運用微信平臺小程序的便捷及無需安裝的優(yōu)勢，讓用戶通過掃描二維碼或搜索微信小程序應用名的方式，來使用koala樹洞的所有功能，為用戶提供一個安全和健康的分享平臺。

2 系統(tǒng)功能分析與設計

2.1 功能分析

本文所設計樹洞小程序目的是為用戶提供通過文字或者圖片的方式將生活點滴以及個人心情進行發(fā)布的平臺，以傳遞真實情感。由此本系統(tǒng)設計了三個模塊，分別是廣場模塊，發(fā)布模塊，個人模塊，系統(tǒng)的功能結構，如圖1所示。

圖1：系統(tǒng)功能結構圖

2.1.1 廣場模塊

廣場模塊顯示用戶發(fā)布的文字或者圖片，并且提供了點贊、刪除等功能。用戶可點擊感興趣的文字或圖片內容以查看詳情，并進入二級界面對其他用戶發(fā)布的內容進行回復，該模塊是系統(tǒng)的核心模塊。

2.1.2 發(fā)布模塊

發(fā)布模塊包含生活板塊與娛樂板塊兩個部分。生活板塊包括學習生活、心情吐槽、戀愛子模塊；娛樂板塊包括音樂、圖書、影視子模塊；用戶可以根據(jù)自己的需求進入相應模塊。

2.1.3 個人模塊

個人模塊提供更改頭像和姓名的功能，也可以顯示點贊、評論消息，加入樹洞一共多少天，以及提供反饋建議等。

2.2 功能設計

2.2.1 系統(tǒng)業(yè)務流程設計

本系統(tǒng)的業(yè)務流程，首先用戶進入小程序，系統(tǒng)會判斷是否第一次進入，如果是第一次進入則會進入授權界面，如果不是則進入廣場界面，在該界面中，用戶可以根據(jù)感興趣的內容進行點贊或者進入詳情頁進行回復。用戶也可以進入發(fā)布界面，自行選擇感興趣的板塊進行內容發(fā)布。如果用戶需要修改個人資料則進入個人界面，同時，在個人界面里提供了查看點贊和評論用戶個人發(fā)表內容的功能。其中發(fā)布功能的業(yè)務流程圖，如圖2所示。

圖2：發(fā)布功能流程圖

2.2.2 數(shù)據(jù)庫設計

本系統(tǒng)的數(shù)據(jù)庫是基于云開發(fā)所提供的JSON文檔數(shù)據(jù)庫進行設計完善，數(shù)據(jù)庫中的每條記錄都是一個 JSON 格式的對象。一個數(shù)據(jù)庫可以有多個集合（相當于關系型數(shù)據(jù)中的表），集合可看成一個 JSON 數(shù)組，數(shù)組中的每個對象就是一條記錄，記錄的格式是JSON 對象。

本系統(tǒng)數(shù)據(jù)庫包括4張表，分別為用戶資料表、點贊表、用戶回復表以及用戶發(fā)布表。其中，用戶資料表來存儲用戶個人信息，點贊表來判斷用戶是否點贊，用戶回復表來存儲每個用戶的評論內容，用戶發(fā)布表來存儲用戶發(fā)布的內容。本系統(tǒng)數(shù)據(jù)庫模型，如圖3所示。

圖3：數(shù)據(jù)庫模型

3 系統(tǒng)實現(xiàn)

3.1 系統(tǒng)架構的實現(xiàn)

本系統(tǒng)采用三層架構設計思想，分別是視圖層、邏輯層以及數(shù)據(jù)訪問層。其中：

（1）視圖層是所有.wxml文件與.wxss文件的集合。wxml用于描述頁面的結構，wxss用于描述頁面的樣式。

（2）邏輯層，由JavaScript完成，將數(shù)據(jù)進行處理后發(fā)送視圖層，同時接受視圖層的事件反饋。在程序中用戶可以發(fā)布信息，評論等。

（3）數(shù)據(jù)訪問層，包括用戶的數(shù)據(jù)信息、圖片以及發(fā)布內容的功能。本系統(tǒng)的照片上傳功能就是基于數(shù)據(jù)訪問層的云存儲，進行照片上傳及預覽。

3.2 登錄授權的實現(xiàn)

當用戶進入小程序時，系統(tǒng)通過判斷緩存中是否存在storage_info。如果存在storage_info，用戶將直接進入廣場界面。如果不存在，程序將調用微信小程序提供的getUserProfile接口來獲取用戶的Openid，姓名，頭像。并將其存入用戶資料表中。其中Openid是用戶的標志。每個用戶都有一個OpenID（加密后的微信號，每個用戶對每個微信號的OpenID是唯一的）。調用接口的同時將storage_info設置為1。

3.3 廣場界面與發(fā)布界面的實現(xiàn)

（1）當用戶進入廣場頁面時，系統(tǒng)會獲取數(shù)據(jù)庫中用戶發(fā)布表的的_openid以及其余的發(fā)布信息，將得到的_openid字段結合用戶資料表聯(lián)合查詢返回用戶具體資料存儲到數(shù)組DataPostArr中。當用戶下拉觸底時，系統(tǒng)則更新查詢語句中的limit與skip跳過已獲得的信息，將得到的新數(shù)組使用concat拼接到DataPostArr中。最后前端通過得到DataPostArr渲染到頁面中。

（2）發(fā)布界面支持發(fā)布文字和圖片。當發(fā)布文字時，通過調用cloud.openapi.security.msgSecCheck接口來檢測文字是否違規(guī)；當發(fā)布圖片時，通過調用wx.chooseImage()方法，從本地或者相冊獲得照片，并將本地臨時路徑通過云函數(shù)存儲到數(shù)據(jù)庫中。

廣場界面與發(fā)布界面的實現(xiàn)，如圖4所示。

圖4：廣場界面與發(fā)布界面

4 結論

基于微信小程序開發(fā)的樹洞，實現(xiàn)了用戶的生活記錄和情緒表達功能。通過個性化選擇發(fā)表模塊類型，用戶可以在廣場頁面中自由發(fā)表觀點，系統(tǒng)會及時給予用戶一定的反饋內容，高效、準確傳遞用戶的信息。未來將會對廣場界面構架、功能的細化和界面美化等方面進行更加深入研究，給予用戶最大選擇化的改善和優(yōu)化樹洞應用，從而進一步增加用戶良好的體驗感。