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

相关文章

一份LLM资源清单围观技术大佬的日常;手把手教你在美国搭建「百万卡」AI数据中心;为啥大模型做不好简单的数学计算? | ShowMeAI日报

👀日报&周刊合集 | 🎡ShowMeAI官网 | 🧡 点赞关注评论拜托啦! 1. 为啥大模型做不好简单的数学计算?从大模型高考数学成绩不及格说起 司南评测体系 OpenCompass 选取 7 个大模型 (6 个开源模型+ GPT-4o),组织参与了 2024 年高考「新课标I卷」的语文、数学、英语考试,然后由经验丰富的判卷老师评判得分。 结果如上图所

回调的简单理解

之前一直不太明白回调的用法,现在简单的理解下 就按这张slidingmenu来说,主界面为Activity界面,而旁边的菜单为fragment界面。1.现在通过主界面的slidingmenu按钮来点开旁边的菜单功能并且选中”区县“选项(到这里就可以理解为A类调用B类里面的c方法)。2.通过触发“区县”的选项使得主界面跳转到“区县”相关的新闻列表界面中(到这里就可以理解为B类调用A类中的d方法

自制的浏览器主页,可以是最简单的桌面应用,可以把它当成备忘录桌面应用

自制的浏览器主页,可以是最简单的桌面应用,可以把它当成备忘录桌面应用。如果你看不懂,请留言。 完整代码: <!DOCTYPE html><html lang="zh-CN"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><ti

vue+elementui分页输入框回车与页面中@keyup.enter事件冲突解决

解决这个问题的思路只要判断事件源是哪个就好。el分页的回车触发事件是在按下时,抬起并不会再触发。而keyup.enter事件是在抬起时触发。 so,找不到分页的回车事件那就拿keyup.enter事件搞事情。只要判断这个抬起事件的$event中的锚点样式判断不等于分页特有的样式就可以了 @keyup.enter="allKeyup($event)" //页面上的//js中allKeyup(e

python实现最简单循环神经网络(RNNs)

Recurrent Neural Networks(RNNs) 的模型: 上图中红色部分是输入向量。文本、单词、数据都是输入,在网络里都以向量的形式进行表示。 绿色部分是隐藏向量。是加工处理过程。 蓝色部分是输出向量。 python代码表示如下: rnn = RNN()y = rnn.step(x) # x为输入向量,y为输出向量 RNNs神经网络由神经元组成, python

宝塔面板部署青龙面板教程【简单易上手】

首先,你得有一台部署了宝塔面板的服务器(自己用本地电脑也可以)。 宝塔面板部署自行百度一下,很简单,这里就不走流程了,官网版本就可以,无需开心版。 首先,打开宝塔面板的软件商店,找到下图这个软件(Docker管理器)安装,青龙面板还是安装在docker里,这里依赖宝塔面板安装和管理docker。 安装完成后,进入SSH终端管理,输入代码安装青龙面板。ssh可以直接宝塔里操作,也可以安装ssh连接

XMG Quartz2D的简单使用

// //  Quratz2DView.m //  Quartz2D // //  Created by 王宁 on 16/5/6. //  Copyright © 2016年 ylshmacmini. All rights reserved. // #import "Quratz2DView.h" //Quartz@2D是一个二维绘图引擎,同时支

网页脚本输入这么简单

如何在网页中进行脚本操作呢? 研究了一下,很简单,用google浏览器的Console直接操作javaScript。思路: Created with Raphaël 2.1.0 开始 输入(如何输入) 点击(如何点击) 结束 下面是,通过脚本刷直播屏的实现,直接在Console输入即可 var words=new Arra

【Qt6.3 基础教程 17】 Qt布局管理详解:创建直观和响应式UI界面

文章目录 前言布局管理的基础为什么需要布局管理器? 盒布局:水平和垂直排列小部件示例:创建水平盒布局 栅格布局:在网格中对齐小部件示例:创建栅格布局 表单布局:为表单创建标签和字段示例:创建表单布局 调整空间和伸缩性示例:增加弹性空间 总结 前言 当您开始使用Qt设计用户界面(UI)时,理解布局管理是至关重要的。布局管理不仅关系到UI的外观,更直接影响用户交互的体验。本篇博

OSG学习:LOD、数据分页、动态调度

LOD(level of detail):是指根据物体模型的结点在显示环境中所处的位置和重要度,决定物体渲染的资源分配,降低非重要物体的面数和细节度,从而获得高效率的渲染运算。在OSG的场景结点组织结构中,专门提供了场景结点osg::LOD来表达不同的细节层次模型。其中,osg::LOD结点作为父节点,每个子节点作为一个细节层次,设置不同的视域,在不同的视域下显示相应的子节点。 数据分页:在城市