NodeJS博客实战17_前台分类的展示和排序

谁践踏了优雅 2022-05-26 23:29 208阅读 0赞

源码地址：[https://github.com/RidingACodeToStray/Nodejs\_blog][https_github.com_RidingACodeToStray_Nodejs_blog]

实现功能：

1）在前台展示分类

2）最新添加非分类展示在最前方

实现思路：

1）在routers/main.js中将分类从数据库中取出使用模板渲染到前台

2）使用sort()方法对取出的categories数据进行排序

1.前台分类展示

routers/main.js：

调用Category的模型类，从数据库中取出数据,

sort排序1表示升序-1表示降序

var express = require('express');
    var router = express.Router();
    var Category = require('../models/Category.js');
    router.get('/',function(req,res,next){
    	//读取所有的分类信息
    	Category.find().sort({_id:-1})..then(function(categories){
    		// console.log(res);
    		res.render('main/index.html',{
    			userInfo:req.userInfo,
    			categories:categories
    		});
    		
    	});
    
    })
    
    module.exports = router;

在views/main/index.html前台进行模板渲染

<div class="header">
        <ul>
            <li><a href="">首页</a></li>
            {% for category in categories %}
            <li><a href="/">{
       {category.name}}</a></li>
            {% endfor %}
        </ul>
    </div>

[https_github.com_RidingACodeToStray_Nodejs_blog]: https://github.com/RidingACodeToStray/Nodejs_blog

发表评论取消回复

表情：

评论列表（有 0 条评论，208人围观）

还没有评论，来说两句吧...

相关阅读

相关 SpringBoot+Vue 博客系统（十二）：博客前台展示

> 签名：但行好事，莫问前程。文章目录一、博客首页二、技术博文三、资源站点四、留言反馈五、关于作者总结 ------

青旅半醒/ 2023年10月12日 11:09/ 0 赞/ 9 阅读

相关 NodeJS博客实战16_博客分类的修改和删除

源码地址:[https://github.com/RidingACodeToStray/Nodejs\_blog][https_github.com_RidingACodeTo

╰半橙微兮°/ 2022年05月28日 11:14/ 0 赞/ 223 阅读

相关 NodeJS博客实战15_博客分类的添加

源码地址：https://github.com/RidingACodeToStray/Nodejs\_blog 主要功能： 1）在后台管理页面添加分类管理页面 2）点击添

以你之姓@/ 2022年05月28日 07:59/ 0 赞/ 249 阅读

相关 NodeJS博客实战13_后台管理注册用户展示

源码地址：https://github.com/RidingACodeToStray/Nodejs\_blog 主要实现功能： 1）登录后台管理后进入用户管理界面，通过查询

喜欢ヅ旅行/ 2022年05月28日 07:42/ 0 赞/ 239 阅读

相关 NodeJS博客实战25_前台博客评论分页展示

源码地址：[https://github.com/RidingACodeToStray/Nodejs\_blog][https_github.com_RidingACodeTo

ゞ浴缸里的玫瑰/ 2022年05月27日 08:42/ 0 赞/ 163 阅读

相关 NodeJS博客实战24_前台博客评论展示

源码地址：[https://github.com/RidingACodeToStray/Nodejs\_blog][https_github.com_RidingACodeTo

左手的ㄟ右手/ 2022年05月27日 08:36/ 0 赞/ 242 阅读

相关 NodeJS博客实战23_前台博客内容详情页和阅读数处理

源码地址：[https://github.com/RidingACodeToStray/Nodejs\_blog][https_github.com_RidingACodeTo

快来打我*/ 2022年05月27日 08:22/ 0 赞/ 189 阅读

相关 NodeJS博客实战22_前台博客分类展示

源码地址：[https://github.com/RidingACodeToStray/Nodejs\_blog][https_github.com_RidingACodeTo

水深无声/ 2022年05月27日 08:21/ 0 赞/ 294 阅读

相关 NodeJS博客实战21_前台博客内容展示和分页

源码地址：[https://github.com/RidingACodeToStray/Nodejs\_blog][https_github.com_RidingACodeTo

- 日理万妓/ 2022年05月27日 08:19/ 0 赞/ 390 阅读

相关 NodeJS博客实战17_前台分类的展示和排序

源码地址：[https://github.com/RidingACodeToStray/Nodejs\_blog][https_github.com_RidingACodeTo

谁践踏了优雅/ 2022年05月26日 23:29/ 0 赞/ 209 阅读