什么是jade?
jade是node.js的一个模板引擎,参考了haml的语法,是简写的html语言。
使用单个标签代替双标签,类似于Python,通过缩进来确定从属关系,没有结束符号,非常简洁,使用过hbuilder的小伙伴一定会感到很亲切。
比如,直接看下面吧。
准备
安装jade,打开cmd,输入:npm install -g jade
创建一个jade模板
demo.js
var http=require('http');
//引入jade
var jade=require('jade');
var fs=require('fs');
var data={
title:"node js",
tags:["jade","nodejs","express"],
}; //创建服务器
var server=http.createServer(function(req,res){
res.writeHead(200,{"Content-Type":"text/html;charset=utf-8"});
//调用jade
jade.renderFile('jade-example.jade',data,function(error,html){
res.end(html);
}); });
server.listen(3000); console.log("server running at http://127.0.0.1:3000");
jade-example.jade
.header
h1=title
p 这是一个段落
.body
p=title
.footer
a(href="www.baidu.com") 这是一个超链接
p
|这是文本
each value ,index in tags
li=value
生成的html
运行cmd,定位到js文件目录,运行
打开浏览器,输入:http://127.0.0.1:3000/
完成。