模板引擎之jade 学习

时间：2024-07-16 17:37:38

jade 模板引擎在node express 开发中有较多的使用，首先我们看一个简单的使用jade 生成的html 页面的标签代码：

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>

我们可以看到使用jade 模板可以简化我们的代码.

相关文章