nodejs基础教程-简单blog(9)--分页

2024-06-24 03:48

本文主要是介绍nodejs基础教程-简单blog(9)--分页,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

效果图:
这里写图片描述

分析一下这个效果图,结合以前的教程我们知道。导航栏是继承“layout.html” table表格是“user_index.html”,而分页的按钮就是我们本节课的内容。将之封装在‘page.htnl’中;

这里写图片描述

首先 新建文件views/admin/page.html

<nav aria-label="..."><ul class="pager"><li class="previous"><a href="/admin/user?page={{page-1}}"><span aria-hidden="true">&larr;</span> 上一页</a></li><li>一共{{count}}条数据,每页显示{{limit}}条数据,一共{{pages}}页,当前第{{page}}页。</li><li class="next"><a href="/admin/user?page={{page+1}}"> 下一页 <span aria-hidden="true">&rarr;</span></a></li></ul>
</nav>

这里写图片描述

在routers/admin.js中将代码改为;

var express=require('express')
var router=express.Router();
var User=require('../models/User')
router.use(function (req,res,next) {// console.log("admin",req.userInfo.isAdmin,req.userInfo)if(!req.userInfo.isAdmin){res.send("对不起,只有管理员才可以进入后台管理")return}next()})
/*** 首页*/
router.get('/',function (req,res,next) {
res.render('admin/index',{userInfo:req.userInfo})
});
/*** 用户管理*/
router.get('/user',function (req,res,next) {/***     分页*     limit(Number):限制获取的数据条数*     skip(Number):忽略数据的条数**     每页显示两条数据,假设每页限制显示2条数据;*     第1页:1-2 skip(0)忽略0条;*     第2页:3-4 skip(2)忽略第一页的2条数据;*     第3页:3-4 skip(4)忽略前两页的4条数据;*     忽略数=(当前页-1)*limit 实现分页;*/var page=Number(req.query.page)||1 //当前页,前端用户通过get传递过来的页数,或没有传递时默认当前页数为1;var limit=2//每页显示的条数;//获取总条数;User.count().then(function (count) {//计算总页数;var pages=Math.ceil(count/limit)//当前页不能大于总页数;page=Math.min(page,pages)//当前页不能小于1page=Math.max(page,1)var skip=(page-1)*limit;//忽略数/***     从数据库中读取所有的用户数据* */User.find().limit(limit).skip(skip).then(function (users) {// console.log(users)res.render('admin/user_index',{userInfo:req.userInfo,users:users,page:page,count:count,pages:pages,limit:limit,})})})});module.exports=router;

知识点:
模板引擎swig{%include 'page.html'%} 意思是page.html被当做是一个模板被引入到user_index.html中。且page.html中的参数能够使用的是user_index.html的上下文(page,count,pages,limit,),以后所有需要引用分页page.html文件的都必须有(page,count,pages,limit,);

include 和extends的区别:当前user_index.html继承了layout.html。且引入了page.html;
在swig中 extends我们可以在layout.html模板页面里面定义很多block,而子页面user_index.html可以有选择性的实现。
include 是包含一个模板到当前位置,这个模板将使用当前上下文

操作mongoose
1,User.find() :从数据库中读取所有的用户数据
2,limit(Number):全部结果数量并只提取部分结果
3,skip(Number):忽略数据的条数
4,User.count():读取所有的用户数据条数;

这篇关于nodejs基础教程-简单blog(9)--分页的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/1089085

相关文章

MyBatis分页查询实战案例完整流程

《MyBatis分页查询实战案例完整流程》MyBatis是一个强大的Java持久层框架,支持自定义SQL和高级映射,本案例以员工工资信息管理为例,详细讲解如何在IDEA中使用MyBatis结合Page... 目录1. MyBATis框架简介2. 分页查询原理与应用场景2.1 分页查询的基本原理2.1.1 分

Python 基于http.server模块实现简单http服务的代码举例

《Python基于http.server模块实现简单http服务的代码举例》Pythonhttp.server模块通过继承BaseHTTPRequestHandler处理HTTP请求,使用Threa... 目录测试环境代码实现相关介绍模块简介类及相关函数简介参考链接测试环境win11专业版python

python连接sqlite3简单用法完整例子

《python连接sqlite3简单用法完整例子》SQLite3是一个内置的Python模块,可以通过Python的标准库轻松地使用,无需进行额外安装和配置,:本文主要介绍python连接sqli... 目录1. 连接到数据库2. 创建游标对象3. 创建表4. 插入数据5. 查询数据6. 更新数据7. 删除

Jenkins的安装与简单配置过程

《Jenkins的安装与简单配置过程》本文简述Jenkins在CentOS7.3上安装流程,包括Java环境配置、RPM包安装、修改JENKINS_HOME路径及权限、启动服务、插件安装与系统管理设置... 目录www.chinasem.cnJenkins安装访问并配置JenkinsJenkins配置邮件通知

Mybatis-Plus 3.5.12 分页拦截器消失的问题及快速解决方法

《Mybatis-Plus3.5.12分页拦截器消失的问题及快速解决方法》作为Java开发者,我们都爱用Mybatis-Plus简化CRUD操作,尤其是它的分页功能,几行代码就能搞定复杂的分页查询... 目录一、问题场景:分页拦截器突然 “失踪”二、问题根源:依赖拆分惹的祸三、解决办法:添加扩展依赖四、分页

Python yield与yield from的简单使用方式

《Pythonyield与yieldfrom的简单使用方式》生成器通过yield定义,可在处理I/O时暂停执行并返回部分结果,待其他任务完成后继续,yieldfrom用于将一个生成器的值传递给另一... 目录python yield与yield from的使用代码结构总结Python yield与yield

Android Paging 分页加载库使用实践

《AndroidPaging分页加载库使用实践》AndroidPaging库是Jetpack组件的一部分,它提供了一套完整的解决方案来处理大型数据集的分页加载,本文将深入探讨Paging库... 目录前言一、Paging 库概述二、Paging 3 核心组件1. PagingSource2. Pager3.

Java中使用 @Builder 注解的简单示例

《Java中使用@Builder注解的简单示例》@Builder简化构建但存在复杂性,需配合其他注解,导致可变性、抽象类型处理难题,链式编程非最佳实践,适合长期对象,避免与@Data混用,改用@G... 目录一、案例二、不足之处大多数同学使用 @Builder 无非就是为了链式编程,然而 @Builder

MySQL深分页进行性能优化的常见方法

《MySQL深分页进行性能优化的常见方法》在Web应用中,分页查询是数据库操作中的常见需求,然而,在面对大型数据集时,深分页(deeppagination)却成为了性能优化的一个挑战,在本文中,我们将... 目录引言:深分页,真的只是“翻页慢”那么简单吗?一、背景介绍二、深分页的性能问题三、业务场景分析四、

Golang如何用gorm实现分页的功能

《Golang如何用gorm实现分页的功能》:本文主要介绍Golang如何用gorm实现分页的功能方式,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教... 目录背景go库下载初始化数据【1】建表【2】插入数据【3】查看数据4、代码示例【1】gorm结构体定义【2】分页结构体