您的位置:首页 > Web前端 > Node.js

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

2016-09-01 01:56 513 查看
首先还是来链接数据库,然后就查找,如下所示:



/**
* 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 %>


显示效果如下所示:

内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: