主要学习jade文件的单独使用方法。
- 安装jade模块
- 创建jade文件
- jade中数据填充
- 编译
例子：
创建一个jade-example.jade文件，内容如下：
.header
h1=title
p
.body
p=body
.footer
div=By
a(herf="http://www.baidu.com")=author.name
ul
each tag, index in tags
li=tag
在文件中，主要包含titile:string， body:string，author:string，tags:Array<string>四个数据需要填充。 常用的数据源获取可以从DB，File，User Input等方式获取。如下提供一个数据填充方法。
创建jade-example.js文件用于jade-example.jade文件的数据填充，如下：
var jade = require("jade");
var fs = require("fs");
var data= {
title:"Test Jade Example",
author:{
name:"Rill",
twitter:"@rill"
},
tags:[
"express",
"node",
'javascript'
],
body:process.argv[2]//通过用户输入获取数据
}
//如下提供三种编译方法
fs.readFile('jade-example.jade', 'utf-8', function(err, source){
//方法1 通过jade。compile
var tmp = jade.compile(source);
var html=tmp(data);
console.log(html);
// //方法2 通过jade。compile
// var html = jade.render(source,data);
// console.log(html);
});
// //方法1 通过jade。compile
// jade.renderFile("jade-example.jade", data, function(err, html){
// console.log(html);
// })
如上，提供了jade中的三种编译方法，jade.compile(), jade.render(), jade.renderFile()
在命令行中执行node jade-example.js "Test"， 查看运行的效果
Paste_Image.png
