实现思路
分页的基础是基于sql语言中的limit实现
前端(vue)
1.创建一个分页组件
2.通过点击分页组件的按钮获取分页的信息,post请求到后端获取数据
后端(node)
1.获取前端传递参数,使用limit传递给数据库
前端实现
1.分页组件使用element-ui的Pagination 分页
https://element.eleme.cn/#/zh-CN/component/pagination
vue组件中代码:
<el-pagination
background
layout="prev, pager, next"
:current-page="cur_page"
:page-size="pageNum"
:total="totalCount"
@current-change="handleCurrentChange3"
></el-pagination>
先声明变量:
cur_page: 1, //默认在第一页
pageNum: 3, //默认每页显示3条数据
totalCount: 1 //默认总