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

相关文章

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

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

Mybatis的分页实现方式

《Mybatis的分页实现方式》MyBatis的分页实现方式主要有以下几种,每种方式适用于不同的场景,且在性能、灵活性和代码侵入性上有所差异,对Mybatis的分页实现方式感兴趣的朋友一起看看吧... 目录​1. 原生 SQL 分页(物理分页)​​2. RowBounds 分页(逻辑分页)​​3. Page

基于Python实现一个简单的题库与在线考试系统

《基于Python实现一个简单的题库与在线考试系统》在当今信息化教育时代,在线学习与考试系统已成为教育技术领域的重要组成部分,本文就来介绍一下如何使用Python和PyQt5框架开发一个名为白泽题库系... 目录概述功能特点界面展示系统架构设计类结构图Excel题库填写格式模板题库题目填写格式表核心数据结构

C/C++ chrono简单使用场景示例详解

《C/C++chrono简单使用场景示例详解》:本文主要介绍C/C++chrono简单使用场景示例详解,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友... 目录chrono使用场景举例1 输出格式化字符串chrono使用场景China编程举例1 输出格式化字符串示

如何更改pycharm缓存路径和虚拟内存分页文件位置(c盘爆红)

《如何更改pycharm缓存路径和虚拟内存分页文件位置(c盘爆红)》:本文主要介绍如何更改pycharm缓存路径和虚拟内存分页文件位置(c盘爆红)问题,具有很好的参考价值,希望对大家有所帮助,如有... 目录先在你打算存放的地方建四个文件夹更改这四个路径就可以修改默认虚拟内存分页js文件的位置接下来从高级-

windows和Linux安装Jmeter与简单使用方式

《windows和Linux安装Jmeter与简单使用方式》:本文主要介绍windows和Linux安装Jmeter与简单使用方式,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地... 目录Windows和linux安装Jmeter与简单使用一、下载安装包二、JDK安装1.windows设

MyBatis分页插件PageHelper深度解析与实践指南

《MyBatis分页插件PageHelper深度解析与实践指南》在数据库操作中,分页查询是最常见的需求之一,传统的分页方式通常有两种内存分页和SQL分页,MyBatis作为优秀的ORM框架,本身并未提... 目录1. 为什么需要分页插件?2. PageHelper简介3. PageHelper集成与配置3.

使用Python开发一个简单的本地图片服务器

《使用Python开发一个简单的本地图片服务器》本文介绍了如何结合wxPython构建的图形用户界面GUI和Python内建的Web服务器功能,在本地网络中搭建一个私人的,即开即用的网页相册,文中的示... 目录项目目标核心技术栈代码深度解析完整代码工作流程主要功能与优势潜在改进与思考运行结果总结你是否曾经

Mysql表的简单操作(基本技能)

《Mysql表的简单操作(基本技能)》在数据库中,表的操作主要包括表的创建、查看、修改、删除等,了解如何操作这些表是数据库管理和开发的基本技能,本文给大家介绍Mysql表的简单操作,感兴趣的朋友一起看... 目录3.1 创建表 3.2 查看表结构3.3 修改表3.4 实践案例:修改表在数据库中,表的操作主要

springboot简单集成Security配置的教程

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