微信校園便捷服務(wù)平臺的開發(fā)與實現(xiàn)

劉波　黃情琴　李鑫科　劉連滴　蘇澤利　余文森

摘? 要：針對當(dāng)前大學(xué)校園信息傳播滯后、信息不夠全面等問題，本文基于微信小程序開發(fā)了微信校園便捷服務(wù)平臺。平臺擬在消除校園信息的發(fā)布主要是通過Web網(wǎng)站、派發(fā)傳單、粘貼廣告等方式而導(dǎo)致的傳播不及時、資源浪費等問題。該平臺采用云開發(fā)方式，應(yīng)用微信Web開發(fā)工具、云存儲、Html、CSS、JavaScript、jQuery庫等相關(guān)技術(shù)，實現(xiàn)了校園實時資訊、校園文化精神宣揚、學(xué)習(xí)資源共享和學(xué)習(xí)心得交流、閑置物轉(zhuǎn)贈等功能模塊，便于學(xué)生及時全面了解校園信息，激發(fā)學(xué)生的學(xué)習(xí)興趣，提升校園服務(wù)與管理水平。

關(guān)鍵詞：微信小程序;微校園服務(wù);云開發(fā)

中圖分類號：TP311.52 ? ? ?文獻標(biāo)識碼：A 文章編號：2096-4706（2019）22-0086-04

Abstract：In view of the problems of lagging information dissemination and incomplete information on university campus，the project have developed a convenient service platform for WeChat campus based on WeChat applet. The platform intends to eliminate the criticism that the publication of campus information is not timely and resources are wasted mainly by means of web sites，leaflets and advertisements. The platform adopts cloud development mode and applies related technologies such as WeChat Web development tools，cloud storage，Html，CSS，JavaScript，jQuery library，etc. to realize the functions of campus real-time information，campus cultural spirit promotion，learning resources sharing and learning experience exchange，idle material transfer，and so on. It is convenient for students to understand campus information in a timely and comprehensive manner，stimulate students’interest in learning，and improve the level of campus service and management.

Keywords：WeChat applet;micro-campus service;cloud development

0? 引? 言

隨著移動通信與互聯(lián)網(wǎng)技術(shù)的不斷發(fā)展，用戶使用各種移動通信工具上網(wǎng)的頻率大大提高，辦公效率以及生活質(zhì)量也隨之提升，可見移動互聯(lián)網(wǎng)在我們的生活中扮演著極其重要的角色。傳統(tǒng)的移動互聯(lián)網(wǎng)應(yīng)用主要是通過各種APP實現(xiàn)。然而APP需要安裝、更新、注冊、登錄等繁瑣的操作，使用非常不便，同時APP也容易造成內(nèi)存不足、信息泄露等問題[1]。2016年9月微信小程序內(nèi)測版推出后，較好地克服了上述問題，它是一種空間占用小、不用下載安裝就可以使用的應(yīng)用[2]。

微信小程序以微信平臺和移動網(wǎng)絡(luò)為基礎(chǔ)，能夠構(gòu)建各類信息系統(tǒng)并應(yīng)用于不同的場景中，它非常適合對龐雜的校園信息進行整合及服務(wù)集成[3]。為便利全校師生的學(xué)習(xí)生活，給師生們提供高質(zhì)量的信息服務(wù)，本文借鑒其他校園信息服務(wù)平臺的功能設(shè)計[4-6]，采用云開發(fā)方式，開發(fā)了一款基于微信小程序的微校園便捷服務(wù)平臺。一方面，該平臺可幫助宣揚校園文化精神，加速校園信息傳播，為用戶提供便捷服務(wù)。另一方面將微信小程序與校園信息相結(jié)合是發(fā)展的潮流，能夠?qū)⒏黝惖男畔⑦M行收集并分類，實現(xiàn)更加系統(tǒng)化的管理。

1? 系統(tǒng)概述

微信校園便捷服務(wù)平臺的初衷是服務(wù)于本校師生，便于快捷地發(fā)布校園資訊、失物招領(lǐng)、校園名人事跡等信息，讓校園師生更快速地了解并分享最新校園資訊。平臺主要應(yīng)用了Cloud Storage的API接口和JavaScript數(shù)據(jù)庫的jQuery實現(xiàn)了眾多功能，最大程度簡化代碼，使內(nèi)存占比和系統(tǒng)產(chǎn)生的cookies緩存最小化，如獲取用戶微信頭像、微信名信息、獲取地理位置、本地存儲、微信支付、城市選擇聯(lián)動、日期插件、抽獎插件、彈窗顯示等。這極大方便了開發(fā)工作者，提高了開發(fā)的效率。同時本平臺運用JavaScript完成網(wǎng)頁動態(tài)效果與數(shù)據(jù)交互的邏輯代碼。該平臺不僅有操作簡易、占用空間小等優(yōu)點，而且無需下載就可以使用，合理利用了空間內(nèi)存，便于對信息進行系統(tǒng)化管理。

2? 系統(tǒng)設(shè)計

2.1? 總體結(jié)構(gòu)設(shè)計

該平臺采用類似于PC機的B/S架構(gòu)模式，在手機上通過瀏覽器直接訪問，獲取相應(yīng)的服務(wù)和功能。據(jù)對系統(tǒng)的需求分析，微校園便捷服務(wù)平臺包含很多所需板塊信息，這些信息全都存儲到云開發(fā)的數(shù)據(jù)庫中，前端調(diào)用云存儲提供的API接口對數(shù)據(jù)庫進行增刪改查操作。分別包括書本信息實體、失物招領(lǐng)信息實體、校園資訊信息實體、校園名人信息實體;微校園便捷服務(wù)平臺應(yīng)分為前端與后端兩部分，前端界面包括主頁、發(fā)布、個人中心三大模塊，主頁模塊包含校園資訊、校園精神等信息;發(fā)布模塊可發(fā)布校園資訊、失物招領(lǐng)等信息;個人中心模塊展示個人收藏資訊與個人信息。該平臺后端負(fù)責(zé)審核用戶發(fā)布的信息，管理校園資訊信息、失物招領(lǐng)信息、校園名人資訊信息、書本信息等。并且進行邏輯結(jié)構(gòu)設(shè)計以確定微校園便捷服務(wù)平臺的每個數(shù)據(jù)實體。每個用戶可讀取多個書本信息，書本信息也可以同時被多個用戶使用，即多對多的聯(lián)系，而用戶與資訊信息實體、用戶與失物招領(lǐng)信息、用戶與名人信息實體的聯(lián)系也都是多對多的聯(lián)系，平臺的總體結(jié)構(gòu)如圖1所示。

2.2? 云儲存設(shè)計

本系統(tǒng)選擇了云存儲建立微校園便捷服務(wù)平臺的數(shù)據(jù)庫表，云開發(fā)提供JSON數(shù)據(jù)庫，數(shù)據(jù)庫中的每條記錄都是JSON格式的對象。數(shù)據(jù)庫可存在多個集合（類似于關(guān)系型數(shù)據(jù)中的表），集合可以看作JSON數(shù)組，而數(shù)組中的每個對象就是一條記錄，記錄的格式便是JSON的對象。JSON采用了完全獨立于編程語言的文本格式來存儲和表示數(shù)據(jù)，數(shù)據(jù)庫的操作能夠直接在小程序前端下載或上傳文件，控制可視化管理，還能夠直接對云存儲進行數(shù)據(jù)增刪改查操作。該小程序所需的數(shù)據(jù)表設(shè)計，如表1—表4所示。

2.3? jQuery庫

jQuery是一個輕便并且免費開源的JavaScript數(shù)據(jù)庫。它旨在寫更少的代碼完成更多的功能，能與各大主流瀏覽器很好地兼容，同時還增強了JavaScript的結(jié)構(gòu)，可以提供更美觀的動態(tài)頁面效果;只需引用該插件庫便能夠?qū)崿F(xiàn)城市選擇聯(lián)動、日期插件、抽獎插件和彈窗顯示等功能。jQuery庫語法相對簡單。通過對DOM的操作代碼與用jQuery語法相比較，后者實現(xiàn)相同的功能用到的代碼行數(shù)少得多[7]。這些優(yōu)點促使jQuery極為快速地流行起來。

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

3.1? 首頁模塊

用戶點擊登錄小程序后進入的頁面是主頁模塊，該模塊主要展示了該平臺的主體功能，分別有banner輪播部分、功能選擇，即存有四個子功能，再一部分是推薦的電影好詞佳句部分，若對某個推薦感興趣即可點擊“小愛心”圖標(biāo)進行收藏。首頁的排版如圖2所示。

3.2? 發(fā)布模塊頁面

用戶點擊tab部分中的“發(fā)布”按鈕，即可跳轉(zhuǎn)到發(fā)布模塊，該模塊中可選擇要發(fā)布的相應(yīng)信息，點擊確認(rèn)發(fā)布即可將信息上傳至服務(wù)器，待管理員審核通過后即可在相應(yīng)板塊顯示。發(fā)布排版如圖3所示，發(fā)布詳情信息如圖4所示。

3.3? 個人中心模塊頁面

點擊tab中“個人中心”按鈕跳轉(zhuǎn)到個人中心模塊，獲取用戶授權(quán)登錄的微信頭像和微信名等信息，顯示用戶收藏的校園資訊，個人中心模塊排版如圖5所示。

4? 結(jié)? 論

本文對微信校園便捷服務(wù)平臺的系統(tǒng)架構(gòu)進行了設(shè)計和實現(xiàn)，結(jié)合信息、生活、招領(lǐng)、社團、學(xué)習(xí)、文化、能人榜、圖書論壇八大模塊來對系統(tǒng)進行設(shè)計并且實現(xiàn)其功能。該平臺在校園資訊板塊整合了校園信息，如晚會、講壇、獻血、比賽、社團活動等方面的信息，學(xué)生可以通過此功能查看校園實時資訊，了解活動流程，報名參加校園社團活動，豐富校園生活，增加戶外體驗時間，讓用戶更加快速地了解到學(xué)校的實時信息，同時還能分享自己相關(guān)的動態(tài)。

參考文獻：

[1] 張夏晨，濮方正.信息化背景下基于微信平臺的校園資源共享——小程序的開發(fā)與使用 [J].計算機產(chǎn)品與流通，2019（1）：128.

[2] 黃榮，陳來斌，郭雪微，等.基于微信小程序的校園助手設(shè)計與實現(xiàn) [J].齊齊哈爾大學(xué)學(xué)報（自然科學(xué)版），2018，34（6）：44-46.

[3] 童瑩.Web導(dǎo)航欄實現(xiàn)技術(shù)研究 [J].電腦編程技巧與維護，2015（21）：23-24+30.

[4] 張智林，陰毅.基于微信小程序的O2O模式校園快遞的設(shè)計與實現(xiàn) [J].電子技術(shù)與軟件工程，2019（3）：34.

[5] 賀瑜.微信小程序推廣展望 [J].電腦知識與技術(shù)，2018，14（27）：279-280.

[6] 秦樂臻.基于微信小程序的智能聊天機器人的開發(fā) [J].電子制作，2018（24）：36-40.

[7] 王西凱.小程序也有大智慧——微信小程序在教育教學(xué)中的有效應(yīng)用 [J].中小學(xué)信息技術(shù)教育，2019（1）：73-75.

作者簡介：劉波（1998.12-），男，漢族，貴州畢節(jié)人，本科在讀，研究方向：計算機科學(xué)與技術(shù)，計算機應(yīng)用。