🔥码云GVP开源项目 12k star Uniapp+ElementUI 功能强大 支持多语言、二开方便! 广告
模板语法采用的是nunjucks nunjucks 是一款类似于 jinja2 的模版引擎,功能异常强大,复杂项目建议使用该模版引擎。 定界符 块级定界符为 {% 和 %},变量定界符为 {{ 和 }},注释定界符为 <# 和 #>。如: ~~~ {{ username }} {% block header %} This is the default content {% endblock %} ~~~ 变量输出 可以通过 {{ username }} 来输出变量,默认输出的变量会自动转义,如果不想被转义,可以通过 {{ username | safe }} 来处理。 模版继承 父级模版: ~~~ {% block header %} This is the default content {% endblock %} <section class="left"> {% block left %}{% endblock %} </section> <section class="right"> {% block right %} This is more content {% endblock %} </section> ~~~ 子级模版: ~~~ {% extends "./parent.html" %} {% block left %} This is the left side! {% endblock %} {% block right %} This is the right side! {% endblock %} ~~~ 注:nunjucks 默认设置了 root_path,所以模板继承时需要使用相对路径。 条件判断 ~~~ {% if hungry %} I am hungry {% elif tired %} I am tired {% else %} I am good! {% endif %} ~~~ 循环 ~~~ <h1>Posts</h1> <ul> {% for item in items %} <li>{{ item.title }}</li> {% else %} <li>This would display if the "item" collection were empty</li> {% endfor %} </ul> ~~~