nodejs + mongodb + ejs + express 实现页面展示 connection

查看node js的全局安装位置 : npm list -g 或者  npm head -n1

 

(1)mongo启动服务,请查看 http://www.cnblogs.com/he0xff/p/5820575.html

(2)新建 某个文件;js 例如:hello.js

安装 npm install ejs

  npm install express

  npm install mongodb

  npm install monk

新建某个 view层(看你hello.js中的定义)

/*
* @jackhe
* 文件来自:https://docs.mongodb.com/getting-started/node/query/
*/
//var MongoClient = require('mongodb').MongoClient;
//var assert = require('assert');
//var ObjectId = require('mongodb').ObjectID;
//var url = 'mongodb://127.0.0.1:27017/test';


var express = require('express');
var path = require('path');
var app = express();
app.set('views', path.join(__dirname, 'views'));
app.set('view engine', 'ejs');

/*连接数据库*/
var mongo = require('mongodb');
var monk = require('monk');
var db = monk('mongodb://127.0.0.1:27017/test');


app.get('/',function(req,res){
var collection = db.get('test');
collection.find({},function(e,docs){
console.dir(docs);
res.render('hello.ejs', {
"userlist" : docs
});

});
//res.render('hello',{userlist:collection}); //向页面模板传递参数,可以传递字符串和对象。 并且把页面模板返回给客户端。以json的格式传给 模板页面。
});
app.listen(8888);

 

然后ejs  模板中

<!DOCTYPE html>
<html>
<head>
<title></title>

</head>
<body>

<div style="border:1px solid red;color:#666;font-size:30px;">
<% for(i=0; i< userlist.length; i++) {%>
<a><%= userlist[i].name %></a>
<% } %>
</div>
</body>
</html>

 

然后 用 node 跑起来服务

你就可以通过浏览器访问了。

localhost:8888/

posted @ 2016-09-07 10:09  he0xff  阅读(559)  评论(0编辑  收藏  举报