NumJucks 语法

版权声明：转载请注明原文地址 https://blog.csdn.net/mjzhang1993/article/details/82901561

NumJucks 语法

说明

NumJucks 是一个 JavaScript 模板引擎，功能丰富，语法简单

1. 变量

变量会从模板上下文获取，如果你想显示一个变量可如下操作

{{ foo.bar }}

2. 定义模板

// 定义模板
<section>
    <div class="left">
        {% block left %}
        this is default left content
        {& endblock &}
    </div>
    <div class="right">
        {% block right %}
        this is default right content
        {& endblock &}
    </div>
</section>

2. 模板继承及使用

模板继承可以达到模板复用的效果

// 继承 layout.nj 模板
{% extends 'layout.nj' %}

{% block left %}
这里替换在模板中的 left 部分
{% endblock %}

{% block right %}
这里替换在模板中的 right 部分
{% endblock %}

4. 引入其他模板插入当前位置

用来插入小块的组件

// 插入 banner 组件
{% include 'banner.nj' %}

5. 设置或者修改变量

// 设置一个变量 username 为 sss 
{% set username = "sss" %} 

6. 条件判断

{% if a %} 
    content A
{% elif b %}
    content B
{% else %}
    content Default
{% endif %}

7. 循环

{% for item in items %}
    content of Item
{% else %}
    content if items.length === 0
{% endfor %}