express結合jade模板渲染HTML

在線html轉jade工具>>

注意：如下是在Windwo環境下 

運行：

npm install jade

而後你的目錄node_modules下將增長jade文件夾

 

app.js

var express = require("express");
var app = express();

//指定模板引擎
app.set("view engine", 'jade');　 

//指定模板位置
app.set('views', __dirname + '/views');


//利用模板文件home.jade渲染爲html
app.get("/", function(req, res) {
    res.render('home.jade', {
        name: 'tinyphp'
    });
});

var server = app.listen(3000, function() {
    console.log("請在瀏覽器訪問：http://localhost:3000/");
});

 

home.jade，模板寫法可參考官方：http://naltatis.github.io/jade-syntax-docs/

doctype html
html
  head
    title my jade template
  body
    p Hi #{name}

 

node下app.js後，訪問：http://localhost:3000/

 

 

上面不想手動建立文件夾和文件的，能夠參考如下命令：

新建文件夾

mkdir views

 

新建文件

cd.>home.ejs

 

想必聰明的你會發現jade和ejs上調用過程是同樣的，只是模板的寫法不一樣。

拽此查看ejs的例子>>