nunjucks-2

最新推荐文章于 2024-11-01 15:58:16 发布

2401_84153038

最新推荐文章于 2024-11-01 15:58:16 发布

阅读量357

点赞数 3

分类专栏：程序员文章标签： gitee

本文链接：https://blog.csdn.net/2401_84153038/article/details/138799587

版权

程序员专栏收录该内容

176 篇文章 1 订阅

订阅专栏

        {name:"李四",age:20,sex:"男"},

        {name:"王五",age:20,sex:"男"}

    ],

    str : "hello world"

});

})

app.use(router.routes());

app.listen(8888);

index.html

<meta charset="UTF-8">

<meta name="viewport" content="width=device-width, initial-scale=1.0">

<title>Document</title>

<h1>我是标题</h1>

<p>用户名：{{username}}</p>



<!-- 正常书写注释即可 -->

{# 我是nunjucks的注释 #}



<!-- if判断 -->

{% if num >3 %}

<p>num值大于3</p>

{% elseif num <3 %}

<div>num值小于3</div>

{% else %}

<span>num值等于3</span>

{% endif %}



<!-- 循环结构 -->

<ul>

    {% for item in arr %}

    <li>

        姓名是{{item.name}};

        年龄是{{item.age}};

        性别是{{item.sex}}

    </li>

    {% endfor %}

</ul>



<!-- 正则过滤器 -->

{{str | replace("hello","你好") | capitalize}}



<!-- 备注：nodemon不能检测到html，所以在html中修改内容后，记得重启服务器 -->



<!-- 宏标签 macro -->

{% macro pet(name="猪",sex="公") %}

<p>它是一只{{name}},性别是:{{sex}}</p>

{% endmacro %}



{% macro person(name,age) %}

<div> {{name}} </div>

<h2> {{age}} </h2>

{% endmacro %}



{{pet("小狗","公")}}

{{pet("小猫","母")}}

{{pet()}}



{% include "footer.html" %}

import.html

<meta charset="UTF-8">

<meta name="viewport" content="width=device-width, initial-scale=1.0">

<title>Document</title>

{# {% include 'index.html' %} #} 



{% import 'index.html' as obj %}



{{obj.pet("郭","公子")}}



{{obj.person("div","h2")}}

fotter.html

<meta charset="UTF-8">

<meta name="viewport" content="width=device-width, initial-scale=1.0">

<title>Document</title>

<h1>w我是公共的</h1>

dataDtail.html

<meta charset="UTF-8">

<meta name="viewport" content="width=device-width, initial-scale=1.0">

<title>Document</title>

{% import 'index.html' as obj %}



{{obj.person("ding","guangDa")}}



{{obj.pet("猪","母")}}



{% if num>3 %}

<p>num大于3</p>

{% elseif num<3 %}

<div>num小于3</div>