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

相关文章

C#如何在Excel文档中获取分页信息

《C#如何在Excel文档中获取分页信息》在日常工作中,我们经常需要处理大量的Excel数据,本文将深入探讨如何利用Spire.XLSfor.NET,高效准确地获取Excel文档中的分页信息,包括水平... 目录理解Excel中的分页机制借助 Spire.XLS for .NET 获取分页信息为什么选择 S

Python中Request的安装以及简单的使用方法图文教程

《Python中Request的安装以及简单的使用方法图文教程》python里的request库经常被用于进行网络爬虫,想要学习网络爬虫的同学必须得安装request这个第三方库,:本文主要介绍P... 目录1.Requests 安装cmd 窗口安装为pycharm安装在pycharm设置中为项目安装req

SpringBoot简单整合ElasticSearch实践

《SpringBoot简单整合ElasticSearch实践》Elasticsearch支持结构化和非结构化数据检索,通过索引创建和倒排索引文档,提高搜索效率,它基于Lucene封装,分为索引库、类型... 目录一:ElasticSearch支持对结构化和非结构化的数据进行检索二:ES的核心概念Index:

GO语言实现串口简单通讯

《GO语言实现串口简单通讯》本文分享了使用Go语言进行串口通讯的实践过程,详细介绍了串口配置、数据发送与接收的代码实现,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要... 目录背景串口通讯代码代码块分解解析完整代码运行结果背景最近再学习 go 语言,在某宝用5块钱买了个

SpringBoot整合Apache Spark实现一个简单的数据分析功能

《SpringBoot整合ApacheSpark实现一个简单的数据分析功能》ApacheSpark是一个开源的大数据处理框架,它提供了丰富的功能和API,用于分布式数据处理、数据分析和机器学习等任务... 目录第一步、添加android依赖第二步、编写配置类第三步、编写控制类启动项目并测试总结ApacheS

C++简单日志系统实现代码示例

《C++简单日志系统实现代码示例》日志系统是成熟软件中的一个重要组成部分,其记录软件的使用和运行行为,方便事后进行故障分析、数据统计等,:本文主要介绍C++简单日志系统实现的相关资料,文中通过代码... 目录前言Util.hppLevel.hppLogMsg.hppFormat.hppSink.hppBuf

idea npm install很慢问题及解决(nodejs)

《ideanpminstall很慢问题及解决(nodejs)》npm安装速度慢可通过配置国内镜像源(如淘宝)、清理缓存及切换工具解决,建议设置全局镜像(npmconfigsetregistryht... 目录idea npm install很慢(nodejs)配置国内镜像源清理缓存总结idea npm in

nodejs打包作为公共包使用的完整流程

《nodejs打包作为公共包使用的完整流程》在Node.js项目中,打包和部署是发布应用的关键步骤,:本文主要介绍nodejs打包作为公共包使用的相关资料,文中通过代码介绍的非常详细,需要的朋友可... 目录前言一、前置准备二、创建与编码三、一键构建四、本地“白嫖”测试(可选)五、发布公共包六、常见踩坑提醒

Python实现简单封装网络请求的示例详解

《Python实现简单封装网络请求的示例详解》这篇文章主要为大家详细介绍了Python实现简单封装网络请求的相关知识,文中的示例代码讲解详细,感兴趣的小伙伴可以跟随小编一起学习一下... 目录安装依赖核心功能说明1. 类与方法概览2.NetHelper类初始化参数3.ApiResponse类属性与方法使用实

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

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