Web前端学习 第5章 node基础教程8 Nunjucks模板语法

在上一节内容中，我们了解到通过`render`方法不仅可以指定渲染的模板，还可以向模板传递数据。

本节我们继续讲解nunjucks模板语法，使其不仅可以展示一行字符串，还可以展示更为丰富的网页效果。

本章我们只讲解常用的功能，如果需要更多的nunjucks模板功能，可以到[nunjucks中文文档](https://nunjucks.bootcss.com/templating.html)查阅

//数据
{"fruits":["香蕉","苹果","鸭梨"]}

<ul>
    {% for fruit in fruits %}
    <li>{{fruit}}</li>
    {% endfor %}
</ul>

1 //数据
2 {"isLogin":true}
3 
4 {% if isLogin %}
5     <p>欢迎您来到我的网站</p>
6 {% else %}
7     <p>请登录</p>
8 {% endif %}

 1 <!-- 模板layout.html -->
 2 <a href="/">首页</a>
 3 <a href="/images">图片</a>
 4 {% block content %}{% endblock %}
 5 
 6 <!-- home.html -->
 7 {% extends "./views/layout.html" %}
 8 {% block content %}
 9 <h1>首页</h1>
10 {% endblock %}
11 
12 <!-- images.html -->
13 {% extends "./views/layout.html" %}
14 {% block content %}
15 <h1>图片</h1>
16 {% endblock %}

1 {% extends "./views/layout.html" %}
2 
3 {% block content %}
4 <h1>首页</h1>
5 
6 {% include "./views/footer.html" ignore missing %}
7 
8 {% endblock %}