基于小程序的藍(lán)胖子體育器材借還機(jī)程序開(kāi)發(fā)設(shè)計(jì)

1、    基于小程序的“藍(lán)胖子”體育器材借還機(jī)程序開(kāi)發(fā)設(shè)計(jì)    陳寶玲 杜龍 高嘉鑫 曾詩(shī)懿摘要：為了鼓勵(lì)大學(xué)生積極參與體育活動(dòng)，筆者開(kāi)發(fā)了一款基于微信小程序的體育運(yùn)動(dòng)器材借還機(jī)，該小程序能夠?qū)崿F(xiàn)體育器材計(jì)時(shí)借還，普及健康小知識(shí)，提升鍛煉技能等實(shí)用功能，并且方便快捷，使用者不受時(shí)間、空間和設(shè)備條件的制約。關(guān)鍵詞：微信平臺(tái);微信小程序;運(yùn)動(dòng)器材借還機(jī)1現(xiàn)狀與項(xiàng)目需求分析高校是培育人才的主要場(chǎng)所，國(guó)家為鼓勵(lì)大學(xué)生積極參與體育活動(dòng)，推出了國(guó)家體育標(biāo)準(zhǔn)，并且每年專(zhuān)批一項(xiàng)公款用于高校添置、維修和維護(hù)體育器材，但是大部分學(xué)生在校期間，除了體育課，課余運(yùn)動(dòng)基本較少，甚

2、至有學(xué)生體育課期間也未達(dá)到運(yùn)動(dòng)標(biāo)準(zhǔn)。據(jù)了解，一部分學(xué)生認(rèn)為學(xué)校開(kāi)設(shè)的體育課程單一，提不起興趣;一部分學(xué)生認(rèn)為自行購(gòu)買(mǎi)喜愛(ài)的運(yùn)動(dòng)器材，會(huì)增加消費(fèi)負(fù)擔(dān)，又沒(méi)有堅(jiān)持運(yùn)動(dòng)的習(xí)慣，故漸漸也不怎么運(yùn)動(dòng);少部分學(xué)生學(xué)習(xí)壓力大，沒(méi)心情，不懂鍛煉而拒絕運(yùn)動(dòng)。隨著我國(guó)大數(shù)據(jù)互聯(lián)網(wǎng)時(shí)代的到來(lái)和智能移動(dòng)設(shè)備的普及，越來(lái)越多的學(xué)生選擇將閑余時(shí)間用來(lái)網(wǎng)上沖浪，用來(lái)實(shí)際鍛煉的時(shí)間更是少之又少。學(xué)生長(zhǎng)期缺乏運(yùn)動(dòng)不僅會(huì)危害體質(zhì)健康，而且容易導(dǎo)致肥胖，進(jìn)而提早出現(xiàn)高血脂、糖尿病等疾病?；谝陨锨闆r，我們關(guān)注到微信以其獨(dú)特的社交性、便捷性、自由性等優(yōu)勢(shì)在眾多社交網(wǎng)絡(luò)載體中脫穎而出，以其時(shí)尚方便、資費(fèi)低廉、功能豐富等特點(diǎn)占領(lǐng)市場(chǎng)，備

3、受大學(xué)生的喜愛(ài)，而且其中小程序的應(yīng)用更是滿(mǎn)足了許多商戶(hù)入駐，與用戶(hù)而言，小程序使用起來(lái)不需耗費(fèi)太多內(nèi)存且方便易接受。所以我們考慮線(xiàn)上推出“藍(lán)胖子”體育運(yùn)動(dòng)器材借還小程序，線(xiàn)下推出“藍(lán)胖子”體育運(yùn)動(dòng)器材借還機(jī)的設(shè)想。2.可行性分析2.1. 機(jī)器生產(chǎn)情況可行性據(jù)調(diào)查，目前國(guó)內(nèi)很多地區(qū)的體育用品的借還還處于最原始階段，由體育用品管理員進(jìn)行登記再將體育用品借出或收回，不僅效率低下，而且容易出現(xiàn)疏漏，據(jù)調(diào)查，以體育運(yùn)動(dòng)器材借還的自助機(jī)器為主要產(chǎn)品的生產(chǎn)企業(yè)為數(shù)不多，并且以這種自助借還機(jī)來(lái)進(jìn)行體育器材租借的企業(yè)在市面上還未出現(xiàn)以上情況表明：以體育器材租借的自助機(jī)器生產(chǎn)目前處于起步階段。2.2 人力資源可行

4、性分析本項(xiàng)目需要 1 人市場(chǎng)調(diào)研和撰寫(xiě)報(bào)告，2 人編寫(xiě)運(yùn)用程序，2 人代碼測(cè)試及代碼審核，各司其職，目前該項(xiàng)目團(tuán)隊(duì)人數(shù)已滿(mǎn)員，已經(jīng)在開(kāi)展項(xiàng)目的開(kāi)發(fā)。2.3 軟件資源可行性分析開(kāi)發(fā)語(yǔ)言：wxss、wxml、javascript、json。開(kāi)發(fā)工具：微信開(kāi)發(fā)者工具?？蚣埽阂晥D層（view）、邏輯接口層（app service）、原生實(shí)現(xiàn)層（native）。3小程序設(shè)計(jì)與實(shí)現(xiàn)3.1微信開(kāi)發(fā)者工具微信開(kāi)發(fā)者工作是微信官方提供的針對(duì)微信小程序的開(kāi)發(fā)工具，集中了開(kāi)發(fā)，調(diào)試，預(yù)覽，上傳等功能。微信團(tuán)隊(duì)發(fā)布了微信小程序開(kāi)發(fā)者工具、微信小程序開(kāi)發(fā)文檔和微信小程序設(shè)計(jì)指南，全新的開(kāi)發(fā)者工具，集成了開(kāi)發(fā)調(diào)試、代碼編

5、輯及程序發(fā)布等功能，幫助開(kāi)發(fā)者簡(jiǎn)單和高效地開(kāi)發(fā)微信小程序。開(kāi)發(fā)者在啟動(dòng)工具時(shí)，首先需要在后臺(tái)使用已經(jīng)綁定成功的微信號(hào)進(jìn)行掃碼登陸操作，然后后續(xù)所有的開(kāi)發(fā)操作都是基于這個(gè)微信號(hào)。3.2adobe photoshop簡(jiǎn)稱(chēng)“ps”，是由adobe systems公司開(kāi)發(fā)和發(fā)行的圖像處理軟件，主要用來(lái)處理以像素所構(gòu)成的數(shù)字圖像。其內(nèi)有多種多樣的編修和繪圖工具，作者開(kāi)發(fā)團(tuán)隊(duì)將用其進(jìn)行小程序中的頁(yè)面設(shè)計(jì)、產(chǎn)品圖片設(shè)計(jì)以及美化等。3.3小程序設(shè)計(jì)分析在需求分析和可行性分析的基礎(chǔ)上，制定了如圖1所示的設(shè)計(jì)流程圖。3.3.1初始化在進(jìn)行小程序開(kāi)發(fā)時(shí)，首先創(chuàng)建項(xiàng)目，然后進(jìn)行初始化操作，即清除app.wxss中的內(nèi)

6、容，然后將pages文件夾中index內(nèi)的index.wxml和index.wxss中的內(nèi)容清除。接下來(lái)在根目錄中新建一個(gè)images文件夾，用于存放圖片文件。3.3.2首頁(yè)頭部模塊設(shè)計(jì)首頁(yè)的頭部模塊主要由兩部分組成，一個(gè)是作者開(kāi)發(fā)團(tuán)隊(duì)的logo圖標(biāo)，另外一個(gè)就是消息圖標(biāo)，點(diǎn)擊消息圖標(biāo)可以打開(kāi)客服聊天界面進(jìn)行咨詢(xún)。3.3.3海報(bào)輪播模塊設(shè)計(jì)實(shí)現(xiàn)海報(bào)輪播模塊的核心就是運(yùn)用swiper組件即可實(shí)現(xiàn)，而開(kāi)發(fā)海報(bào)輪播模塊主要是有兩個(gè)作用，一是用來(lái)進(jìn)行展示最新公告和小程序更新的簡(jiǎn)介，二是待軟件有了一定用戶(hù)量之后可以尋求廣告商贊助，用于播放廣告。3.3.4器材展示模塊設(shè)計(jì)實(shí)現(xiàn)器材展示模塊需要在index.

7、wxml中操作，首先使用src屬性插入器材圖片，然后寫(xiě)出器材名稱(chēng)，最后在index.wxss中進(jìn)行模塊展示的效果設(shè)置，以便于器材能夠一目了然的展現(xiàn)在用戶(hù)面前。3.4小程序視覺(jué)設(shè)計(jì)小程序的背景色為白色，導(dǎo)航欄部分將背景色改為黑色，文字設(shè)置為白色，這樣能夠在一定程度上減輕用戶(hù)的視覺(jué)疲勞。區(qū)域1為該小程序logo圖標(biāo)以及客服咨詢(xún)圖標(biāo)展示區(qū)域，另外對(duì)客服圖標(biāo)添加了閃爍動(dòng)畫(huà)效果，以便于用戶(hù)能夠更加容易的找到客服咨詢(xún)。區(qū)域2為該小程序海報(bào)展示區(qū)域，采用輪播圖片的設(shè)計(jì)，能夠循環(huán)播放宣傳海報(bào)和廣告內(nèi)容，位置較為醒目。區(qū)域3為該小程序的核心展示部分，即體育器材展示部分，用戶(hù)能夠很輕松的選擇自己需要的器材進(jìn)行租借

8、，會(huì)讓用戶(hù)使用起來(lái)方便簡(jiǎn)潔。首頁(yè)效果圖如圖2所示。3.5臨時(shí)模擬器部署由于筆者開(kāi)發(fā)團(tuán)隊(duì)條件有限，將個(gè)人計(jì)算機(jī)臨時(shí)部署為模擬服務(wù)器進(jìn)行開(kāi)發(fā)和測(cè)試。4 結(jié)束語(yǔ)本文基于于微信小程序的“藍(lán)胖子”體育借還機(jī)程序設(shè)計(jì)開(kāi)發(fā)為了面向需要運(yùn)動(dòng)卻沒(méi)有運(yùn)動(dòng)器材的大學(xué)生，通過(guò)在微信中搜索小程序名稱(chēng)即可直接訪(fǎng)問(wèn)小程序界面。在首頁(yè)即可查詢(xún)各類(lèi)器材的使用情況，根據(jù)使用情況選擇適當(dāng)機(jī)器進(jìn)行使用，同時(shí)不用擔(dān)心下載太多應(yīng)用等問(wèn)題。小程序中還有普及健康小知識(shí)，提升鍛煉技能，即借即還，提前預(yù)定，精準(zhǔn)定位等實(shí)用功能，不受時(shí)間、空間和設(shè)備條件的制約，幫助使用者盡快了解各體育借還機(jī)的位置及其使用情況，為大家運(yùn)動(dòng)時(shí)間、運(yùn)動(dòng)項(xiàng)目的合理安排提供了便利。參考文獻(xiàn)1杭莉，聶莉娟.基于微信小程序的點(diǎn)餐系統(tǒng)j.電子制作，2019（23）：54-58.2申晨彥.基于微信小程序的網(wǎng)上購(gòu)物系統(tǒng)設(shè)計(jì)模式j(luò).信息與電腦（理論版），2019，31（19）：90-92.3張圣篩，梅志虎.基于微信小程序的云班課管理系統(tǒng)設(shè)計(jì)j.軟件導(dǎo)刊，2020，19（11）：141-145.4趙劍冬，許智超.微信小程序?qū)崙?zhàn)課程開(kāi)發(fā)與實(shí)施j.現(xiàn)代計(jì)算機(jī)，2020（30）：98-102.5彭可磊，趙霞，張龍霞，段學(xué)瑛，周艷紅.基于微信平臺(tái)的老年性認(rèn)知障礙測(cè)試小程序開(kāi)發(fā)j.南方農(nóng)機(jī)，