前言

前面学习了jijia2模板语言的一些基础知识,接下来继续深挖jijia2语言的用法。

系列文章

控制语句

和python语言一样,模板语言也有自己的控制语句,比如条件语句、循环语句等等;

条件语句if

{% if name and name == 'admin'  %}
<h1>This is admin console</h1>
{% elif name %}
<h1>Welcome {{ name }}!</h1>
{% else %}
<h1>Please login</h1>
{% endif %}

循环语句for

# 基本的for循环结构
{% for user in users %}
<li>{{ user.username|e }}</li>
{% endfor %}
# 当for循环没有执行时使用else中代替
{% for user in users %}
<li>{{ user.username|e }}</li>
{% else %}
<li><em>no users found</em></li>
{% endfor %} # 去除空白,加-,注意%和-必须紧靠,否则无效;
{% for digit in digits -%}
{{ digit }}
{%- endfor %}

注意:访问每次循环中的数据使用loop变量代表本次的循环

{% for user in users %}
<li>{{ user.username|e }}</li>
{% if loop.index == 2 %}
<p>OK</p>
{% endif %}
{% endfor %} loop.index 当前循环迭代的计数(从 1 开始)
loop.index0 当前循环迭代的次数(从 0 开始)
loop.revindex 到循环结束需要迭代的次数(从 1 开始)
loop.revindex0 到循环结束需要迭代的次数(从 0 开始)
loop.first 如果是第一次迭代,为 True 。
loop.last 如果是最后一次迭代,为 True 。
loop.length 序列中的元素的个数,即循环的长度;
loop.cycle 在一串序列间期取值的辅助函数。
loop.depth 当前循环在递归中的层级(从1开始)
loop.depth0 当前循环在递归中的层级(从0开始)

作用域控制with

# 限制对象的作用域,foo作为局部变量
{% with foo = 1 %}
{% set bar = 2 %}
{{ foo + bar }}
{% endwith %} # do可以将表达式转换语句,即表示执行的意思
{% with arr = ['Sunny'] %}
{% do arr.append('Rainy') %} # 执行arr.append('Rainy')语句
{{ arr }}
{% endwith %}

表达式

  • 算术表达式
# 其语法和python中的一模一样
{{ a + b}}
  • 比较表达式
# 其语法和python中的一模一样
{{ a == b}}
  • ~
{{ "Hello " ~ name ~ "!" }}
返回(假设 name 值为 'John' ) Hello John!

转义

  • raw忽略模板的语法
# {{}} 和{%%}这种形式将失效,代表它们本身的符号
{% raw %}
<ul>
{% for item in items %}
<li>{{ item }}</li>
{% endfor %}
</ul>
{% endraw %}
  • 自动转义
# autoescape参数,如果为false则关闭转义,flask框架中默认为True
{% autoescape false %}
<h1>Hello {{ name }}!</h1>
{% endautoescape %}

模板继承

# test.html
# 父模板
{% block head %} {% endblock %} # 子模板
{% extends "test.html" %}
{% block head %}
{{ super() }}
Index
{% endblock %}
  • 想要渲染父模板中的模板需要使用{{ super() }},即如果父块中已经有语句,不是空的,如果要保留就需要使用这个

注意:继承之后,块内是无法访问块外的变量的,如果想要访问,则:

# scoped参数可以让list块内访问块外的变量
{% block list scoped %}{% endblock %}

包含include

include可以加载另一个模板在当前的位置,直接渲染;

# 直接在当前的位置
<body>
{% include 'footer.html' %}
</body>
# 当”include”的模板文件不存在时,程序会抛出异常。可以加上”ignore missing”关键字,这样如果模板不存在,就会忽略这段”{% include %}”语句。
{% include 'footer.html' ignore missing %}
# 添加多个模板
{% include ['footer.html','bottom.html','end.html'] ignore missing %}

  • 宏简单来说就是在模板中定义并使用的函数,用来简化代码量

  • 定义一个宏

# 使用macro定义,相当于def
{% macro input(name, type='text', value='') -%}
<input type="{{ type }}" name="{{ name }}" value="{{ value }}"> {%- endmacro %}
  • 调用一个宏
# 通过表达式调用
<p>{{ input('username', value='user') }}</p>
<p>{{ input('password', 'password') }}</p> # 使用call,会将里面的内容替换func函数中的caller()方法
{% call func(users) %}
<td><input name="delete" type="button" value="Delete"></td>
{% endcall %}
# 调用宏的参数,func函数中的caller(name)方法的参数name可以传递过来
{% call(name) func(users) %}
<td><input name="delete" type="button" value="Delete"></td>
{% endcall %}

宏里面自动添加了varargs和kwargs参数,可以用来接收多余的变量或键值对参数;

  • 宏的导入:

一个宏可以被不同的模板使用,建议将其声明在一个单独的模板文件中。需要使用时导入进来即可,而导入的方法也非常类似于Python中的”import”。

{% import 'form.html' as form %}
<p>{{ form.input('username', value='user') }}</p>

参考:

flask基础之jijia2模板语言进阶(三)的更多相关文章

  1. flask基础之jijia2模板使用基础(二)

    前言 在以前前后端不分离的时代,后台程序员往往又当爹又当妈,需要将前端程序员写的h5页面填充模板语言.而jijia2是一门十分强大的python的模板语言,是flask框架的核心模块之一.先简单介绍一 ...

  2. 第二百五十九节,Tornado框架-模板语言的三种方式

    Tornado框架-模板语言的三种方式 模板语言就是可以在html页面,接收逻辑处理的self.render()方法传输的变量,将数据渲染到对应的地方 一.接收值渲染 {{...}}接收self.re ...

  3. flask 第四篇 模板语言jinja2

    是时候开始写个前端了,Flask中默认的模板语言是Jinja2 现在我们来一步一步的学习一下 Jinja2 捎带手把 render_template 中留下的疑问解决一下 首先我们要在后端定义几个字符 ...

  4. 测开之路三十:Flask基础之jinja2模板继承

    实现某些位置的内容固定,某些位置的内容动态展示,如: 中文文档地址:http://docs.jinkan.org/docs/jinja2/templates.html#template-inherit ...

  5. Django模板语言进阶

    一.母板 1.什么情况下使用母版 当多个页面的大部分内容都一样的时候,我们可以把相同的部分提取出来,放到一个单独的母版HTML文件中 然后在母版中定义需要被替换的block 例如:母板页面 <! ...

  6. 测开之路二十九:Flask基础之jinja2模板

    中文文档:http://docs.jinkan.org/docs/jinja2/ 与静态资源一样,Flask默认的模板目录名为templates,如果有需要的话和static一样,要在初始化的时候声明 ...

  7. flask基础之AppContext应用上下文和RequestContext请求上下文(六)

    前言 应用上下文和请求上下文存在的目的,官方文档讲的很清楚,可参考: http://www.pythondoc.com/flask/appcontext.html 应用上下文对象在没有请求的时候是可以 ...

  8. flask基础之请求处理核心机制(五)

    前言 总结一下flask框架的请求处理流程. 系列文章 flask基础之安装和使用入门(一) flask基础之jijia2模板使用基础(二) flask基础之jijia2模板语言进阶(三) flask ...

  9. flask基础之app初始化(四)

    前言 flask的核心对象是Flask,它定义了flask框架对于http请求的整个处理逻辑.随着服务器被启动,app被创建并初始化,那么具体的过程是这样的呢? 系列文章 flask基础之安装和使用入 ...

随机推荐

  1. python3判断字典、列表、元组为空以及字典是否存在某个key的方法

    #!/usr/bin/python3 #False,0,'',[],{},()都可以视为假 m1=[] m2={} m3=() m4={"name":1,"age&quo ...

  2. 【Asp.Net Core】在Visual Studio 2017中使用Asp.Net Core构建Angular4应用程序

    前言 Visual Studio 2017已经发布了很久了.做为集成了Asp.Net Core 1.1的地表最强IDE工具,越来越受.NET系的开发人员追捧. 随着Google Angular4的发布 ...

  3. MachineLearning ---- lesson 2 Linear Regression with One Variable

    Linear Regression with One Variable model Representation 以上篇博文中的房价预测为例,从图中依次来看,m表示训练集的大小,此处即房价样本数量:x ...

  4. android面试(2)----组件

    1.anroid:id的作用? android:id是作为控件的唯一标示符.可以使用与releativelayout中,也可以再Activity中通过findviewbyid来获得指定的控件. 2.a ...

  5. vue使用过程中的一些小技巧

    这些也是自己平时项目中遇到过的一些问题,看到有人整理了出来,也就转载保存一下 文章内容总结: 组件style的scoped Vue 数组/对象更新 视图不更新 vue filters 过滤器的使用 列 ...

  6. Qt浅谈之总结(整理)

    Qt浅谈之总结(整理) 来源 http://blog.csdn.net/taiyang1987912/article/details/32713781 一.简介 QT的一些知识点总结,方便以后查阅. ...

  7. Thuwc2018 游记

    上一次没有滚粗的比赛已经是9个月前了QAQ.但我现在回过头去看那篇“zjoi游记”,却发现自己并不能从中得到收获.希望这次写下的东西,可以帮助我更好地准备即将到来的省选(雾) day 0 火车上浪10 ...

  8. Subseq

    Portal --> broken qwq Description  给你一个长度为\(n\)的整数序列,要支持以下两个操作: \((0,i,x)\):将第\(i\)个数改成\(x\) \((1 ...

  9. LOJ #6036.「雅礼集训 2017 Day4」编码 Trie树上2-sat

    记得之前做过几道2-sat裸体,以及几道2-sat前缀优化建图,这道题使用了前缀树上前缀树优化建图.我们暴力建图肯定是n^2级别的,那么我们要是想让边数少点,就得使用一些骚操作.我们观察我们的限制条件 ...

  10. 【树状数组】【P3902】 递增

    传送门 Description 给你一个长度为\(n\)的整数数列,要求修改最少的数字使得数列单调递增 Input 第一行为\(n\) 第二行\(n\)个数代表数列 Output 输出一行代表答案 H ...