电信杯网球比赛系统小程序：功能强大，适配多机型，体验升级

项目简介

电信杯网球竞赛系统小程序采用竞赛邀请制，实现了赛事创建、发起竞赛邀请系统、成绩填报、规则自定义、运动员基层管理等一系列功能，适用于网球赛事；

用户使用工作ID注册登录，后台根据是否与工作ID一一绑定判断是否是用户本人。

系统包含微信小程序（Taro.js+Dva.js）和后台管理平台（React.js+A）。

可适配、iPad等不同机型。

负责内容小程序1.比赛邀请系统业务逻辑开发

要求如下：

创建游戏邀请本次比赛中闲置的玩家参与比赛

创建者可以搜索用户并选择用户加入比赛

在参赛者准备好之前，创建者可以对其进行编辑或者删除该参赛者。

一旦比赛报名满员，所有参赛者都具备参赛资格，且两队范围差距≤2.5网球计分图，创作者即可开始比赛。

如果创建者以外的用户准备了比赛，则除非所有参赛者的状态均为“未准备”，否则将无法取消比赛

流程图如下：

数据流图如下：（页面与组件之间的通信过程）

页面组件间数据传递细节如下：

网球计分图_网球计分规则简介_网球比赛计分表怎么用

网球计分规则简介_网球比赛计分表怎么用_网球计分图

效果如下：

网球计分图_网球比赛计分表怎么用_网球计分规则简介

2.首页弹出的Modal组件

解决方案：

第一，这种尝试是无效的。

经验告诉我们，当你看了很多文档却依然无法解决问题的时候，建议回到最初的出发点，也就是官方文档。

微信文档解释如下：

在这里插入图片描述

所以采用第二种方法，根据Modal控件的属性。

在这里插入图片描述

结果如下：

在这里插入图片描述

3.实现用户注册和登录功能

系统可以通过用户微信号唯一标识和工作ID一一对应关系来判断是否是系统注册并登录的用户。

首次登录时网球计分图，要求用户先注册，输入在管理后台注册的工号和名字，前端会把随机得到的code+appid传给后端，后端拿到前端发送的数据，获取用户，判断是否是首次登录网球计分图，最后把用户和工号存起来。

流程图如下：

网球比赛计分表怎么用_网球计分图_网球计分规则简介

4.dva解决异步问题

使用它给模型传递一个参数，并根据模型的值来调用。

 * getToken({payload, callback}, {call, put}) {
      const response = yield call(VerificationService.getAccessToken, payload);
      const {code} = response;
      if(code===0){
        const {accessToken=''}=response.data;
        callback(response);
        yield put({
          type: 'save',
          payload: {
            codeStatus:code,
            accessToken,
          }
        })
      }else{
        callback(response);
        yield put({
          type: 'save',
          payload: {
            codeStatus:code,
          }
        })
      }
    },

后台管理平台

负责编写比赛管理、用户管理和规则管理模块

个人收益