山东大学软件学院项目实训-创新实训-网络安全靶场实验平台(七)

目录

一、writeup 分页功能

二、Vue分页组件——el-pagination

三、mybatis分页——selectPage


前言:本篇博客主要讲解论坛部分中的分页功能

一、writeup 分页功能

在writeup功能中,用户发表的writeup数量会越来越多,导致在前端界面会展示越来越多,也就是说card越来越多。

为了方便阅读,提高数据库查询以及页面渲染的速度,我采用了分页方式进行渲染。

界面如下所示:

目前每页展示四条,现在共10条,所以有三页。 

山东大学软件学院项目实训-创新实训-网络安全靶场实验平台(七)

二、Vue分页组件——el-pagination

分页组件为<el-pagination/>,用法如下:

初始绑定的数据为:

 渲染方法为:

渲染方法将<el-card>中所需的forumlist数据进行绑定

来源:番茄炒蛋不加蛋!

声明:本站部分文章及图片转载于互联网,内容版权归原作者所有,如本站任何资料有侵权请您尽早请联系jinwei@zod.com.cn进行处理,非常感谢!

上一篇 2022年4月11日
下一篇 2022年4月11日

相关推荐