express结合jade模板渲染HTML

注意：以下是在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的例子>>

巴特西

express结合jade模板渲染HTML

最新文章

热门文章