创建对战列表与排行榜页面

这节课的内容：两个页面--对局列表，排行榜 ，完成对战回放功能
如下代码配置MyBatisPlus 分页功能

@Configuration
public class MybatisConfig {
    @Bean
    public MybatisPlusInterceptor mybatisPlusInterceptor() {
        MybatisPlusInterceptor interceptor = new MybatisPlusInterceptor();
        interceptor.addInnerInterceptor(new PaginationInnerInterceptor(DbType.MYSQL));
        return interceptor;
    }
}

一般功能的实现逻辑：Service层实现接口，util注入Service接口，Controller层Rest Controller注解。

//  展示对局列表的后端，获取两个用户的信息时，出现了错误
            User userA = userMapper.selectById(record.getId()); // record.getAId()
            User userB = userMapper.selectById(record.getId());

JS输出为[object object] 如何解决以及原因
1.先将数据转换为json格式，然后再转换为json对象. json.parse()
2.代码中有加号运算符，会调用toString 方法。

分页功能--Pagination组件