基于微信小程序的圈層式校園墻設(shè)計與實現(xiàn)

徐志杰 許忠維 吳昊

摘要：隨著科學(xué)技術(shù)的迅速發(fā)展，校園中校園墻所擁有的功能以及用戶也越來越多，同時大學(xué)生對其生活需求也越來越高，目前大多數(shù)校園墻采用微信或QQ個人用戶以及團(tuán)隊的形式存在，而當(dāng)今大學(xué)生希望能在校園里結(jié)交更多志同道合的朋友，以及需要實現(xiàn)失物招領(lǐng)、尋物啟事、活動發(fā)布、信息咨詢等功能。為此在對現(xiàn)有的校園墻使用現(xiàn)狀了解以及分析后，該小程序特色在于實現(xiàn)圈層式交友，并且實現(xiàn)大學(xué)生生活小功能，希望滿足大學(xué)生對校園墻的需求。

關(guān)鍵詞：微信小程序;圈層式;校園墻;云開發(fā)

中圖分類號：TP311.52? ? ? 文獻(xiàn)標(biāo)識碼：A

文章編號：1009-3044（2022）12-0041-02

開放科學(xué)（資源服務(wù)）標(biāo)識碼（OSID）：

1 引言

近年來，隨著移動互聯(lián)網(wǎng)技術(shù)的發(fā)展和移動設(shè)備的在校園的普及，大學(xué)生的交流頻率也在不斷增高，交友的欲望也很強(qiáng)烈，因此出現(xiàn)了校園墻，涉及大學(xué)生的日常生活以及交友，經(jīng)過對現(xiàn)有的校園墻進(jìn)行分析后，發(fā)現(xiàn)校園墻多為團(tuán)隊運(yùn)營一個特定的QQ和微信賬號，以朋友圈和QQ空間的形式存在，功能主要為尋物啟事、失物招領(lǐng)、活動以及信息的發(fā)布、交友等功能，信息的發(fā)布主要是圖文形式，而后可在朋友圈或QQ空間下進(jìn)行留言交流。這種形式存在一些缺點：1）難以實現(xiàn)發(fā)布者與用戶的及時聯(lián)系，需先添加發(fā)布者的聯(lián)系方式后才可進(jìn)行交流。2）失物招領(lǐng)方式常常面臨各種問題，如尋找過于分散，人工查找不便、執(zhí)行效率低、數(shù)據(jù)無法集中統(tǒng)一管理等問題，失物招領(lǐng)效果不佳[1]。3）交友活動較多但沒有分類，同學(xué)們通過活動結(jié)交志同道合的朋友效率較低。本文提出并設(shè)計一款圈層式交友的校園墻小程序，該程序可根據(jù)用戶的喜好向用戶精準(zhǔn)推薦合適的社交圈以及社交活動，滿足大學(xué)生交友的愿望，幫助大學(xué)生結(jié)交有共同愛好的朋友，同時又實現(xiàn)大學(xué)生日常生活的基本小功能。微信小程序的應(yīng)用開發(fā)具有周期短、流程簡單、測試時間短、跨平臺運(yùn)行等優(yōu)點，使其成為目前應(yīng)用廣泛的移動應(yīng)用程序[2]。

2 圈層式校園墻小程序的需求分析

圈層式校園墻主要針對同學(xué)們渴望通過活動結(jié)交更多志同道合的朋友的愿望而提出的，目的為不同愛好的同學(xué)們找到同氣相求的同學(xué)，同時又結(jié)合了當(dāng)前 QQ空間以及微信朋友圈校園墻的小功能，為同學(xué)們的大學(xué)生活帶來更多樂趣和便利。

經(jīng)過問卷調(diào)查得知，校園墻小程序需擁有以下功能：1）校園墻類小程序需要實現(xiàn)用戶及時的交流，不必另外進(jìn)行好友的添加，提升溝通的時效性。2）對用戶進(jìn)行分類，方便相同愛好的同學(xué)建立社交圈，以達(dá)到結(jié)交志同道合朋友的目的。3）為方便日常生活，還需要實現(xiàn)尋物啟事與失物招領(lǐng)的功能，對物品信息進(jìn)行完善以及分類，方便用戶搜索。4）日常消息的發(fā)布，如活動或者比賽以及校園、社會實時新聞。

3 系統(tǒng)開發(fā)流程

3.1 注冊賬號

在電腦上打開https：//mp.weixin.qq.com/，在頁面右上角單擊“立即注冊”，然后按要求填寫賬號信息，提交后點擊前往微信小程序，在設(shè)置面板中找到開發(fā)設(shè)置將APPID復(fù)制后存儲備用，同時點擊開發(fā)進(jìn)入云服務(wù)開通云開發(fā)功能。

3.2 配置開發(fā)工具

打開下列地址：https：//www.weixin.qq.com/debug/wxadoc/dev/devtools/download.html，選擇與電腦適配的版本下載安裝即可。

3.3 創(chuàng)建項目

打開開發(fā)者工具，使用微信掃碼登錄后點擊創(chuàng)建項目，設(shè)置項目名稱，填寫已獲取的AppID，并勾選使用云開發(fā)，確認(rèn)后創(chuàng)建成功。利用導(dǎo)航欄中的“編輯”可以查看和編輯代碼，利用“調(diào)試”可以 測試代碼并模擬小程序的客戶端效果，利用“項目” 可以將項目結(jié)果發(fā)送到手機(jī)瀏覽實際效果[3]。視圖層采用WXML和WXSS的微信前端語言，分別對應(yīng)頁面的結(jié)構(gòu)和樣式，與邏輯層的數(shù)據(jù)相結(jié)合后進(jìn)過渲染展現(xiàn)給用戶;邏輯層則采用JavaScript語言編寫，與視圖層的數(shù)據(jù)進(jìn)行交互和通信。同時也借助于微信小程序的API實現(xiàn)網(wǎng)絡(luò)請求、數(shù)據(jù)緩存、獲取數(shù)據(jù)等功能。后端系統(tǒng)則利用微信云開發(fā)的云函數(shù)、云數(shù)據(jù)庫等功能進(jìn)行數(shù)據(jù)的處理。

4 圈層式校園墻小程序的功能設(shè)計

小程序的主頁面框架分為“首頁”“尋物失招”“活動”“個人”四個模塊?！笆醉摗睘樾〕绦虻幕A(chǔ)部分，主要功能實現(xiàn)實時消息的推送，供用戶瀏覽了解;“尋物失招”部分用于實現(xiàn)日常的失物招領(lǐng)和尋物啟事，將物品的信息進(jìn)行分類，實現(xiàn)用戶的精確搜索;“活動”部分則是小程序的核心部分，首先基于用戶的個人資料，對用戶進(jìn)行分類后，為用戶推薦社交圈以及社交活動;“個人”為用戶部分，實現(xiàn)用戶登錄后對個人資料的填寫以及修改。小程序系統(tǒng)框架圖如圖1。

4.1 個人中心模塊

進(jìn)入小程序首先需進(jìn)入個人中心獲取用戶授權(quán)登錄，才可進(jìn)入其他功能模塊，若未進(jìn)行登錄則只可進(jìn)行瀏覽程序。個人中心模塊記錄了用戶的個人資料、發(fā)布的失物招領(lǐng)或?qū)の飭⑹乱约盎顒影l(fā)布等信息。登錄后填寫個人資料，系統(tǒng)根據(jù)用戶的個人資料中填寫的興趣愛好對用戶進(jìn)行分類。用戶還可以對已發(fā)布的失物招領(lǐng)、尋物啟事、活動信息進(jìn)行訪問。

4.2 失物招領(lǐng)與尋物啟事模塊

用戶登錄小程序后，在尋物失招頁面發(fā)布近日拾到或丟失的物品信息，填寫物品特征、丟失（拾到）時間、地點、發(fā)布者聯(lián)系方式等詳細(xì)信息，系統(tǒng)將根據(jù)填入的信息將物品分類，隨后用戶可在搜索欄對尋找的物品進(jìn)行搜索，搜索成功即可點擊進(jìn)入物品詳情頁面，查看物品信息，用戶確定是目的物品即可點擊發(fā)布者頭像與發(fā)布聯(lián)系，進(jìn)行線下約定后物歸原主[4]。

4.3 交友活動發(fā)布

當(dāng)用戶需要發(fā)布活動時，進(jìn)入界面新建活動后，首先選擇活動類型，隨后需根據(jù)提示輸入活動持續(xù)時間、地點、名稱等基本信息后發(fā)布活動，系統(tǒng)將優(yōu)先對該類型活動感興趣的用戶進(jìn)行推送，建立不同的社交圈方便同學(xué)們結(jié)交志同道合的朋友。活動發(fā)布后如需修改，訪問已發(fā)布活動即可進(jìn)行內(nèi)容的修改以及刪除，同時系統(tǒng)會將已結(jié)束的活動信息進(jìn)行刪除，避免信息的堆積而造成的問題。

4.4 消息推送模塊

消息推送模塊包含在首頁輪播圖下方，點擊后即可查看。輪播圖下方存在滑動瀏覽組件，用戶可滑動查看不同信息，其中包括兩部分：1）實時消息推送，校園實時信息以及社會新聞等，2）用戶動態(tài)發(fā)布，可進(jìn)行實時評論，同時也可對動態(tài)、評論進(jìn)行刪除和分享，用于發(fā)布日常生活的咨詢、表白、吐槽等信息，用戶之間可借此進(jìn)行日常的交流，實現(xiàn)傳統(tǒng)校園墻的溝通功能。

5 圈層式校園墻小程序的功能實現(xiàn)

5.1 微信小程序端

5.2 系統(tǒng)邏輯結(jié)構(gòu)

用戶進(jìn)入小程序后可進(jìn)入首頁等其他界面進(jìn)行信息瀏覽，若要實現(xiàn)不同模塊的具體功能則需要進(jìn)入個人中心界面進(jìn)行授權(quán)登錄，授權(quán)登錄的賬號才可獲取在首頁發(fā)布日常動態(tài)、發(fā)布失物招領(lǐng)等權(quán)限[5]，同時系統(tǒng)會自動識別用戶的openid來辨別是否為管理員，管理員可獲得最高權(quán)限，對他人發(fā)布的信息進(jìn)行審查、刪除，起到避免消息冗余、維護(hù)良好的網(wǎng)絡(luò)環(huán)境等作用。

5.3 數(shù)據(jù)庫設(shè)計

數(shù)據(jù)庫的設(shè)計師程序開發(fā)過程中的重要步驟之一，經(jīng)過對系統(tǒng)的需求分析后，做出數(shù)據(jù)庫的概念模型（E-R圖），其中實體之間存在一對一、一對多、多對多的三種聯(lián)系，具體如圖3所示。該程序使用的數(shù)據(jù)包括：1）用戶動態(tài)發(fā)布信息表，實現(xiàn)用戶發(fā)布動態(tài)時記錄用戶信息以及動態(tài)中的文字、圖片、視頻、評論等信息。2）尋物失招信息表，記錄不同用戶發(fā)布的失物招領(lǐng)與尋物啟事信息。3）活動內(nèi)容表，在用戶發(fā)布活動后記錄活動信息，根據(jù)活動內(nèi)容動態(tài)推薦給合適的用戶。

5.4 系統(tǒng)后端設(shè)計

鑒于微信開發(fā)中自帶有云服務(wù)功能，利用小程序內(nèi)提供給云函數(shù)調(diào)用的API以及云調(diào)用實現(xiàn)云函數(shù)功能，獲取用戶openid、unionid等，使得前端與服務(wù)器后端的數(shù)據(jù)能進(jìn)行交互;微信云開發(fā)的云存儲為微信小程序提供了存儲空間，可以上傳或下載文件，實現(xiàn)了對信息的調(diào)用和圖片的顯示;利用云數(shù)據(jù)庫的權(quán)限控制以及特有的API對數(shù)據(jù)進(jìn)行操作，實現(xiàn)信息的發(fā)布、刪除、編輯等功能。后臺界面圖如圖4所示。

6 結(jié)束語

本文介紹了基于微信小程序的圈層式校園墻小程序，通過該小程序，將大學(xué)生用戶進(jìn)行分類，對不同大學(xué)生推薦合適的交友活動，實現(xiàn)圈層式交友，同時又實現(xiàn)了現(xiàn)有校園墻的基本功能：日常信息交流、失物招領(lǐng)與尋物啟事。圈層式校園墻小程序提升了大學(xué)生交友效率，同時又滿足了大學(xué)生的日常交流和生活需求，為大學(xué)生美好的校園生活服務(wù)。

參考文獻(xiàn)：

[1] 宋龍生，倪勝巧.校園失物招領(lǐng)微信小程序的設(shè)計與實現(xiàn)[J].計算機(jī)時代，2021（10）：86-89.

[2] 郭燦杰.微信小程序在校園資訊系統(tǒng)中的應(yīng)用[J].河北軟件職業(yè)技術(shù)學(xué)院學(xué)報，2021，23（3）：10-14.

[3] 弋改珍.校園失物招領(lǐng)微信小程序的設(shè)計與開發(fā)[J].福建電腦，2021，37（11）：104-106.

[4] 王慶月，吳宇，張?zhí)鞂?基于微信小程序的失物招領(lǐng)系統(tǒng)開發(fā)[J].電子質(zhì)量，2020（10）：66-70.

[5] 陳嚴(yán)純，孟莉秋，徐博.基于微信小程序的高校大學(xué)生信息服務(wù)平臺設(shè)計[J].電腦編程技巧與維護(hù)，2022（1）：61-64.

【通聯(lián)編輯：謝媛媛】