项目介绍

• 本小程序包括运动公告,校园体育,发起运动，运动报名，运动管理，运动分类等功能模块！

ui.png

功能说明

校园运动 (2).jpeg

技术运用

• 项目使用微信小程序平台进行开发。

• 使用腾讯云开发技术，免费资源配额，无需域名和服务器即可搭建。

• 小程序本身的即用即走，适合小工具的使用场景，也适合程序的开发。

项目效果截图

首页.png

运动列表.png

新闻通知.png

个人中心.png

报名.png

项目后台截图

后台首页.png

运动管理.png

用户管理.png

部署教程：

1 源码导入微信开发者工具

导入.png

2 开通云开发环境

• 参考微信官方文档：https://developers.weixin.qq.com/miniprogram/dev/wxcloud/basis/getting-started.html
  

• 在使用云开发能力之前，需要先开通云开发。

• 在开发者工具的工具栏左侧，点击 “云开发” 按钮即可打开云控制台，根据提示开通云开发，并且创建一个新的云开发环境。 

云开发开通环境.png

• 
  

• 每个环境相互隔离，拥有唯一的环境 ID(拷贝此 ID，后面配置用到)，包含独立的数据库实例、存储空间、云函数配置等资源；

3 云函数及配置

• 本项目使用到了一个云函数 sport_cloud

• 在云函数 cloudfunctions 文件夹下选择云函数 sport_cloud , 右键选择在终端中打开,然后执行

• npm install –product

终端打开.png

安装依赖.png

• 打开 cloudfunctions/sport_cloud/comm/ccmini_config.js 文件，配置环境 ID 和后台管理员账号和密码

云函数-服务和管理配置.png

4 客户端配置

• 打开 miniprogram/app.js 文件，配置环境 ID

客户端配置.png

5 云函数配置

• 在微信开发者工具-》云开发-》云函数-》对指定的函数添加环境变量

• [服务端时间时区 TZ] =>Asia/Shanghai

• [函数内存] =>128M

• [函数超时时间] => 20 秒 

云函数配置.png

6 设置图片域名信任关系

• 进入小程序 开发管理=》开发设置=》服务器域名 =》downloadFile 合法域名

• 添加 2 个域名：

• 1）你的云存储域名，格式类似：https://1234-test-pi5po-1250248.tcb.qcloud.la
  

• 2）微信头像域名：https://thirdwx.qlogo.cn 

业务域名.png

7 上传云函数 &指定云环境 ID

上传云函数.png

至此完全部署配置完毕。

代码：

https://gitee.com/minzonetech/CCSmartSport