基于小程序的“蓝胖子”体育器材借还机程序开发设计

陈宝玲 杜龙 高嘉鑫 曾诗懿

摘要：为了鼓励大学生积极参与体育活动，笔者开发了一款基于微信小程序的体育运动器材借还机，该小程序能够实现体育器材计时借还，普及健康小知识，提升锻炼技能等实用功能，并且方便快捷，使用者不受时间、空间和设备条件的制约。

关键词：微信平台;微信小程序;运动器材借还机

1现状与项目需求分析

高校是培育人才的主要场所，国家为鼓励大学生积极参与体育活动，推出了《国家体育标准》，并且每年专批一项公款用于高校添置、维修和维护体育器材，但是大部分学生在校期间，除了体育课，课余运动基本较少，甚至有学生体育课期间也未达到运动标准。据了解，一部分学生认为学校开设的体育课程单一，提不起兴趣;一部分学生认为自行购买喜爱的运动器材，会增加消费负担，又没有坚持运动的习惯，故渐渐也不怎么运动;少部分学生学习压力大，没心情，不懂锻炼而拒绝运动。

随着我国大数据互联网时代的到来和智能移动设备的普及，越来越多的学生选择将闲余时间用来网上冲浪，用来实际锻炼的时间更是少之又少。学生长期缺乏运动不仅会危害体质健康，而且容易导致肥胖，进而提早出现高血脂、糖尿病等疾病。

基于以上情况，我们关注到微信以其独特的社交性、便捷性、自由性等优势在众多社交网络载体中脱颖而出，以其时尚方便、资费低廉、功能丰富等特点占领市场，备受大学生的喜爱，而且其中小程序的应用更是满足了许多商户入驻，与用户而言，小程序使用起来不需耗费太多内存且方便易接受。所以我们考虑线上推出“蓝胖子”体育运动器材借还小程序，线下推出“蓝胖子”体育运动器材借还机的设想。

2.可行性分析

2.1. 机器生产情况可行性

据调查，目前国内很多地区的体育用品的借还还处于最原始阶段，由体育用品管理员进行登记再将体育用品借出或收回，不仅效率低下，而且容易出现疏漏，据调查，以体育运动器材借还的自助机器为主要产品的生产企业为数不多，并且以这种自助借还机来进行体育器材租借的企业在市面上还未出现以上情况表明：以体育器材租借的自助机器生产目前处于起步阶段。

2.2 人力资源可行性分析

本项目需要 1 人市场调研和撰写报告，2 人编写运用程序，2 人代码测试及代码审核，各司其职，目前该项目团队人数已满员，已经在开展项目的开发。

2.3 软件资源可行性分析

開发语言：WXSS、WXML、JavaScript、JSON。

开发工具：微信开发者工具。

框架：视图层（View）、逻辑接口层（App Service）、原生实现层（Native）。

3小程序设计与实现

3.1微信开发者工具

微信开发者工作是微信官方提供的针对微信小程序的开发工具，集中了开发，调试，预览，上传等功能。微信团队发布了微信小程序开发者工具、微信小程序开发文档和微信小程序设计指南，全新的开发者工具，集成了开发调试、代码编辑及程序发布等功能，帮助开发者简单和高效地开发微信小程序。

开发者在启动工具时，首先需要在后台使用已经绑定成功的微信号进行扫码登陆操作，然后后续所有的开发操作都是基于这个微信号。

3.2Adobe Photoshop

简称“PS”，是由Adobe Systems公司开发和发行的图像处理软件，主要用来处理以像素所构成的数字图像。其内有多种多样的编修和绘图工具，作者开发团队将用其进行小程序中的页面设计、产品图片设计以及美化等。

3.3小程序设计分析

在需求分析和可行性分析的基础上，制定了如图1所示的设计流程图。

3.3.1初始化

在进行小程序开发时，首先创建项目，然后进行初始化操作，即清除app.wxss中的内容，然后将pages文件夹中index内的index.wxml和index.wxss中的内容清除。

接下来在根目录中新建一个images文件夹，用于存放图片文件。

3.3.2首页头部模块设计

首页的头部模块主要由两部分组成，一个是作者开发团队的logo图标，另外一个就是消息图标，点击消息图标可以打开客服聊天界面进行咨询。

3.3.3海报轮播模块设计

实现海报轮播模块的核心就是运用swiper组件即可实现，而开发海报轮播模块主要是有两个作用，一是用来进行展示最新公告和小程序更新的简介，二是待软件有了一定用户量之后可以寻求广告商赞助，用于播放广告。

3.3.4器材展示模块设计

实现器材展示模块需要在index.wxml中操作，首先使用src属性插入器材图片，然后写出器材名称，最后在index.wxss中进行模块展示的效果设置，以便于器材能够一目了然的展现在用户面前。

3.4小程序视觉设计

小程序的背景色为白色，导航栏部分将背景色改为黑色，文字设置为白色，这样能够在一定程度上减轻用户的视觉疲劳。

区域1为该小程序logo图标以及客服咨询图标展示区域，另外对客服图标添加了闪烁动画效果，以便于用户能够更加容易的找到客服咨询。

区域2为该小程序海报展示区域，采用轮播图片的设计，能够循环播放宣传海报和广告内容，位置较为醒目。

区域3为该小程序的核心展示部分，即体育器材展示部分，用户能够很轻松的选择自己需要的器材进行租借，会让用户使用起来方便简洁。

首页效果图如图2所示。

3.5临时模拟器部署

由于笔者开发团队条件有限，将个人计算机临时部署为模拟服务器进行开发和测试。

4 结束语

本文基于于微信小程序的“蓝胖子”体育借还机程序设计开发为了面向需要运动却没有运动器材的大学生，通过在微信中搜索小程序名称即可直接访问小程序界面。在首页即可查询各类器材的使用情况，根据使用情况选择适当机器进行使用，同时不用担心下载太多应用等问题。小程序中还有普及健康小知识，提升锻炼技能，即借即还，提前预定，精准定位等实用功能，不受时间、空间和设备条件的制约，帮助使用者尽快了解各体育借还机的位置及其使用情况，为大家运动时间、运动项目的合理安排提供了便利。

参考文献

[1]杭莉，聂莉娟.基于微信小程序的点餐系统[J].电子制作，2019（23）：54-58.

[2]申晨彦.基于微信小程序的网上购物系统设计模式[J].信息与电脑（理论版），2019，31（19）：90-92.

[3]张圣筛，梅志虎.基于微信小程序的云班课管理系统设计[J].软件导刊，2020，19（11）：141-145.

[4]赵剑冬，许智超.微信小程序实战课程开发与实施[J].现代计算机，2020（30）：98-102.

[5]彭可磊，赵霞，张龙霞，段学瑛，周艳红.基于微信平台的老年性认知障碍测试小程序开发[J].南方农机，2021，52（05）：160-162.

[6]甘艺垚，蔡永香，王荟奥.学会微信小程序的设计与实现[J].电脑知识与技术，2021，17（04）：7-9+28.

[7]陆娇娇.基于微信小程序的教学资源平台构建[J].电脑知识与技术，2021，17（03）：46-47+54.