鐘育群 曾浩杰 莊燦林 歐威敬 楊文茵

摘要：在信息化時(shí)代，很多高校自行舉辦的年度運(yùn)動(dòng)會(huì)卻依然在使用人工方式來管理數(shù)據(jù)，例如用紙記錄成績(jī)后再通過人工排序得出排名等。本文介紹一個(gè)運(yùn)動(dòng)會(huì)微信小程序的開發(fā)過程，實(shí)現(xiàn)了運(yùn)動(dòng)會(huì)線上報(bào)名、實(shí)時(shí)錄入成績(jī)、自動(dòng)實(shí)現(xiàn)成績(jī)排序等功能。這個(gè)小程序基于HTML5+CSS3樣式+JS腳本語言的Web前端技術(shù)與云開發(fā)來實(shí)現(xiàn)，該程序方便了校運(yùn)會(huì)的工作人員與運(yùn)動(dòng)員，提高了舉辦運(yùn)動(dòng)會(huì)的效率。

關(guān)鍵詞：運(yùn)動(dòng)會(huì);微信小程序;云開發(fā)

中圖分類號(hào)：TP311.52? ? 文獻(xiàn)標(biāo)識(shí)碼：A? ? 文章編號(hào)：1007-9416（2020）10-0000-00

1開發(fā)背景與研究現(xiàn)狀

各大高校、企業(yè)單位等每年都會(huì)舉行一次運(yùn)動(dòng)會(huì)。但不少運(yùn)動(dòng)會(huì)的管理效率很低，組織者依然采用傳統(tǒng)人工方式來管理運(yùn)動(dòng)會(huì)。例如：比賽前采用人工報(bào)名方式，用Excel表保存報(bào)名信息，比賽中用筆和紙記錄成績(jī)，比賽后通過人工排序方式得出排名等等。一方面，這種方式浪費(fèi)組織方、裁判員與運(yùn)動(dòng)員許多的精力與時(shí)間，例如報(bào)名、檢錄這些環(huán)節(jié)都特別繁瑣;另一方面，人工的工作方式容易出現(xiàn)差錯(cuò)導(dǎo)致工作效率低下，甚至出現(xiàn)記錄錯(cuò)誤或成績(jī)排名錯(cuò)誤，導(dǎo)致比賽的不公平現(xiàn)象出現(xiàn)。因此，校運(yùn)會(huì)信息化系統(tǒng)應(yīng)運(yùn)而生。然而，目前的校運(yùn)會(huì)信息化系統(tǒng)多為C/S或B/S結(jié)構(gòu)的校運(yùn)會(huì)信息數(shù)據(jù)后臺(tái)管理系統(tǒng)[1-2]，移動(dòng)端的運(yùn)動(dòng)會(huì)管理系統(tǒng)鳳毛麟角。但隨著微信小程序的出現(xiàn)，移動(dòng)端的輕量級(jí)運(yùn)動(dòng)會(huì)信息系統(tǒng)為運(yùn)動(dòng)會(huì)相關(guān)人員提供了一個(gè)便捷的數(shù)據(jù)管理手段。

微信小程序是一種不需要下載安裝即可使用的應(yīng)用，它實(shí)現(xiàn)了應(yīng)用“觸手可及”的夢(mèng)想，用戶只需要通過搜索小程序、掃描二維碼，通過公眾號(hào)的推送或者朋友的分享就可以用小程序，無需安裝，“用完即走”的理念，用戶不用關(guān)心是否安裝太多應(yīng)用的問題，成為取代手機(jī)客戶端APP的最佳選擇。微信為微信小程序提供了一套基礎(chǔ)組件庫，可以滿足開發(fā)的基礎(chǔ)開發(fā)需求，從而實(shí)現(xiàn)簡(jiǎn)單的快速開發(fā)。目前尚還未搜索到有關(guān)于運(yùn)動(dòng)會(huì)的微信小程序，只有零星體現(xiàn)運(yùn)動(dòng)會(huì)中某些功能的小程序，例如基于微信小程序的簽到系統(tǒng)[3]，通過設(shè)計(jì)微信小程序就能輕松實(shí)現(xiàn)簽到的功能，打破了傳統(tǒng)點(diǎn)名的方法。但尚未由能夠完整地實(shí)現(xiàn)運(yùn)動(dòng)會(huì)，尤其是針對(duì)高校運(yùn)動(dòng)會(huì)的微信小程序。

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

高“效”運(yùn)動(dòng)會(huì)微信小程序的整體開發(fā)架構(gòu)如圖1所示，前端代碼運(yùn)用了HTML語言，CSS樣式與JavaScript這三種語言的結(jié)合。而后臺(tái)的搭建主要是運(yùn)用了微信開發(fā)者工具的云開發(fā)控制臺(tái)，通過制定接口云函數(shù)在前端代碼中調(diào)用，以此實(shí)現(xiàn)前后臺(tái)的交互，以及數(shù)據(jù)的存儲(chǔ)。

圖1上半部分是本小程序的邏輯架構(gòu)，至上而下分為用戶層、應(yīng)用層、平臺(tái)層和基礎(chǔ)設(shè)施層。其中，用戶層負(fù)責(zé)處理用戶請(qǐng)求的網(wǎng)關(guān)，負(fù)載均衡等;應(yīng)用層負(fù)責(zé)業(yè)務(wù)處理，以友好的用戶界面為用戶提供所需的各項(xiàng)應(yīng)用軟件和服務(wù)，應(yīng)用層直接面向用戶需求;平臺(tái)層是中間件層，起承上啟下的作用，在基礎(chǔ)設(shè)施層提供的資源的基礎(chǔ)上為用戶提供服務(wù)，包括訪問控制，資源管理，數(shù)據(jù)庫和中間件等集群;基礎(chǔ)設(shè)施層是為中間層或用戶提供其所需的計(jì)算或存儲(chǔ)等資源。

圖1下半部分的云開發(fā)，是指云端一體化的后端云服務(wù)，它為開發(fā)者提供完整的原生云端支持和微信服務(wù)支持，弱化后端和運(yùn)維概念，無需搭建服務(wù)器，使用平臺(tái)提供的API進(jìn)行核心業(yè)務(wù)開發(fā)，即可實(shí)現(xiàn)快速上線和迭代。使用云開發(fā)可以構(gòu)建完整的小程序/小游戲、H5、Web、移動(dòng)App等應(yīng)用。

3系統(tǒng)功能設(shè)計(jì)與實(shí)現(xiàn)

本系統(tǒng)以提高校運(yùn)會(huì)的運(yùn)作效率和準(zhǔn)確性未宗旨，故命名為“高‘效運(yùn)動(dòng)會(huì)微信小程序”，以微信小程序作為用戶端軟件，主要面向高校運(yùn)動(dòng)會(huì)的用戶，實(shí)現(xiàn)運(yùn)動(dòng)會(huì)的線上報(bào)名、線上檢錄、線上成績(jī)錄入和成績(jī)排序等功能。本系統(tǒng)主要?jiǎng)澐譃樗姆N角色，包括賽事組織者，裁判員，運(yùn)動(dòng)員和普通游客，每種角色有與其身份相關(guān)的功能。

（1）賽事組織者。賽事組織者角色也就是活動(dòng)舉辦方，主要負(fù)責(zé)創(chuàng)建比賽中會(huì)舉行的項(xiàng)目比賽。賽事組織者在小程序首頁中創(chuàng)建比賽項(xiàng)目、安排賽程、設(shè)置比賽報(bào)名的參數(shù)、安排裁判員等工作人員的任務(wù)。

（2）裁判員。裁判員的功能主要有對(duì)運(yùn)動(dòng)員進(jìn)行檢錄、錄入運(yùn)動(dòng)員的比賽成績(jī)、申請(qǐng)重賽等功能。在進(jìn)入系統(tǒng)后，裁判員可以在個(gè)人頁中選擇人員檢錄一欄，選擇自己負(fù)責(zé)的比賽，對(duì)已提交檢錄信息的運(yùn)動(dòng)員進(jìn)行檢錄，在將其報(bào)名信息與提交的檢錄信息進(jìn)行對(duì)比之后，若沒有作弊的嫌疑即可通過檢錄。而在比賽期間，裁判員可將運(yùn)動(dòng)員的成績(jī)錄入系統(tǒng)中，即裁判員通過首頁的成績(jī)錄入入口，選擇自己負(fù)責(zé)的比賽，錄入對(duì)應(yīng)的運(yùn)動(dòng)員的成績(jī)信息。提交之后，其他人員即可在首頁成績(jī)排名一項(xiàng)查看運(yùn)動(dòng)員的成績(jī)。

（3）運(yùn)動(dòng)員。運(yùn)動(dòng)員具有報(bào)名參賽、查看比賽、賽事提醒、提交檢錄信息、退出比賽等功能。

1）參加比賽：運(yùn)動(dòng)員在完善相關(guān)信息之后，在比賽前規(guī)定時(shí)間內(nèi)，通過首頁點(diǎn)擊參加比賽按鈕進(jìn)入?yún)①愴撁?，在比賽?xiàng)目頁面里選擇自己想?yún)⒓拥谋荣愴?xiàng)目，進(jìn)入比賽詳情頁進(jìn)一步了解，點(diǎn)擊報(bào)名比賽按鈕，即可成功參加比賽。

2）查看比賽及退出比賽：成功報(bào)名的運(yùn)動(dòng)員可以在個(gè)人頁中的查看已報(bào)名的比賽項(xiàng)目的相關(guān)信息，以及項(xiàng)目參賽者名單。

3）賽事提醒：在比賽開始的前一天，系統(tǒng)會(huì)提醒運(yùn)動(dòng)員第二天需要參加的比賽項(xiàng)目的基本信息，例如參賽時(shí)間、參賽地點(diǎn)等。

4）檢錄：在比賽開始之前，運(yùn)動(dòng)員需要將自己的證件信息以及自己的實(shí)時(shí)位置進(jìn)行定位之后提交，以便于裁判員進(jìn)行檢錄，檢錄未通過的運(yùn)動(dòng)員則無法參加比賽，系統(tǒng)無法錄入其比賽成績(jī)。

5）退出比賽：在比賽開始的前一天，若運(yùn)動(dòng)員無法參加某項(xiàng)比賽，則可以在個(gè)人頁中的查看我的比賽一欄進(jìn)入自己無法參加的比賽項(xiàng)目的詳情頁，點(diǎn)擊退出比賽按鈕，即可退出該比賽項(xiàng)目。

（4）普通游客。普通游客角色在本系統(tǒng)中無需進(jìn)行個(gè)人資料的完善，在進(jìn)入本系統(tǒng)之后即可查看比賽的賽程安排以及已經(jīng)結(jié)束的比賽項(xiàng)目的運(yùn)動(dòng)員成績(jī)。普通游客角色的功能是本系統(tǒng)的基礎(chǔ)功能，也就是賽事組織者，裁判員，運(yùn)動(dòng)員這三種角色都擁有的功能。

4結(jié)語

本文研究采用云開發(fā)技術(shù)構(gòu)建高“效”運(yùn)動(dòng)會(huì)微信小程序的過程，該小程序?qū)崿F(xiàn)線上報(bào)名，在線檢錄、實(shí)時(shí)成績(jī)錄入及排序等功能，基于Web的前端技術(shù)（HTML5+CSS3樣式+JS腳本語言）與云開發(fā)后端技術(shù)實(shí)現(xiàn)。本系統(tǒng)的設(shè)計(jì)和實(shí)現(xiàn)成本低，代碼簡(jiǎn)潔，主要面向高校用戶，亦可推廣至各級(jí)學(xué)校及企事業(yè)單位使用，對(duì)于其它具有相似功能的系統(tǒng)也有一定的借鑒意義。

參考文獻(xiàn)

[1]李秋錦.基于Java和數(shù)據(jù)庫的學(xué)生運(yùn)動(dòng)會(huì)系統(tǒng)的開發(fā)[J].信息與電腦（理論版），2019（9）：72-73+76.

[2]李向園.校園運(yùn)動(dòng)會(huì)管理系統(tǒng)的設(shè)計(jì)[J].中國新通信，2016，18（2）：153.

[3]陳少涌，李哲夫，許曉旋，等.基于微信小程序的簽到系統(tǒng)設(shè)計(jì)與實(shí)現(xiàn)[J].中國教育信息化，2018（11）：87-92.

收稿日期：2020-08-18

基金項(xiàng)目：佛山科學(xué)技術(shù)學(xué)院大學(xué)生創(chuàng)新創(chuàng)業(yè)訓(xùn)練計(jì)劃項(xiàng)目（XJ2019192）;2018年廣東省高等教育教學(xué)研究和改革項(xiàng)目（2018-607）

作者簡(jiǎn)介：鐘育群（1998—），男，廣東揭陽人，本科，研究方向：網(wǎng)絡(luò)軟件開發(fā)。

通訊作者：楊文茵（1982—），女，廣東開平人，博士，講師，研究方向：智能計(jì)算與網(wǎng)絡(luò)安全。

Design and Implementation of Wechat Mini Program for Efficient Sports Games Management Based on CloudBase

ZHONG Yu-qun，ZENG Hao-jie，ZHUANG Can-lin，OU Wei-jing，YANG Wen-yin

（School of Electronic Information Engineering， Foshan University， Foshan? Guangdong? 528200）

Abstract： In the information age， many colleges and universities still hold their own annual games and manage the data manually， such as using paper to record the results， and then sorting and ranking manually. This paper introduces the development process of a Wechat mini program for sports games， which realizes the functions of online registration， real-time input of scores and automatic ranking of results. This mini program adopts HTML5 + CSS3 style + JavaScript as front-end technologies and CloudBase as back-end service. It is convenient for school sports staff and athletes， and improves the efficiency of holding sports meetings.

Keywords： sports games; Wechat mini program; CloudBase