MongoDBに登録したデータをHTMLに表示する

前回の続きで、MongoDBに登録したデータをHTMLに表示する方法を試してみました。

実際に実行してみると大したことはなかったけど、結構調べるのに時間がかかった。

今回はEJSというテンプレートエンジンを使用して表示を試してみました。サーバとブラウザの両方で動作することができます。

server.js

var https = require("https"),
    fs = require("fs");
var ejs = require("ejs");
var setting = require("./settings.js");
var server = https.createServer();
var temp = fs.readFileSync(__dirname + "/view.ejs" , "utf-8");

var mongo = require("mongodb");
var serverDB = require("mongodb").Server;
var sys = require('util');
var users = "users";
var name = "name"
var Db = mongo.Db;
var array=[],i=0;
var db = new Db('nodeDB', new serverDB('127.0.0.1', 27017));
db.open(function(err, db){
  if(err){
   console.error('DB接続エラー');
   throw(err);
  }
 console.log('DB接続完了');
 
 // 接続完了後にコレクション取得
 collection = db.collection(users);
 
 collection.find({}, function(err, cursor) {
   cursor.each(function(err, DB) {
    if (DB) {array[i] = DB.name; i++;}
   });
 });

 server.on("request", function(req,res){
  var data = ejs.render(temp, {
   name1 : array[0],
   name2 : array[1],
   name3 : array[2]
 });

  res.writeHead(200, {"Content-type" : "text/html"}); 
  res.write(data);
  res.end();
  console.log(data);
 }); 
});

server.listen(setting.port, setting.host);

var https = require("https"),

fs = require("fs");

var ejs = require("ejs");

var setting = require("./settings.js");

var server = https.createServer();

var temp = fs.readFileSync(__dirname + "/view.ejs" , "utf-8");

var mongo = require("mongodb");

var serverDB = require("mongodb").Server;

var sys = require('util');

var users = "users";

var name = "name"

var Db = mongo.Db;

var array=[],i=0;

var db = new Db('nodeDB', new serverDB('127.0.0.1', 27017));

db.open(function(err, db){

if(err){

console.error('DB接続エラー');

throw(err);

}

console.log('DB接続完了');

// 接続完了後にコレクション取得

collection = db.collection(users);

collection.find({}, function(err, cursor) {

cursor.each(function(err, DB) {

if (DB) {array[i] = DB.name; i++;}

});

server.on("request", function(req,res){

var data = ejs.render(temp, {

name1 : array[0],

name2 : array[1],

name3 : array[2]

});

res.writeHead(200, {"Content-type" : "text/html"});

res.write(data);

res.end();

console.log(data);

});

server.listen(setting.port, setting.host);

view.ejs

&lt;html&gt;
 &lt;h1&gt;&lt;%= name1 %&gt;&lt;/h1&gt;
 &lt;h1&gt;&lt;%= name2 %&gt;&lt;/h1&gt;
 &lt;h1&gt;&lt;%= name3 %&gt;&lt;/h1&gt;
&lt;/html&gt;

<html>

</html>

表示成功！！

MongoDBに登録したデータをHTMLに表示する

ABOUT

新着エントリー

アーカイブ

カテゴリー

RECOMMENDこちらの記事も人気です。

開いてるブラウザ名を取得する

素のJavaScriptとJQueryの角度を変更する方法

【 独学 Web制作】クラウドワークスで案件を受注する方法

[Node.js]URLを指定して画像を保存する

簡単！Easy Pie Chartでキレイな円グラフ作成

ゴーストボタンを試してみた

【無料でSSL化】さくらでLet's Encryptを使用してみた

ランダムな文字の後に指定した文字を表示する

ABOUT

新着エントリー

よく読まれている投稿

アーカイブ

カテゴリー

【独学 Web制作】クラウドワークスで案件を受注する方法