黑马博客——详细步骤(四)项目功能的实现之数据分页

2024-06-12 02:26:07

2.3 数据分页

当数据库中的数据非常多是，数据需要分批次显示，这时就需要用到数据分页功能。

分页功能核心要素：

当前页，用户通过点击上一页或者下一页或者页码产生，客户端通过get参数方式传递到服务器端
总页数，根据总页数判断当前页是否为最后一页，根据判断结果做响应操作

总页数：Math.ceil（总数据条数 / 每页显示数据条数）

向上取整

总页数：Math.ceil（总数据条数 / 每页显示数据条数）

数据开始查询位置=（当前页-1）* 每页显示的数据条数

实现点击分页器按钮跳转相应页数

验证点击页码按钮跳转相应页数

上一页和下一页

黑马博客——详细步骤(四)项目功能的实现之数据分页相关推荐

黑马博客——详细步骤(二)项目功能的实现之登录功能
2. 项目功能实现 2.1 登录 1. 创建用户集合,初始化用户 1. 连接数据库 2. 创建用户集合 ...
黑马博客——详细步骤(十)项目功能的实现之开发环境与生产环境
6. 开发环境与生产环境如何区分开发环境与生产环境通过电脑操作系统中的系统环境变量区分当前是开发环境还是生产环境. 电脑→属性对开发环境和生产环境进行不同的操作: 开发环境中把客户端的请求信息打 ...
黑马博客——详细步骤(九)项目功能的实现之mongoDB数据库添加账号
5. mongoDB数据库添加账号 1. 以系统管理员的方式运行powershell 2. 连接数据库 mongo 3. 查看数据库 show dbs 4. 切换到admin数据库 use admin ...
黑马博客——详细步骤(七)项目功能的实现之文章管理
3.文章管理 1.添加文章管理和文章编辑页面路由: 验证两个静态页面能否被访问 2.实现点击切换导航栏功能: 3.更改连接的选中状态实现文章管理功能:(基于数据库) 创建文章集合->添加文章具 ...
黑马博客——详细步骤(六)项目功能的实现之用户信息删除
2.5 用户信息删除 1. 在确认删除框中添加隐藏域用以存储要删除用户的ID值 2. 为删除按钮添自定义属性用以存储要删除用户的ID值 3. 为删除按钮添加点击事件,在点击事件处理函数中获取自定义属性 ...
黑马博客——详细步骤(五)项目功能的实现之用户信息修改
2.4 用户信息修改 1. 将要修改的用户ID传递到服务器端(作用:区分添加用户功能还是修改用户功能) 2. 建立用户信息修改功能对应的路由点击修改按钮能看到用户信息点击修改按钮解决方式: 其 ...
黑马博客——详细步骤(三)项目功能的实现之新增用户
2.2新增用户 1. 为用户列表页面的新增用户按钮添加链接 2. 添加一个连接对应的路由,在路由处理函数中渲染新增用户模板 3 .为新增用户表单指定请求地址.请求方式.为表单项添加name属性 4. ...
黑马博客——详细步骤(八)项目功能的实现之另一种分页方式【mongoose-sex-page】
4.另一种分页方式:mongoose-sex-page(第三方模块) 上一页和下一页
黑马博客——详细步骤(十二)项目功能的实现之文章评论和退出功能
8.文章评论 1. 创建评论集合 2. 判断用户是否登录,如果用户登录,再允许用户提交评论表单 3. 在服务器端创建文章评论功能对应的路由 4. 在路由请求处理函数中接收客户端传递过来的评论信息 5. ...

最新文章

热门文章