# 云上健步走小程序

**Repository Path**: caiwh/brisk-walking-small-program

## Basic Information

- **Project Name**: 云上健步走小程序
- **Description**: 云上健步走项目是青海市政府，为了迎接二十大的到来，让全面参与运动并对相关知识的学习。此项目是通过微信小程序让全民参与运动，学习红色文化的一个平台。平台通过获取用户微信的步数来换取一定的里程积分。通过用户的里程积分的积累来进行关卡的解锁，并进行相关点位知识的学习来参与知识答题。并分为设有个人、队伍、团队三个不同的排行榜和勋章解锁，以此来激发用户的积极性。使得全民积极参与运动中来，学习红色文化。
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 5
- **Created**: 2022-09-06
- **Last Updated**: 2022-09-06

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

## 云上健步走小程序

### 项目介绍
云上健步走项目是青海市政府，为了迎接二十大的到来，让全面参与运动并对相关知识的学习。此项目是通过微信小程序让全民参与运动，学习红色文化的一个平台。平台通过获取用户微信的步数来换取一定的里程积分。通过用户的里程积分的积累来进行关卡的解锁，并进行相关点位知识的学习来参与知识答题。并分为设有个人、队伍、团队三个不同的排行榜和勋章解锁，以此来激发用户的积极性。使得全民积极参与运动中来，学习红色文化。

### 软件架构说明

1. 编程语言：Java(Maven项目)
2. 后端主要使用技术框架：springBoot、MyBatis、Redis等
3. 前端使用技术及UI框架：Vue + Element UI 框架
4. 使用数据库：Mysql 8.0.19
5. 其它：阿里云OSS对象存储
6. 开发工具：IDEA

### 安装使用教程（管理后台）
#### 本地运行
1. 前端：
   (1) 下载安装项目使用的相关依赖
   (2) 修改项目配置文件Vue.config.js文件反向代理地址及端口（具体视后端运行地址和端口）
   (3) 运行项目
2. 后端：
   (1) 创建相应的数据库，导入对应的SQL脚本
   (2) 修改项目Maven配置
   (3) 下载Maven使用到的项目依赖
   (4) 运行Redis
   (5) 修改项目中admin模块的配置文件中的数据库、Redis链接配置
   (6) 修改项目中OSS相关配置文件
   (7) 启动项目中的admin模块的BriskWalkingApplication
#### 项目部署
#### 说明：如果需要小程序端访问，则需要准备号域名及CA证书，不然对小程序提供的API接口无法访问
1. 前端：
   (1) 先修改配置文件Vue.config.js文件反向代理地址及端口（具体视后端部署而定）
   (2) 使用脚手架Build项目打包
   (3) 将得到的dist文件夹上传至服务器
   (4) 修改服务器Nginx配置文件，运行Nginx
2. 后端：
   (1) 修改配置文件数据库、Redis等相关配置
   (2) 将项目admin模块打包成jar上传到服务器
   (3) 运行jar包

### 小程序功能

1. 同步用户微信步数、头像、昵称
2. 通过微信步数获取一定的里程积分，通过里程积分可以解锁不同的关卡
3. 用户只能通过当天的微信步数换取里程积分，且兑换需要达到一定的门槛并且每天限制兑换次数 
4. 用户只有选择加入自己的队伍之后才可以进行微信步数换取里程积分操作
5. 用户在解锁某一关卡之后，可以进行相关红色文化的图文学习、视频学习 
6. 用户只有在学习视频完成之后才可以进行关卡的知识答题闯关活动、系统将对用户的答题情况进行不同分值的积分奖励 
7. 用户在答题之后将会生成答题记录，用户查看已答题的题目解析
8. 小程序设置有个人排行榜、今日排行榜、队伍排行榜
9. 用户的里程积分在达到一定的值可解锁相应的勋章
10. 用户在通过相应的关卡之后可以获取相关的荣誉证书
11. 用户可以查询自己进30天的步数详情、及对应的兑换记录

### 管理后台功能

1. 查看小程序整体数据情况
2. 对微信小程序用户进行相应的管理
3. 对不同的队伍进行相应的管理
4. 对不同关键进行相应图文知识、视频知识的管理
5. 对不同关卡的题目进行相应的管理
6. 对小程序勋章、证书进行管理
7. 分配管理后台子账号

### 小程序运行效果图

<table>
   <tr>
      <td><img src="https://briskwalking.oss-cn-chengdu.aliyuncs.com/2022/09/02/主页_20220902152900A057.jpg"/></td>
      <td><img src="https://briskwalking.oss-cn-chengdu.aliyuncs.com/2022/09/02/步数换取里程积分_20220902152644A050.jpg"/></td>
      <td><img src="https://briskwalking.oss-cn-chengdu.aliyuncs.com/2022/09/02/个人历史步数记录_20220902152711A051.jpg"/></td>
      <td><img src="https://briskwalking.oss-cn-chengdu.aliyuncs.com/2022/09/02/排行榜_20220902152845A056.jpg"/></td>
   </tr>
   <tr>
      <td><img src="https://briskwalking.oss-cn-chengdu.aliyuncs.com/2022/09/02/个人勋章墙_20220902152731A052.jpg"/></td>
      <td><img src="https://briskwalking.oss-cn-chengdu.aliyuncs.com/2022/09/02/关卡图文视频学习_20220902152823A055.jpg"/></td>
      <td><img src="https://briskwalking.oss-cn-chengdu.aliyuncs.com/2022/09/02/关卡答题_20220902152749A053.jpg"/></td>
      <td><img src="https://briskwalking.oss-cn-chengdu.aliyuncs.com/2022/09/02/关卡答题解析_20220902152805A054.jpg"/></td>
   </tr>
</table>

### 管理后台运行效果图

<table>
   <tr>
      <td><img src="https://briskwalking.oss-cn-chengdu.aliyuncs.com/2022/09/02/小程序数据一览_20220902152335A044.jpg"/></td>
      <td><img src="https://briskwalking.oss-cn-chengdu.aliyuncs.com/2022/09/02/题目管理_20220902152322A043.jpg"/></td>
   </tr>
   <tr>
      <td><img src="https://briskwalking.oss-cn-chengdu.aliyuncs.com/2022/09/02/题目详情_20220902153300A058.jpg"/></td>
      <td><img src="https://briskwalking.oss-cn-chengdu.aliyuncs.com/2022/09/02/关卡答题用户记录_20220902152306A042.jpg"/></td>
   </tr>
   <tr>
      <td><img src="https://briskwalking.oss-cn-chengdu.aliyuncs.com/2022/09/02/小程序用户管理_20220902152403A046.jpg"/></td>
      <td><img src="https://briskwalking.oss-cn-chengdu.aliyuncs.com/2022/09/02/队伍管理_20220902152238A041.jpg"/></td>
   </tr>
   <tr>
      <td><img src="https://briskwalking.oss-cn-chengdu.aliyuncs.com/2022/09/02/小程序素材管理_20220902152349A045.jpg"/></td>
      <td><img src="https://briskwalking.oss-cn-chengdu.aliyuncs.com/2022/09/02/勋章管理_20220902152417A047.jpg"/></td>
   </tr>
   <tr>
      <td><img src="https://briskwalking.oss-cn-chengdu.aliyuncs.com/2022/09/02/用户兑换记录_20220902152432A048.jpg"/></td>
      <td><img src="https://briskwalking.oss-cn-chengdu.aliyuncs.com/2022/09/02/用户角色管理_20220902152448A049.jpg"/></td>
   </tr>
</table>