jade——创建第一个jade模板

什么是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

jade——创建第一个jade模板

运行cmd,定位到js文件目录,运行

jade——创建第一个jade模板

打开浏览器,输入:http://127.0.0.1:3000/

jade——创建第一个jade模板

完成。

上一篇:json转换数据后面参数要带ture,代码


下一篇:开发环境准备:Ruby on Rails开发环境配置