qq_59539549的博客

目录一、前言及测试用例设计二、 首页测试（未登录）三、注册测试四、对局列表测试五、排行榜测试六、对战测试七、Bot测试八、测试套件Suite整个项目已经部署完成，我们历经九九八十一难，但再好的软件，bug也是再所难免，因此从这篇文章开始（也可能只有这一篇文章），我们就对整个项目进行测试，也会包含web自动化测试，因此如果没有学习过测试的同学可以看我之前的博客，废话不多说我们直接开始介绍我们的总体测试： 首先在我们的test目录下新建 FrontPageTest 类，由于我们每次都要用到 Chrome 的驱动

ps : 项目要在云服务器上部署，博主自己是用的腾讯云，大家可以选择购买合适的服务器进行部署。

先写service接口，写完写service接口的实现ServiceImpl，在重写方法之前，先创建对应的Controller，@Autowired注入刚刚写的service接口，完善Controller，最后再完善Impl里的内容。在此函数，我们还要更新对局信息，可以用console.log(record)看看我们传进来的record数据格式是怎么样的，方便我们在后面写update函数。由于我们不可能一页展示所有对局信息，因此我们要把所有信息分成多个页展示，这里就需要直到当前的页是第几页的。

本节课把代码执行的微服务写完负责接收一段代码，把代码扔到我们的队列当中、每一次我们去运行一段代码运行结束之后、把我们的结果返回给我们的服务器。

上节课知识梳理：用户浏览器打开之后、两个client表示两个浏览器Client向云端server发送请求、有http的servercontroller还有ws的server、前端client会向websocket发请求发完请求之后、本来应该用微服务实现匹配系统向matchingsystem发送请求、表示我们加入了一个玩家matchingsystem匹配完之后向server返回一个结果当两名玩家匹配完之后、他们就会开一个线程。

后端接受前端两名玩家输入的操作后，才开始进行下一步操作。为了游戏的流畅性，提高玩家的游戏体验感，我们规定，如果超过一定的时间后，另一名玩家仍然未能给予操作，我们就判定这个玩家lose了。还需要注意的是，我们前端设置1s走5步，200ms走一步，所以为了操作顺利，不会因为操作太快而读入多个操作，我们每一次读取前都要先sleep 200ms，规范一下。这里可以按照自己的情况合理地规定等待时间，可以通过增加循环次数，减少sleep时间优化玩家操作手感，以牺牲服务器的计算量换取玩家的操作的流畅性。

要实现匹配系统起码要有两个客户端client1，client2,当客户端打开对战页面并开始匹配时，会给后端服务器server发送一个请求，而匹配是一个异步的过程，什么时候返回结果是不可预知的，所以我们要写一个专门的匹配系统，维护一堆用户的集合，当用户发起匹配请求时，请求会先传给后端服务器，然后再传给匹配系统处理，匹配系统会不断地在用户里去筛选，将rating较为相近的的用户匹配到一组。当成功匹配后，匹配系统就会返回结果给springboot的后端服务器，继而返回给客户端即前端。

实现 refresh_bot，获取上节课的 API: /user/bot/getlist/ 查询 bot 列表，通过获取后端信息把数据展示在前端上。在 views.user.bot.UserBotIndexView.vue 下修改，增加一个模态框，然后丰富模态框的内容。在 views.user.bot.UserBotIndexView.vue 下修改，实现基本的个人 bot 信息展示。创建完成后需要绑定前端的信息。在 views.user.bot.UserBotIndexView.vue 下修改。

一、整体框架一、整体框架。

在 view -> user -> account 下的 UserAccountRegisterView.vue 文件实现，实现方式类似于同目录下的 UserAccountLoginView.vue。当我们的用户重定向到登陆页面的时候，我们需要把用户的 token 存储到浏览器的 local storage，这样就可以实现登录状态持久化。在 router 目录下的 index.js 文件下实现。首先 修改 store 目录下的 -> user.js 文件，在合适的位置添加下列两行。记得 git 维护~

在 pom.xml 中添加下列依赖：jjwt-apijjwt-impl。

PS：本篇文章主体内容并不涉及复杂代码的编写~~请大家放心食用hh。

画蛇及键盘响应实现！

PS：整篇文章全是实现前端的工作，如果大家不了解vue3，建议补一下前置知识~~PS：整篇文章全是实现前端的工作，如果大家不了解vue3，建议补一下前置知识~~

bot 其实是一个函数，可以控制我们的蛇进行不同方向的移动，我们为了简单可以设计上下左右为数字1234，那么我们每次都要返回一个数字（1~4）。我们会做一个蛇类对战游戏，用户可以创建AI（bot）代替自己参战，也可以选择自己参战，bot 其实就是一段代码。然后我们将现有的文件夹推送到云端，由于我们已经初始化过了本地仓库，因此我们从 “已有仓库” 开始执行。可以看到我们初始化之后的文件夹有了一个 .git文件夹，代表我们初始化成功。1）代码存档，git可以看到代码的所有历史版本，可以进行回档。