一：项目灵感

1：由于近年来电竞事业的发展，越来越多的游戏需要进行排赛，所以我们决定开发一款赛事管理的软件，能够实现对整个赛事的流程控制，让游戏赛事的举办变得规范与便捷。

二：团队成员

组长：滕达

组员:王逸康 许旺

三：相关链接

1：源代码链接

 

2：分析文档链接

 

四：参与工作

1:需求设计（协作完成）
2:完成墨刀画出大致主页
3:完成设计了部分数据库类图
4:利用新学react和antd写了hall,index,login,reg界面

五：技术路线

1：强大的react：

声明式

React 使创建交互式 UI 变得轻而易举。为你应用的每一个状态设计简洁的视图，当数据改变时 React 能有效地更新并正确地渲染组件。

以声明式编写 UI，可以让你的代码更加可靠，且方便调试。

组件化

创建拥有各自状态的组件，再由这些组件构成更加复杂的 UI。

组件逻辑使用 JavaScript 编写而非模版，因此你可以轻松地在应用中传递数据，并使得状态与 DOM 分离。

 

2：antdeign：

特性

  • 提炼自企业级中后台产品的交互语言和视觉风格。

  • 开箱即用的高质量 React 组件。

  • 使用 TypeScript 构建，提供完整的类型定义文件。

  • 全链路开发和设计工具体系。

 

 

 

六：项目成果

1：创建比赛--比赛报名--报名审核--比赛开始--赛程安排、计分、进入下一轮（循环）--比赛结束。

2：可以进行团队赛和个人挑战赛，并且有积分榜来确定排名

3：最终成果：

GamePM完整版

 

 

 

七：个人总结

1踩过的坑：

对于初学react来说，虽然react强大但是发现并没有那么容易,一开始设计div根据主页有5个div。经过调试和设计一直报错，使上方标题栏和背景始终连接不起来，中间始终有白条，经过无数词调试和百度。body里面背景颜色填充属性必须是absolutely。

在设计hall的时候对方为布局，color的impotant之前的!没加，也查找了半天，初学千万要仔细。

对于react的this.handleChange = this.handleChange.bind(this) 如果不写这个，必须要用箭头函数，

在React库控制之内时，它就会以异步的方式来执行，否则以同步的方式执行。

也就是你setState的同时，输入设置的state的往往无法同步

state本身的设计是无法直接更改，setState的设计是用来更动state值

3：我觉得我个人而言对于这次项目付出根本无法跟队友滕达和王逸康多，作为第七组成员，压力自然挺大，我们组开过很多次例会，从一开始确定做GamePM开始，队友们便开始规划和设想，第二次例会我们就早早的下了任务，我的任务利用react来写网页，对于新学react我才发现并没有那么容易，中间白条网页断页，才一开始就发现，挺难的，一直调试一直处理，花了好几天解决，然而后面情况百出，代码没保存，有的重新开始，做了登陆，注册，hell页，主页。然后身体出了状况，只能躺着，然后又耽误时间，滕达见状不行只能接替我手中接下去任务，说身体重要，所以我感觉我队友们付出的真的太多。而对我自己而言，要要加强java的学习，和快速上手一门新的语言的能力，这次项目肯定有遗憾的。

4：我觉得团队沟通比较重要，毕竟要做好一个项目是一个团队的事，良好的沟通能节省下来大量的时间，比如我设计哪个界面，而后台功能可能根本没有这样的规划，那相当于这个界面白做，所以就花费了没必要的时间，所以一个良好的团队，沟通肯定是放在第一位的。

八：课程建议

1：我觉得总体上来说，老师安排挺合理，课上还给我们补充其他知识，特别是还看了构建之法，觉得对软件工程这一门课帮助挺大的，老师还会经常群里发有关软件工程的博文收益挺多。

2：可能当时在地铁规划上花费时间有点大，应该缩短一些，因为这个相当于最后的大作业，并不是很多相关。

3：在进度问题上，其实我们也遇到了一个问题ddl，我觉得每个小组都会又这样的问题，所以我觉得应该多进行原型检查，这样每个组的进度就不会落后，不是积压到最后熬夜完成的。