夺命雷公狗---node.js---21之项目的构建在node+express+mongo的博客项目6之数据的遍历...
首先还是来链接数据库,然后就查找,如下所示:
/*** 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之数据的遍历...相关推荐
- 夺命雷公狗---node.js---20之项目的构建在node+express+mongo的博客项目5mongodb在项目中实现添加数据...
我们上一步就引入了mongodb了,那么下一步就要开始写添加数据了,不过有个前提是先将表单的数据处理好: 最基本的这部现在已经成功了,因为最基本的这步就是先将表单处的提交方式和提交地址给处理好,这里和 ...
- 实战react技术栈+express前后端博客项目(8)-- 前端管理界面标签管理+后端对应接口开发...
项目地址:https://github.com/Nealyang/R... 本想等项目做完再连载一波系列博客,随着开发的进行,也是的确遇到了不少坑,请教了不少人.遂想,何不一边记录踩坑,一边分享收获呢 ...
- 实战react技术栈+express前后端博客项目(3)-- 后端路由、代理以及静态资源托管等配置说明...
项目地址:github.com/Nealyang/Re- 本想等项目做完再连载一波系列博客,随着开发的进行,也是的确遇到了不少坑,请教了不少人.遂想,何不一边记录踩坑,一边分享收获呢.分享当然是好的, ...
- 深入浅出Node.js(一):什么是Node.js(转贴)
以下内容转自:http://www.infoq.com/cn/articles/what-is-nodejs/ 作者:崔康 [编者按]:Node.js从2009年诞生至今,已经发展了两年有余,其成长的 ...
- 深入浅出Node.js(一):什么是Node.js
专栏的第一篇文章<什么是Node.js>尝试从各个角度来阐述Node.js的基本概念.发展历史.优势等,对该领域不熟悉的开发人员可以通过本文了解Node.js的一些基础知识. 从名字说起 ...
- (转)深入浅出Node.js(一):什么是Node.js
原文地址:http://www.infoq.com/cn/articles/what-is-nodejs [编者按]:Node.js从2009年诞生至今,已经发展了两年有余,其成长的速度有目共睹.从在 ...
- 【Vue+SpringBoot】超详细!一周开发一个SpringBoot + Vue+MybatisPlus+Shiro+JWT+Redis前后端分离个人博客项目!!!【项目完结】
项目目录 资源准备 前后端分离项目 技术栈 Java后端接口开发 1.前言 2.新建Springboot项目 3.整合mybatis plus 3.统一结果封装 4.整合shiro+jwt,并会话共享 ...
- Python个人博客项目-5.统计数据应用开发
学习Python已经6年有余,从事的行业数据分析师,算法工程师.爬虫工程师.目前准备正式入行全栈,先做一个个人的博客系统,用来记录日常工作的每一天,也是为自己做一个展示自己的空间. 本身该项目与之前的 ...
- Python个人博客项目-3.用户应用开发
学习Python已经6年有余,从事的行业数据分析师,算法工程师.爬虫工程师.目前准备正式入行全栈,先做一个个人的博客系统,用来记录日常工作的每一天,也是为自己做一个展示自己的空间. 本身该项目与之前的 ...
最新文章
- 资源高效搜索方法,你 Get 到了吗?
- go 实现斐波那契数列
- 高通要大干无人机芯片 耗时一年获总部飞行许可
- Java:ThreadPoolExecutor解析
- ubuntu和python快速换源
- php程序里如何实现图片翻页,php图片上传代码一例-php 生成翻页链接(页码)列表的...-带多种分页方式的php分页类_169IT.COM...
- Express框架使用以及数据库公共操作类整理(Win7下的NodeJs)
- JDK7下VisualVm插件无法链接到插件中心
- HarmonyOS — Button按钮
- RPC应用的java实现
- python 结巴分词学习
- matlab矩阵二阶微分方程求解,MATLAB解含参数方程、矩阵方程、二阶微分方程组
- java基础开发试题_Java应用开发基础-中国大学mooc-试题题目及答案
- CANOPEN 协议 命令字
- 资深投资人: VC的“增值平台”就是一坨狗屎
- C1认证学习五(HTTP)
- MATLAB矩阵基本运算的实现(一)
- [分布式] Git结合Github进行版本控制
- SVN管理工具Cornerstone之:创建分支、提交合并
- 最近一个月的工作总结