首先还是来链接数据库,然后就查找,如下所示:

/*** Created by leigood on 2016/8/31.*/var express = require('express');
var router = express.Router();//引入mongodb模块
var MongoClient = require('mongodb').MongoClient;
var DB_STR = "mongodb://localhost:27017/blog";//这里的是在mongodb下建立的库
var ObjectId = require('mongodb').ObjectId;  //这里主要是用来处理mongodb下id的/* GET users listing. */
router.get('/', function(req, res, next) {MongoClient.connect(DB_STR,function(err,db){if(err){throw err;return;}var c = db.collection('category');c.find().toArray(function(err,desc){if(err){res.send(err);}res.render('Admin/category',{data:desc});});});});router.get('/add',function(req,res,next){res.render('Admin/category_add');
});
router.post('/add',function(req,res){var title = req.body.title;var sort = req.body.sort;//console.log(title+'-------'+sort);MongoClient.connect(DB_STR,function(err,db){if(err){throw err;return;}//此处的db,就是blog数据库var c = db.collection('category');c.insert({title:title,sort:sort},function(err,result){if(err){err.send(err);}else{res.send('添加分类成功 <a href="/Admin/category">查看列表</a>');}});});});router.get('/edit',function(req,res,next){res.render('Admin/category_edit');
});module.exports = router;

然后就开始将数据遍历到前台模版上去即可。。。

<% include header.html %>
<% include left.html %><!-- Right side column. Contains the navbar and content of the page --><aside class="right-side"><!-- Content Header (Page header) --><section class="content-header"><h1>分类列表<small>分类</small></h1><ol class="breadcrumb"><li><a href="index.html"><i class="fa fa-dashboard"></i> 管理中心</a></li><li class="category_list.html"><a href="index.html">分类</a></li><li class="active">分类列表</li></ol></section><!-- Main content --><section class="content"><div class="row"><div class="col-md-12"><div class="box"><div class="box-header"><h3 class="box-title"></h3><a href="/admin/category/add" class="btn btn-default pull-right">添加分类</a></div><!-- /.box-header --><div class="box-body"><table class="table table-bordered"><tbody><tr><th style="width: 10px">#</th><th>分类</th><th>文章数量</th><th>排序</th><th style="width: 20%">操作</th></tr><% data.forEach(function(item,idx){ %><tr><td><%= idx+1 %></td><td><%= item.title %></td><td>15</td><td><%= item.sort %></td><input type="hidden" name="id" value="<%= item._id %>"><td><a href="/admin/category/edit?id=<%= item._id %>" class="btn btn-default" title="编辑"><span class="fa fa-edit"></span> 编辑</a><a href="/admin/category/edit?id=<%= item._id %>" class="btn btn-default" title="删除" onclick="return confirm('是否删除?');"><span class="fa fa-trash-o"></span> 删除</a></td></tr><% }); %></tbody></table></div><!-- /.box-body --><div class="box-footer clearfix"><ul class="pagination pagination-bg no-margin pull-right"><li><a href="#">«</a></li><li><a href="#">1</a></li><li><a href="#">2</a></li><li><a href="#">3</a></li><li><a href="#">»</a></li></ul></div></div></div></div></section><!-- /.content --><% include footer.html %>

显示效果如下所示:

转载于:https://www.cnblogs.com/leigood/p/5828163.html

夺命雷公狗---node.js---21之项目的构建在node+express+mongo的博客项目6之数据的遍历...相关推荐

  1. 夺命雷公狗---node.js---20之项目的构建在node+express+mongo的博客项目5mongodb在项目中实现添加数据...

    我们上一步就引入了mongodb了,那么下一步就要开始写添加数据了,不过有个前提是先将表单的数据处理好: 最基本的这部现在已经成功了,因为最基本的这步就是先将表单处的提交方式和提交地址给处理好,这里和 ...

  2. 实战react技术栈+express前后端博客项目(8)-- 前端管理界面标签管理+后端对应接口开发...

    项目地址:https://github.com/Nealyang/R... 本想等项目做完再连载一波系列博客,随着开发的进行,也是的确遇到了不少坑,请教了不少人.遂想,何不一边记录踩坑,一边分享收获呢 ...

  3. 实战react技术栈+express前后端博客项目(3)-- 后端路由、代理以及静态资源托管等配置说明...

    项目地址:github.com/Nealyang/Re- 本想等项目做完再连载一波系列博客,随着开发的进行,也是的确遇到了不少坑,请教了不少人.遂想,何不一边记录踩坑,一边分享收获呢.分享当然是好的, ...

  4. 深入浅出Node.js(一):什么是Node.js(转贴)

    以下内容转自:http://www.infoq.com/cn/articles/what-is-nodejs/ 作者:崔康 [编者按]:Node.js从2009年诞生至今,已经发展了两年有余,其成长的 ...

  5. 深入浅出Node.js(一):什么是Node.js

    专栏的第一篇文章<什么是Node.js>尝试从各个角度来阐述Node.js的基本概念.发展历史.优势等,对该领域不熟悉的开发人员可以通过本文了解Node.js的一些基础知识. 从名字说起 ...

  6. (转)深入浅出Node.js(一):什么是Node.js

    原文地址:http://www.infoq.com/cn/articles/what-is-nodejs [编者按]:Node.js从2009年诞生至今,已经发展了两年有余,其成长的速度有目共睹.从在 ...

  7. 【Vue+SpringBoot】超详细!一周开发一个SpringBoot + Vue+MybatisPlus+Shiro+JWT+Redis前后端分离个人博客项目!!!【项目完结】

    项目目录 资源准备 前后端分离项目 技术栈 Java后端接口开发 1.前言 2.新建Springboot项目 3.整合mybatis plus 3.统一结果封装 4.整合shiro+jwt,并会话共享 ...

  8. Python个人博客项目-5.统计数据应用开发

    学习Python已经6年有余,从事的行业数据分析师,算法工程师.爬虫工程师.目前准备正式入行全栈,先做一个个人的博客系统,用来记录日常工作的每一天,也是为自己做一个展示自己的空间. 本身该项目与之前的 ...

  9. Python个人博客项目-3.用户应用开发

    学习Python已经6年有余,从事的行业数据分析师,算法工程师.爬虫工程师.目前准备正式入行全栈,先做一个个人的博客系统,用来记录日常工作的每一天,也是为自己做一个展示自己的空间. 本身该项目与之前的 ...

最新文章

  1. 资源高效搜索方法,你 Get 到了吗?
  2. go 实现斐波那契数列
  3. 高通要大干无人机芯片 耗时一年获总部飞行许可
  4. Java:ThreadPoolExecutor解析
  5. ubuntu和python快速换源
  6. php程序里如何实现图片翻页,php图片上传代码一例-php 生成翻页链接(页码)列表的...-带多种分页方式的php分页类_169IT.COM...
  7. Express框架使用以及数据库公共操作类整理(Win7下的NodeJs)
  8. JDK7下VisualVm插件无法链接到插件中心
  9. HarmonyOS — Button按钮
  10. RPC应用的java实现
  11. python 结巴分词学习
  12. matlab矩阵二阶微分方程求解,MATLAB解含参数方程、矩阵方程、二阶微分方程组
  13. java基础开发试题_Java应用开发基础-中国大学mooc-试题题目及答案
  14. CANOPEN 协议 命令字
  15. 资深投资人: VC的“增值平台”就是一坨狗屎
  16. C1认证学习五(HTTP)
  17. MATLAB矩阵基本运算的实现(一)
  18. [分布式] Git结合Github进行版本控制
  19. SVN管理工具Cornerstone之:创建分支、提交合并
  20. 最近一个月的工作总结

热门文章

  1. 【Python笔记】字符串常见操作
  2. sqlserver命令行修改用户登录密码
  3. DBSCAN聚类算法初探(五)
  4. 【必备干货】1000字讲清3大财务数据表
  5. 阿里架构师用3点讲透数据中台,这些都是你没看过的
  6. Flex Java Servlet 实现简单图片编辑
  7. stack和queue容器
  8. pdf sdk for android,Android 自带PDF SDK
  9. 成功解决pycharm导入第三方库出现ReadTimeoutError超时的问题
  10. 均分纸牌问题——(分治 + 贪心 + 前缀和 + 中位数 + 排序)