基于微信小程序的校園公益幫幫團(tuán)設(shè)計(jì)與實(shí)現(xiàn)

王建 羅政 王章琳 歐陽(yáng)明樂(lè) 胡森苗 楊元維

摘要：當(dāng)前，隨著計(jì)算機(jī)技術(shù)的不斷普及，人們獲取信息的方式更加傾向于計(jì)算機(jī)網(wǎng)絡(luò)，但是當(dāng)下許多高校對(duì)于學(xué)生獲取信息服務(wù)不能滿足學(xué)生的日常需求。基于微信小程序的校園公益幫幫團(tuán)系統(tǒng)前端由uni-app進(jìn)行構(gòu)建，后端由java的ssm框架構(gòu)建，前后端之間交互由ajax實(shí)現(xiàn)，校園公益幫幫團(tuán)微信小程序旨在為校園建立一個(gè)方便學(xué)生發(fā)布需求及發(fā)布幫助的校園微幫平臺(tái)，適應(yīng)當(dāng)下網(wǎng)絡(luò)新形式，信息化學(xué)校信息服務(wù)將學(xué)校生活與學(xué)生生活密切結(jié)合。

關(guān)鍵詞： 微信小程序; ssm; 校園公益; uni-app

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

文章編號(hào)：1009-3044（2020）24-0085-02

Abstract：At present， with the continuous popularization of computer technology， the way people obtain information is more inclined to computer networks. However， many colleges and universities currently cannot meet the daily needs of students for obtaining information services for students. The front end of the campus charity help system based on the WeChat applet is constructed by uni-app， the back end is constructed by the Java SSM framework， and the interaction between the front and back ends is realized by AJAX. The campus charity help group WeChat applet is designed to be built for the campus A campus micro-help platform that is convenient for students to post their needs and release help， adapting to the new form of the current network， informatizing school information services， and closely integrating school life with student life.

Key words：wechat mini program; ssm; campus charity; uni-app

1 引言

微信小程序是騰訊推出的一款輕量級(jí)應(yīng)用，在當(dāng)前網(wǎng)絡(luò)技術(shù)和智能終端設(shè)備迅速發(fā)展的情況下，可以使用戶感受不到程序的下載和安裝 [1]。目前大部分高校中校園活動(dòng)等信息零散，傳播范圍有限，而利用微信小程序開(kāi)發(fā)，不僅具有龐大的潛在用戶群體，而且對(duì)校園用戶十分友好，能提高了信息的流通性。同時(shí)對(duì)于校園用戶者來(lái)說(shuō)，小程序具有以下幾大優(yōu)點(diǎn)：設(shè)計(jì)合理與微信綁定，使用成本低，對(duì)開(kāi)發(fā)者友好，這也使得小程序能夠在學(xué)校環(huán)境中迅速獲得大量關(guān)注。本系統(tǒng)不僅可以幫助校園營(yíng)造文明安全的環(huán)境，也可以為學(xué)生增加一個(gè)互利互通的渠道，提高學(xué)校內(nèi)部信息的傳遞，使資源得到充分利用。

2 需求分析與系統(tǒng)設(shè)計(jì)

2.1 需求分析

通過(guò)對(duì)高校學(xué)生的調(diào)研和分析，發(fā)現(xiàn)人們獲取信息的方式更加傾向于計(jì)算機(jī)網(wǎng)絡(luò)，但是當(dāng)下許多高校對(duì)于學(xué)生獲取信息服務(wù)做得不夠到位。研究發(fā)現(xiàn)高校學(xué)生的需求主要集中在學(xué)習(xí)和生活服務(wù)以及獲取需要的資源上面，主要包括信息化學(xué)校服務(wù)，將學(xué)校生活與學(xué)生生活密切結(jié)合，在大學(xué)校園生活當(dāng)中讓學(xué)生進(jìn)行信息和資源的交換，例如：支教活動(dòng)信息的轉(zhuǎn)播，敬老院服務(wù)人員的召集，二手物品交易，兼職招聘，活動(dòng)通知，約伴學(xué)習(xí)，轉(zhuǎn)專業(yè)無(wú)法查詢到新專業(yè)相關(guān)信息等等。通過(guò)觀察發(fā)現(xiàn)這些信息通常出現(xiàn)在社交平臺(tái)上面，傳播范圍有限，且信息比較零散，實(shí)際效果差[2]。為解決上述問(wèn)題，本系統(tǒng)旨在設(shè)計(jì)與開(kāi)發(fā)一個(gè)長(zhǎng)大公益校園幫幫團(tuán)微信小程序，系統(tǒng)分為四個(gè)大的模塊：任務(wù)展示、校園生活服務(wù)、任務(wù)發(fā)布和用戶登錄模塊。

2.2 系統(tǒng)體系架構(gòu)設(shè)計(jì)

該系統(tǒng)前端頁(yè)面主要使用了uni-app框架，使開(kāi)發(fā)更加的快速、簡(jiǎn)單和便捷，且一次開(kāi)發(fā)可以全端使用[3]。前端可以給后端發(fā)送請(qǐng)求獲取數(shù)據(jù)，再由前端處理之后可以利用uni-app框架方便的數(shù)據(jù)渲染功能渲染在頁(yè)面上。后端使用java的ssm框架進(jìn)行開(kāi)發(fā)，不僅可以與數(shù)據(jù)庫(kù)進(jìn)行交互，同時(shí)還可以發(fā)送https請(qǐng)求給微信服務(wù)器，從微信服務(wù)器獲取信息[4]，在后端進(jìn)行處理之后發(fā)送給前端進(jìn)行渲染和顯示。數(shù)據(jù)庫(kù)使用MySQL數(shù)據(jù)。系統(tǒng)總體架構(gòu)圖如下。

3 系統(tǒng)功能設(shè)計(jì)

針對(duì)需求分析進(jìn)行深入的研究，確定了系統(tǒng)的四個(gè)功能模塊，分別是用戶模塊，學(xué)習(xí)生活服務(wù)模塊，任務(wù)展示模塊，任務(wù)發(fā)布模塊。系統(tǒng)功能模塊圖如圖2所示。

3.1 用戶模塊

用戶模塊包括登錄功能，軟件相關(guān)說(shuō)明等。通過(guò)微信提供的API可以獲取微信用戶所對(duì)應(yīng)的唯一標(biāo)識(shí)OpenID，在方便用戶使用情況下，同時(shí)也提高了用戶賬戶的安全性[5]。且系統(tǒng)可以直接調(diào)用微信小程序提供的API來(lái)獲取用戶昵稱，微信頭像等基本信息，可以免去注冊(cè)流程，實(shí)現(xiàn)一鍵登錄。

3.2 學(xué)習(xí)生活服務(wù)模塊

學(xué)習(xí)生活服務(wù)模塊主要給用戶提供學(xué)習(xí)和生活服務(wù)。如查詢電費(fèi)，考試信息，老師信息等。查詢電費(fèi)信息可以提醒用戶交電費(fèi)，從而盡量避免出現(xiàn)寢室因?yàn)殡姏](méi)有電費(fèi)停電的情況。查詢考試信息，可以避免用戶錯(cuò)過(guò)一些重要的考試。查詢老師信息，可以在學(xué)生們有需要的時(shí)候可以了解到老師的信息，從而快速地找到老師。查詢課表信息，可以提醒用戶上課時(shí)間。查詢課程學(xué)分信息，可以提高用戶對(duì)課程的重要性的認(rèn)識(shí)。這些功能涵蓋了較為常見(jiàn)的一些學(xué)習(xí)和生活服務(wù)，可以滿足用戶對(duì)于高校信息服務(wù)方面的大部分需求。

3.3 任務(wù)展示模塊

任務(wù)展示模塊根據(jù)任務(wù)性質(zhì)不同對(duì)任務(wù)進(jìn)行了分類，分成了十個(gè)類別，主要有拼車服務(wù)，抱團(tuán)學(xué)習(xí)，期末學(xué)習(xí)，長(zhǎng)大騎行，公益活動(dòng)，二手交易，網(wǎng)絡(luò)交友，社團(tuán)活動(dòng)，消息咨詢，校園微幫。如長(zhǎng)大騎行可以和一些志同道合的騎友一起郊游騎行，公益活動(dòng)可以組織一些同學(xué)一起去附近參加公益活動(dòng)等。

3.4 任務(wù)發(fā)布模塊

任務(wù)發(fā)布模塊用來(lái)發(fā)布任務(wù)，可以根據(jù)自己的需要選擇某一任務(wù)類型，進(jìn)入任務(wù)發(fā)布頁(yè)面之后可以添加任務(wù)的照片，詳情等相關(guān)信息。信息填寫完成之后點(diǎn)擊發(fā)布就可以在首頁(yè)看到發(fā)布的任務(wù)。

4 系統(tǒng)功能實(shí)現(xiàn)

用戶進(jìn)入小程序時(shí)，首先進(jìn)行微信登錄驗(yàn)證，然后進(jìn)行學(xué)籍信息錄入，這樣保證了小程序的安全性，同時(shí)對(duì)于本校學(xué)生的用戶體驗(yàn)更佳，避免了因?yàn)橛脩暨M(jìn)行信息注冊(cè)時(shí)，輸入的信息不合理或者格式錯(cuò)誤，導(dǎo)致用戶體驗(yàn)下降。進(jìn)行首頁(yè)之后主要可以進(jìn)行商品更新瀏覽，用戶可以通過(guò)不同的類別按鈕，選擇加載不同類型的商品加載展示，同時(shí)通過(guò)點(diǎn)擊商品可查看具體信息。

用戶在點(diǎn)擊首頁(yè)的發(fā)布按鈕，可以根據(jù)需求進(jìn)行商品的類別選擇，并按照提示要求進(jìn)行商品的基本信息錄入等，即可進(jìn)行物品的發(fā)布。

在個(gè)人中心位置，用戶可以進(jìn)行查看自己已經(jīng)發(fā)布的商品，同時(shí)進(jìn)行基本的修改價(jià)格以及下架操作，同時(shí)也可以點(diǎn)擊進(jìn)行預(yù)覽操作。其他買家可以通過(guò)進(jìn)行對(duì)于類別的物品點(diǎn)擊，可以看到剛剛發(fā)布的具體內(nèi)容，同時(shí)提供了留言評(píng)論，查看賣家信息等操作。

信息服務(wù)主要包括學(xué)院特色展示以及校園生活信息積累，可以進(jìn)行老師基本信息查詢，方便與老師進(jìn)行及時(shí)的溝通，同時(shí)也提供課表查詢，學(xué)分查詢以及考試信息等服務(wù)，用戶可以通過(guò)選擇不同的功能進(jìn)行信息服務(wù)。

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

基于微信小程序的校園公益幫幫團(tuán)系統(tǒng)旨在為校園建立一個(gè)方便學(xué)生發(fā)布需求及發(fā)布幫助的校園微幫平臺(tái)，適應(yīng)當(dāng)下網(wǎng)絡(luò)新形式，信息化學(xué)校信息服務(wù)，將學(xué)校生活與學(xué)生生活密切結(jié)合。且可以幫助校園營(yíng)造文明安全的環(huán)境，也可以為學(xué)生增加一個(gè)互利互通的渠道，提高學(xué)校內(nèi)部信息的傳遞，使資源得到充分利用。

參考文獻(xiàn)：

[1] 曾惠霞，羅荻.基于微信小程序的校園導(dǎo)游播報(bào)系統(tǒng)的研究與實(shí)現(xiàn)[J].電子世界，2020（13）： 4-13.

[2] 崔秋麗.基于微信小程序的高校圖書館閱讀推廣策略[J].傳媒論壇，2020，3（14）： 7-106.

[3] 蔣坤伶，李振雄，梁成，等.基于微信小程序的“百通校園”的設(shè)計(jì)與實(shí)現(xiàn)[J].科技與創(chuàng)新， 2020（13）： 50-148.

[4] 李查瑋，吳艷霞，羅棋，等.基于微信小程序的地震儀器管理平臺(tái)研究[J].軟件導(dǎo)刊， 2020，19（6）： 20-117.

[5] 孫騰雷，畢昕宇，孫倩倩，等.基于微信小程序的疫情防控平臺(tái)的設(shè)計(jì)與實(shí)現(xiàn)[J].電子測(cè)試， 2020（13）： 9-77.

【通聯(lián)編輯：代影】