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

相关文章

springboot简单集成Security配置的教程

《springboot简单集成Security配置的教程》:本文主要介绍springboot简单集成Security配置的教程,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,... 目录集成Security安全框架引入依赖编写配置类WebSecurityConfig(自定义资源权限规则

Mysql中深分页的五种常用方法整理

《Mysql中深分页的五种常用方法整理》在数据量非常大的情况下,深分页查询则变得很常见,这篇文章为大家整理了5个常用的方法,文中的示例代码讲解详细,大家可以根据自己的需求进行选择... 目录方案一:延迟关联 (Deferred Join)方案二:有序唯一键分页 (Cursor-based Paginatio

如何使用Python实现一个简单的window任务管理器

《如何使用Python实现一个简单的window任务管理器》这篇文章主要为大家详细介绍了如何使用Python实现一个简单的window任务管理器,文中的示例代码讲解详细,感兴趣的小伙伴可以跟随小编一起... 任务管理器效果图完整代码import tkinter as tkfrom tkinter i

C++中函数模板与类模板的简单使用及区别介绍

《C++中函数模板与类模板的简单使用及区别介绍》这篇文章介绍了C++中的模板机制,包括函数模板和类模板的概念、语法和实际应用,函数模板通过类型参数实现泛型操作,而类模板允许创建可处理多种数据类型的类,... 目录一、函数模板定义语法真实示例二、类模板三、关键区别四、注意事项 ‌在C++中,模板是实现泛型编程

使用EasyExcel实现简单的Excel表格解析操作

《使用EasyExcel实现简单的Excel表格解析操作》:本文主要介绍如何使用EasyExcel完成简单的表格解析操作,同时实现了大量数据情况下数据的分次批量入库,并记录每条数据入库的状态,感兴... 目录前言固定模板及表数据格式的解析实现Excel模板内容对应的实体类实现AnalysisEventLis

mybatis-plus分页无效问题解决

《mybatis-plus分页无效问题解决》本文主要介绍了mybatis-plus分页无效问题解决,原因是配置分页插件的版本问题,旧版本和新版本的MyBatis-Plus需要不同的分页配置,感兴趣的可... 昨天在做一www.chinasem.cn个新项目使用myBATis-plus分页一直失败,后来经过多方

Java中数组转换为列表的两种实现方式(超简单)

《Java中数组转换为列表的两种实现方式(超简单)》本文介绍了在Java中将数组转换为列表的两种常见方法使用Arrays.asList和Java8的StreamAPI,Arrays.asList方法简... 目录1. 使用Java Collections框架(Arrays.asList)1.1 示例代码1.

Java8需要知道的4个函数式接口简单教程

《Java8需要知道的4个函数式接口简单教程》:本文主要介绍Java8中引入的函数式接口,包括Consumer、Supplier、Predicate和Function,以及它们的用法和特点,文中... 目录什么是函数是接口?Consumer接口定义核心特点注意事项常见用法1.基本用法2.结合andThen链

C++初始化数组的几种常见方法(简单易懂)

《C++初始化数组的几种常见方法(简单易懂)》本文介绍了C++中数组的初始化方法,包括一维数组和二维数组的初始化,以及用new动态初始化数组,在C++11及以上版本中,还提供了使用std::array... 目录1、初始化一维数组1.1、使用列表初始化(推荐方式)1.2、初始化部分列表1.3、使用std::

redis群集简单部署过程

《redis群集简单部署过程》文章介绍了Redis,一个高性能的键值存储系统,其支持多种数据结构和命令,它还讨论了Redis的服务器端架构、数据存储和获取、协议和命令、高可用性方案、缓存机制以及监控和... 目录Redis介绍1. 基本概念2. 服务器端3. 存储和获取数据4. 协议和命令5. 高可用性6.