jade模板
jade可作为Node模板,在Node Web开发中常作为Express的view engine。
jade官网:http://jade-lang.com/。
以下内容及示例来自于官网。
模板源代码代码:
doctype html html(lang="en") head title= pageTitle script(type='text/javascript'). if (foo) { bar(1 + 5) } body h1 Jade - node template engine #container.col if youAreUsingJade p You are amazing else p Get on it! p. Jade is a terse and simple templating language with a strong focus on performance and powerful features.
经过解析后生成的标准HTML代码:
<!DOCTYPE html> <html lang="en"> <head> <title>Jade</title> <script type="text/javascript"> if (foo) { bar(1 + 5) } </script> </head> <body> <h1>Jade - node template engine</h1> <div id="container" class="col"> <p>You are amazing</p> <p> Jade is a terse and simple templating language with a strong focus on performance and powerful features. </p> </div> </body> </html>
在Express中使用jade
app.set('view engine', 'jade'); app.set('view options', {layout: true}); app.set('views', __dirname + '/views');
如果jade模板中包含内嵌的脚本,需要采用如下的方式使用(注意script后面的那个点):
script. var abc = 'Hello World!';
相关推荐
Jade是受Haml的影响以JavaScript实现用于node的高性能模板引擎。 客户端支持 高可读性 灵活缩进 html 5模式 可选内存缓冲 默认代码转义以提高安全性 以过滤器产生解析树 模板继承 开箱即用的Express JS...
swig 是node端的一个优秀简洁的模板引擎,类似Python模板引擎Jinja,目前不仅在node端较为通用,相对于jade、ejs优秀,而且在浏览器端也可以很好地运行。
说的简单点,模板引擎就是一个字符串中有几个变量待定,通过模板引擎函数把数据动态的塞进去。 今天我们就来聊一聊 Jade 的使用方法和语法说明。Jade官网:jade-lang.com/ Jade 命令行工具 Jade 的使用需要依赖 ...
这个 gulp 文件有一个“json”任务,它读入所有 JSON 文件,并通过“locals”参数将它们的内容提供给 Jade 引擎。如何![Jade + JSON 构建过程图](readme-diagram.gif?raw=true “”)为什么让我们以促销模块为例。 ...
全局安装jade: npm install jade -g 初始化项目package.json: npm init –yes 安装完成之后,可以使用 jade –help 查看jade的命令行用法 一、在项目目录下新建index.jade文件 inde.jade代码: doctype html html ...
Jade 是一个高性能的模板引擎,它深受 Haml 影响,它是用 JavaScript 实现的,并且可以供 Node 使用。该文档是本人根据网络资源进行整理后形成的,更多交流欢迎访问我的“伟博小城”,地址:http://www.webczw.com/
Node下载安装 登录node官网下载安装包,安装方式有两种,一种是Windows安装包(.msi)形式,另一种是Windows(.exe)形式。 双击已下载好的安装包,点击Run(运行),勾选协议选项,点击next(下一步)按钮 Node.js...
Tale Jade for PHP最终实现了Jade语言到PHP的全功能,完整和干净的移植— Abraham Lincoln Tale Jade模板引擎为Node.js带来了流行而强大的模板语言Jade。PHP Tale Jade终于实现了全功能,将Jade语言完整完整地移植到...
本篇文章主要介绍了Node.js 使用jade模板引擎的示例,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
jade 为我们提供了一个简单的写法,(不过好像 jade 在升级之后的新版本中不推荐使用此方法了 -_-||| ) 当然,jade 还默认支持其他类型的文档声明,只需要使用 doctype 跟上下面的选项即可。jade 默认支持的有: var...
主要介绍了详解Node.js模板引擎Jade入门,Jade是Node.js的一个模板引擎,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
相对于jade,我还是更喜欢swig前端模板引擎,jade虽然语法简练高效了不少,但是在我这最大的问题是 他没有一个html该有的样子。。。 所以我还是决定使用swig,页面结构,样子都是熟悉的样子,使用起来顺手了许多。 ...
移动吴 新的虚拟大学基于,, , 。 日程 成绩 注释和决定 支付的金额 魔法 快速、安全、轻松地享受 Virtual University ...Jade - 强大、优雅、功能丰富的 nodejs 模板引擎 morgan - node.js 的 http 请求记录器中
默认带有 Jade 模板引擎。 这个应用程序用 [Nunjucks] ( ) 替换了 Jade。 安装说明(适用于 RHEL/CentOS): 安装 Node + Express: curl -sL https://rpm.nodesource.com/setup | bash - yum install -y nodejs...
简单的公告板 使用 node.js、express.js、sequelize.js、passport.js、jade 模板引擎、angular.js 和 bootstrap 的简单公告板