一、學習使用ejs模板(這個是ejs.js)javascript
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);
二、home.ejs模板html
<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>
運行:java
node ejs.js
三、這裏注意:由於我用的是Linux,js的引用路徑是以當前用戶的目錄爲更目錄。例如:這裏的更目錄不是/,而是/root。以/root來做爲更目錄使用。node