テンプレートエンジンのjade学習

4151 ワード

テンプレートエンジン

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テンプレートを使ってコードを簡単にすることができます.

[アルゴリズム]並べ替え