![View
touch mountains.ejs
---- app.js ----
app.get("/mountains", function(req, res){
var mountainArray = [
{name: "Mt.Fuji"}
{name: "Yarigatake"}
{name: "Kumotorisan"}
{name: "Thukubasan"}
{name: "Takaosan"}
]
// {mountains:mountains} view
res.render("mountains"), {mountains:mountainArray};
});
---- mountains.ejs ----
<% mountains.forEach(function(mountain){ %>
<h4><%= mountain.name %></h4>
<% }); %>](https://image.slidesharecdn.com/deck1-170525131030/85/Node-js-6-320.jpg)
Node.jsやってみた
- 1. Node.js
- 3. express Web Application MVC npm install express --save var express = require('express'); var app = express();
- 4. mkdir sampleNode cd sampleNode // package.json npm init // npm install express --save // application touch app.js ---- app.js ---- var express = require("express") var app = express(); app.get("/", function(req, res){ res.send("Hello, World!!"); }); app.listen(process.env.PORT, process.env.IP, function(){ console.log("Server has started!!"); }); Node.js Hello,World!! .
- 5. ejs !! npm install ejs --save touch landing.ejs ---- app.js ---- var express = require("express"); var app = express(); app.set("view engine", "ejs"); app.get("/", function(req, res){ res.render("landing"); }); app.listen(process.env.PORT, process.env.IP, function(){ console.log("Server has started!!"); }); ---- landing.ejs ---- <h1>This is landing page!!</h1>
- 6. View touch mountains.ejs ---- app.js ---- app.get("/mountains", function(req, res){ var mountainArray = [ {name: "Mt.Fuji"} {name: "Yarigatake"} {name: "Kumotorisan"} {name: "Thukubasan"} {name: "Takaosan"} ] // {mountains:mountains} view res.render("mountains"), {mountains:mountainArray}; }); ---- mountains.ejs ---- <% mountains.forEach(function(mountain){ %> <h4><%= mountain.name %></h4> <% }); %>
- 7. JS