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

徐志杰 許忠維 吳昊

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

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

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

文章編號(hào)：1009-3044（2022）12-0041-02

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

1 引言

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

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

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

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

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

3.1 注冊(cè)賬號(hào)

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

3.2 配置開(kāi)發(fā)工具

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

3.3 創(chuàng)建項(xiàng)目

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

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

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

4.1 個(gè)人中心模塊

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

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

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

4.3 交友活動(dòng)發(fā)布

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

4.4 消息推送模塊

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

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

5.1 微信小程序端

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

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

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

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

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

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

6 結(jié)束語(yǔ)

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

參考文獻(xiàn)：

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

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

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

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

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

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