1、學習使用ejs模闆(這個是ejs.js)
var express = require('express');
var app = express();
app.set("view engine","ejs");
app.set("views",__dirname+"/views");
app.use(express.static(__dirname));
app.get("/",function(req,res){
res.render("home.ejs",{name:'yorkie'});
});
app.get("/request/:id",function(req,res){
var locals = {name:"yorkie"+__dirname,id:req.params["id"]};
res.render("home.ejs",locals);
});
app.listen(3000);
2、home.ejs模闆
<html>
<head>
<title>new templete</title>
</head>
<body>
<script type="text/javascript" src="/views/ejs.min.js"></script>
<p>hello world</p>
<p>hi <%= name %></p>
<p>id <%= id %></p>
<div id="test"></div>
<script>
var tmpl = "<p>new temple</p>";
var newTempleDiv = document.getElementById("test");
newTempleDiv.innerHTML = ejs.render(tmpl);
</script>
</body>
</html>
運作:
node ejs.js
3、這裡注意:因為我用的是Linux,js的引用路徑是以目前使用者的目錄為更目錄。例如:這裡的更目錄不是/,而是/root。以/root來作為更目錄使用。