nodejs|面试官：如果让你来设计一个分页功能, 你会怎么设计? 前后端如何交互?垃圾回收

已于 2024-03-07 21:42:42 修改
阅读量47 收藏
点赞数
分类专栏： 前端八股文 文章标签： 数据库 sql
于 2024-03-07 21:41:50 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_43428283/article/details/129006397
版权

一、是什么

在我们做数据查询的时候，如果数据量很大，比如几万条数据，放在一个页面显示的话显然不友好，这时候就需要采用分页显示的形式，如每次只显示10条数据
在这里插入图片描述
要实现分页功能，实际上就是从结果集中显示第110条记录作为第1页，显示第1120条记录作为第2页，以此类推

因此，分页实际上就是从结果集中截取出第M~N条记录

二、如何实现

前端实现分页功能，需要后端返回必要的数据，如总的页数，总的数据量，当前页，当前的数据

{
   
 "totalCount": 1836,   // 总的条数
 "totalPages": 92,  // 总页数
 "currentPage":
了解本专栏 订阅专栏 解锁全文 超级会员免费看
学习记录wanxiaowan
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
订阅专栏
基于NodeJs+Express+Mysql前后端分离宠物用品购物网站设计+sql数据库(毕设源码).zip
06-16
采用基于nodejs的环境和express框架开发一个前后端分离的宠物购物网站，一共包括2个身份包括管理员和用户。前台用户可以注册账号和登录，可以分类查询所有的宠物信息，对于自己满意的宠物可以加入购物车，提交订单...
node.js 数据实现分页问题(后端)
weixin_59631089的博客
06-30 434
但是 console.log(myMaterialList) 发现为空 后来一天时间 尝试n中办法。最后 经过千锤百炼 发现 相同代码 把分页功能封装到一个function里 再输出就好了。当 rows里的数据push到arr里时 rows作为一个结构体。最近在写项目时 碰到的问题。
Node+Express写分页接口
阿宝的博客
01-26 864
使用组件库element-plus组件的分页器,编写分页接口.
Node.js+Express+Mysql实现分页查询
gdgztt的专栏
01-05 958
Node.js+Express+Mysql实现分页查询
nodejs+express+mysql(后台实例项目练习8—实现分页功能 上一页 下一页功能)
时意
09-27 1995
nodejs+express+mysql(后台实例项目练习—搭建项目) nodejs+express+mysql(后台实例项目练习2—数据库链接 网页跳转 iframe框架路径问题 模板引擎 ) nodejs+express+mysql(后台实例项目练习3—增加路由与iframe 交互) nodejs+express+mysql(后台实例项目练习4—实现机构新增功能) nodejs+exp...
基于nodejs的简单分页的实现
u012178428的博客
02-11 1万+
一、项目描述 这个demo是基于昨天我写的增删改查的例子的。在昨天的例子的基础上，我增加了基本的分页功能。由于本人对于nodejs的理解不够深入所以在分页实现上，有很多不足之处。在存储分页信息上我使用的是request层存储，也就是用get传值的古老办法，主要是由于对于nodejs的session了解还不够深入。 二、详细代码 由于是基于昨天的项目所以很多地方就请参看上一篇的文章。 1、C
《毕业设计》--毕业设计 （后台管理系统）：NodeJs + VueJs 前后端分离.zip
03-04
亲们下载我任何一个付费资源后，即可私信联系我免费下载其他相关资源哦~ 个人花大量时间整理出的真实毕业设计实战成果，内容丰富，文档也很详细。无论做毕业设计还是用于学习技能，或工作中当做参考资料，都能发挥...
基于NodeJs+Express+Mysql前后端分离宠物用品购物网站设计
11-01
采用基于nodejs的环境和express框架开发一个前后端分离的宠物购物网站，一共包括2个身份包括管理员和用户。前台用户可以注册账号和登录，可以分类查询所有的宠物信息，对于自己满意的宠物可以加入购物车，提交订单...
毕业设计，基于NodeJS+Express+MySql开发的前后端分离宠物用品购物网，内含NodeJS完整源代码，数据库脚本
01-25
采用基于nodejs的环境和express框架开发一个前后端分离的宠物购物网站，一共包括2个身份包括管理员和用户。前台用户可以注册账号和登录，可以分类查询所有的宠物信息，对于自己满意的宠物可以加入购物车，提交订单...
基于NodeJs+Express+Mysql前后端分离宠物用品购物网站设计毕业源码案例设计.zip
02-15
这是一个基于Node.js、Express框架和MySQL数据库的前后端分离的毕业设计项目，主要涉及的知识点包括Web开发基础、Node.js后端开发、Express框架的使用、数据库设计与管理以及前端页面构建。以下是对这些关键知识点的...
nodejs mysql 实现分页的方法
10-19
本篇文章主要介绍了nodejs mysql 实现分页的方法，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
nodejs+bootstrap实现分页效果
热门推荐
淘浩哥的专栏
04-17 1万+
1、数据处理 首先在动态js中，根据url参数获取数据库文档的数量，设置分页的大小，获取当前页面的数据，然后将文档数量pagecount，分页大小pagesize，以及当前页面currentpage传递到页面中。 2、处理分页效果 我采用的是javascript动态生成的，你也可以利用ejs支持函数的特性将其封装后生成html形式的分页。 首先，添加分页ul，在你的页面中需要显示的位置添加
mongoose实现分页查询
web_xiaolei的博客
10-13 7076
在本例中，用到的相关框架和模板包含：jade、mongoose、express、layui。前台用的jade模板，这里用了bootstrap布局和layui的分页控件。 index.jade main code：//文章列表显示 div.container if(articals.length > 0) div.container.clear -
nodejs mysql 实现分页
黎先生的博客
04-19 7835
代码如下 var express = require('express'); var router = express.Router(); var settings = require('../settings.js'); var mysql = require('mysql2'); router.get('/', function(req, res, next) {   
nodejs实现分页功能
weixin_42929948的博客
05-26 2954
find 方法修改 db.collection(collectionName).find(json1,{fields:attr}).skip(slipNum).limit(pageSize); 2.封装 count 方法 var result=db.collection(collection).count(json);//nodejs封装mongodb知识 result.then(data=>{ resolve(data); } ``` 3.数据结合 jqPaginator 实现分页 ht.
Mysql 数据分页处理(Node.js的实现)
小猿猪哥的博客
08-15 1万+
最近做项目的时候，有一个接口需要分页处理，就是每页返回20条数据：比如：https://api.cn?pagg=1 这里的page就是需要获取的哪一页数据的请求参数，返回的json,当然就是返回给前台需要的数据。实例PC端 这个做PC端是比较常见的，这个其实需要后端返回一个必须要的数据，就是总的条数，至于每页多少条这个是需求定的，当然还有的就是当前的页数和当前页数的数据。 比如下面的数据：{
史上最简单的实现nodeJs分页功能！有手就行！
唔西迪西的博客
10-17 1820
用nodeJS实现最简单的分页功能 最近在学习nodeJs，用nodeJs做了一个超级无敌简单的电影列表分页功能，有手就行！！！ 该分页功能的原理是通过a标签的点击，将当前页数pagenum通过url一起传送到后端，在路由配置时接收到前端传送过来的pagenum。这里我是用get方法请求的。 首先看一下路由配置的代码： router.get('/list',(req,res,next)=>{ // res.send('list'); var pagenum = req.query.pa
前端八股文（3）53-84
VAN
09-12 1514
前端八股文
javascript常见100问|前端基础知识|offsetHeight-scrollHeight-clientHeight-区别，HTMLCollection-NodeList-区别，vue-com
最新发布
VAN
04-01 1310
适用于兄弟组件，或者“距离”较远的组件。常用 API● 绑定事件 event.on(key, fn) 或 event.once(key, fn)● 触发事件 event.emit(key, data)● 解绑事件 event.off(key, fn)Vue 版本的区别● Vue 2.x 可以使用 Vue 实例作为自定义事件● Vue 3.x 需要使用第三方的自定义事件，例如 https://www.npmjs.com/package/event-emitter。
用html，css，js，nodejs写一个前后端交互注册登录页面
04-14
我可以为你提供一些帮助。首先，你需要创建一个包含两个页面(注册页面和登录页面)的 HTML 文件。在 CSS 中添加样式，使这些页面具有吸引力和易于使用性。使用 JavaScript 和 Node.js 来为这些页面添加交互功能和后端处理逻辑。 你可以开始尝试使用 Node.js 框架 (例如 Express) 来创建一个服务器，监听请求并处理注册和登录操作。对于数据库，你可以使用 PostgreSQL、MySQL 或 MongoDB 等关系型或非关系型数据库。 为了实现用户注册和登录，你需要使用表单来收集用户输入信息，并将其传递给服务器。服务器将验证用户输入并将其保存在数据库中。登录时，服务器将与数据库中存储的已注册用户信息进行比对，并允许或阻止用户访问应用程序。 当然，以上只是一个简单的概述，实现过程可能涉及到更多的细节和技术。如果需要更详细的帮助，请告诉我。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

学习记录wanxiaowan

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值