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

Posted IT-物语

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了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/

以上是关于nodejs + mongodb + ejs + express 实现页面展示 connection的主要内容,如果未能解决你的问题,请参考以下文章

如何使用 Nodejs/mongodb/mongoose 在 ejs/html 中显示数据库项目?

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

nodejs学习-4:nodejs连接mongodb和相关操作

nodejs学习-4:nodejs连接mongodb和相关操作

nodejs使用ejs模板渲染的数组问题

Nodejs下express+ejs模板的搭建