jade模板

最新推荐文章于 2021-02-25 20:32:28 发布

2008winstar

最新推荐文章于 2021-02-25 20:32:28 发布

阅读量896

点赞数

分类专栏： NodeJS 文章标签： NodeJS

本文链接：https://blog.csdn.net/winstar1688/article/details/42582847

版权

NodeJS 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

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

2008winstar

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
jade模板

jade可作为Node模板，在Node Web开发中常作为Express的view engine。 jade官网：http://jade-lang.com/。模板源代码代码：doctype htmlhtml(lang="en") head title= pageTitle script(type='text/javascript').
复制链接

扫一扫

专栏目录