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和相关操作