`
2008winstar
  • 浏览: 58217 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论
  • chenke: 写的很好,也可以看看那这个文章,我感觉学的还可以。http:/ ...
    HTML

jade--Node 模板引擎

    博客分类:
  • jade
 
阅读更多

   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!';

 

分享到:
评论

相关推荐

    node模板引擎jade.zip

    Jade是受Haml的影响以JavaScript实现用于node的高性能模板引擎。 客户端支持 高可读性 灵活缩进 html 5模式 可选内存缓冲 默认代码转义以提高安全性 以过滤器产生解析树 模板继承 开箱即用的Express JS...

    Node.js-swig是node端的一个优秀简洁的模板引擎

    swig 是node端的一个优秀简洁的模板引擎,类似Python模板引擎Jinja,目前不仅在node端较为通用,相对于jade、ejs优秀,而且在浏览器端也可以很好地运行。

    node前端开发模板引擎Jade的入门

    说的简单点,模板引擎就是一个字符串中有几个变量待定,通过模板引擎函数把数据动态的塞进去。 今天我们就来聊一聊 Jade 的使用方法和语法说明。Jade官网:jade-lang.com/ Jade 命令行工具 Jade 的使用需要依赖 ...

    jade-and-json:使用 Node 加载 JSON 内容以使其可用于 Jade

    这个 gulp 文件有一个“json”任务,它读入所有 JSON 文件,并通过“locals”参数将它们的内容提供给 Jade 引擎。如何![Jade + JSON 构建过程图](readme-diagram.gif?raw=true “”)为什么让我们以促销模块为例。 ...

    基于Node.js模板引擎教程-jade速学与实战1

    全局安装jade: npm install jade -g 初始化项目package.json: npm init –yes 安装完成之后,可以使用 jade –help 查看jade的命令行用法 一、在项目目录下新建index.jade文件 inde.jade代码: doctype html html ...

    Jade —— 源于 Node.js 的 HTML 模板引擎

    Jade 是一个高性能的模板引擎,它深受 Haml 影响,它是用 JavaScript 实现的,并且可以供 Node 使用。该文档是本人根据网络资源进行整理后形成的,更多交流欢迎访问我的“伟博小城”,地址:http://www.webczw.com/

    实例2:采用Jade模板引擎实现用户注册登录功能.zip

    Node下载安装 登录node官网下载安装包,安装方式有两种,一种是Windows安装包(.msi)形式,另一种是Windows(.exe)形式。 双击已下载好的安装包,点击Run(运行),勾选协议选项,点击next(下一步)按钮 Node.js...

    PHP的Jade模板语言的完整且功能齐全的实现-PHP开发

    Tale Jade for PHP最终实现了Jade语言到PHP的全功能,完整和干净的移植— Abraham Lincoln Tale Jade模板引擎为Node.js带来了流行而强大的模板语言Jade。PHP Tale Jade终于实现了全功能,将Jade语言完整完整地移植到...

    Node.js 使用jade模板引擎的示例

    本篇文章主要介绍了Node.js 使用jade模板引擎的示例,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧

    node前端模板引擎Jade之标签的基本写法

    jade 为我们提供了一个简单的写法,(不过好像 jade 在升级之后的新版本中不推荐使用此方法了 -_-||| ) 当然,jade 还默认支持其他类型的文档声明,只需要使用 doctype 跟上下面的选项即可。jade 默认支持的有: var...

    详解Node.js模板引擎Jade入门

    主要介绍了详解Node.js模板引擎Jade入门,Jade是Node.js的一个模板引擎,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧

    nodejs前端模板引擎swig入门详解

    相对于jade,我还是更喜欢swig前端模板引擎,jade虽然语法简练高效了不少,但是在我这最大的问题是 他没有一个html该有的样子。。。 所以我还是决定使用swig,页面结构,样子都是熟悉的样子,使用起来顺手了许多。 ...

    wu:快速、安全、轻松地享受 Virtual University UITM 的所有主要功能

    移动吴 新的虚拟大学基于,, , 。 日程 成绩 注释和决定 支付的金额 魔法 快速、安全、轻松地享受 Virtual University ...Jade - 强大、优雅、功能丰富的 nodejs 模板引擎 morgan - node.js 的 http 请求记录器中

    express-nunjucks:示例 Node Express + Nunjucks 应用程序

    默认带有 Jade 模板引擎。 这个应用程序用 [Nunjucks] ( ) 替换了 Jade。 安装说明(适用于 RHEL/CentOS): 安装 Node + Express: curl -sL https://rpm.nodesource.com/setup | bash - yum install -y nodejs...

    simple-bulletin-board:使用 node.js、express.js、sequelize.js、passport.js、jade 模板引擎、angular.js 和 bootstrap 的简单公告板

    简单的公告板 使用 node.js、express.js、sequelize.js、passport.js、jade 模板引擎、angular.js 和 bootstrap 的简单公告板

Global site tag (gtag.js) - Google Analytics