Jade 正在参加 2021 年度 OSC 中国开源项目评选,请投票支持!
Jade 在 2021 年度 OSC 中国开源项目评选 中已获得 {{ projectVoteCount }} 票,请投票支持!
2021 年度 OSC 中国开源项目评选 正在火热进行中,快来投票支持你喜欢的开源项目!
2021 年度 OSC 中国开源项目评选 >>> 中场回顾
Jade 获得 2021 年度 OSC 中国开源项目评选「最佳人气项目」 !
授权协议 MIT
操作系统 跨平台
软件类型 开源软件
所属分类 程序开发模板引擎
开源组织
地区 不详
投 递 者 mingshun
适用人群 未知
收录时间 2012-01-02

软件简介

项目已经重命名为 Pughttps://www.oschina.net/p/pug

Jade是受Haml的影响以JavaScript实现用于node的高性能模板引擎。

特性:

  • 客户端支持

  • 高可读性

  • 灵活缩进

  • html 5模式

  • 可选内存缓冲

  • 默认代码转义以提高安全性

  • 以过滤器产生解析树

  • 模板继承

  • 开箱即用的Express JS支持

  • 命令行运行编译jade模板

  • 通过each透明迭代对象,数组,甚至非枚举类

  • 块注释

  • 块扩展

  • 编译和运行时上下文错误报告

  • 属性改写

  • 静态包含

  • mixins

  • 块注释

  • 无标签前缀

  • AST过滤器

  • ……


!!! 5
html(lang="en")
  head
    title= pageTitle
    :javascript
      | if (foo) {
      |    bar()
      | }
  body
    h1 Jade - node template engine
    #container
      - if (youAreUsingJade)
         You are amazing
      - else
         Get on it!
         Get on it!
         Get on it!
         Get on it!
					

<!DOCTYPE html>
<html lang="en">
  <head>
    <title>Jade</title>
    <script type="text/javascript">
      //<![CDATA[
      if (foo) {
      	bar()
      }
      //]]>
    </script>
  </head>
  <body>
    <h1>Jade - node template engine</h1>
    <div id="container">
      <p>You are amazing</p>
    </div>
  </body>
</html>	

 

展开阅读全文

代码

的 Gitee 指数为
超过 的项目

评论 (1)

加载中
熟悉了格式,用起来还挺爽 node 模板引擎 jade
2014/01/20 23:34
回复
举报
更多评论
暂无内容
发表了博客
2018/09/11 19:17

node jade模板数据库操作

/* Navicat MySQL Data Transfer Source Server : localhost Source Server Version : 50519 Source Host : localhost:3306 Source Database : test Target Server Type : MYSQL Target Server Version : 50519 File Encoding : 65001 Date: 2018-09-11 19:02:40 */ SET FOREIGN_KEY_CHECKS=0; -- ---------------------------- -- Table structure for person -- ---------------------------- DROP TABLE IF EXISTS `person`;...

0
0
发表了博客
2018/07/06 06:40

jade-for-each-while

if else还是for循环,在jade里面都是可执行的代码 for循环 - var lession = {course:'jade', level:'high'} - for (var k in lession)   p= lession[k] => <p>jade</p> <p>high</p> each - each value,key in lession   p #{key}: #{value} => <p>course: jade</p> <p>level: high</p> 这个each里面的前面-可加可不加 each value,key in lession   p #{key}: #{value} => <p>course: jade</p> <p>level: hi...

0
0
发表于大前端专区
2014/07/19 11:28

Jade学习

`jade.jade` doctype html html(lang="en") head - var name = 'Jade' title= name meta(charset="utf-8") link(rel="stylesheet", type="text/css" href="/stylesheets/style.css") body h1 Jade - node template engine #container.col if name === 'Jade' p #{name} is very cool else p Get on Jade footer p. Jade is a terse and simplae templating language with a strong focus on performance and powerful features....

0
1
2016/12/08 19:55

Express jade

第一部分 背景 随着 web 发展,前端应用变得越来越复杂,基于后端的 javascript(Node.js) 也开始崭露头角,此时 javascript 被寄予了更大的期望,与此同时 javascript MVC 思想也开始流行起来. 为了使用户界面与业务数据分离,就产生了『模板引擎』这个概念。模板引擎有很多, 比较有名的有jade(express默认)、ejs、hbs(ghost默认)、doT、swig等等。 『模板引擎』是什么? 1. 模板是什么?模板就是一个模子。供你套数据,并且...

0
1
发表了博客
2018/06/30 08:02

jade简介

模板引擎:将动静部分糅合的一种实现机制或者技术 var items = [ {title:'..',photo:'http://',id:1,desc:'a'}, {title:'..',photo:'http://',id:2,desc:'a'}, {title:'..',photo:'http://',id:3,desc:'a'} ] 我们平常看到的网页,里面有图片啊,文字啊,都是html代码,这些可以看作网页中的数据,这些数据有些是写死到页面上的,也可能是存在数据库里面的,如果是写死的,那么服务器,或者后台程序,直接返回这...

0
0
发表了博客
2018/07/11 06:26

jade继承

代码的复用是jade非常突出的一个设计目标,jade不仅仅通过mixin来复用代码,他在文件的组织能力上也非常突出,说白了,就是继承和包涵 block定义的方式和调用的方式 block desc   p jade study block desc block desc => <p>jade study</p> <p>jade study</p> <p>jade study</p> 继承 layout.jade html   head     meta(charset='utf-8')     title layout   body     block descript       ...

0
0
发表了博客
2018/07/07 08:28

jade-if-else-unless-case

if else - var lession = ['node','jade'] if lession   if lession.length > 2     p 1 #{lession.join(', ')}   else if lession.length > 1     p 2 #{lession.join(', ')}   else     p no lession else   p no lession => <p>2 node, jade</p> unless其实就是if的反向的判断 - var isJade = true unless !isJade   p #{lession.length} => <p>2</p> case在jade里面不写switch case,而...

0
0
没有更多内容
加载失败,请刷新页面
点击加载更多
加载中
下一页
暂无内容
1 评论
55 收藏
分享
OSCHINA
登录后可查看更多优质内容
返回顶部
顶部