標籤：
（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
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
