新版RTSP视频平台EasyNVR视频广场分页数据展示优化

2020-08-12 15:47:45 浏览数 (1)

时代在不断进步,大众的审美在不断变化,同时对视频直播的要求也在升高。因此我们总会对我们的视频平台不断做升级,以适应大众的需要。在开发过程中我们也会不断做记录。

开发记录:EasyNVR视频广场分页数据展示优化

我们在进行最新的一次更新之后,重新启动服务,按照惯例检查其中是否有报错或者不适配的现象,果然发现了错误:视频广场分页功能展示数据错误。

正常来说每页展示12条数据,第二页应该是从第十三条数据开始的,但页面上第二页是从第二条数据开始的,明显不对。

问题分析

当页面改变当前页时,会发送获取页面数据的请求,请求会携带分页组件的参数,这里展示数据不对,应该是参数携带错误

代码语言:javascript复制
getchannels() {
      $.get("/api/v1/getchannels", {
        q: this.query,
        start: (this.currentPage - 1)*this.limit,
        limit: this.limit,
        label_id: this.label_id
      }).then(data => {
        this.Channels = data.EasyDarwin.Body.Channels || [];
        this.total = data.EasyDarwin.Body.ChannelCount;
      });
    },

问题解决

我们查看了代码,发现是跟后端没统一数据。后端需要的参数是每页开的第一条数据,和每页共多少数据,而我给的是当前页和每页的数据,我们只要通过修改代码解决即可。

解决后页面展示:

0 人点赞