1. 变量表示

{{ argv }}

2. 赋值操作

{% set links = [

    ('home',url_for('.home')),

    ('service',url_for('.service')),

    ('about',url_for('.about')),

] %}

3. if判断

{% if not loop.first %}|{% endif %}

4. for 循环

{% for label,link in links %}

     {% if not loop.first %}|{% endif %}

     <a href="{{ link }}">{{ label }}</a>

{% endfor %} 

5. 定义测试函数

　　上面 loop.first 就是一个测试函数，这个我们也可以自定义

　　定义是在Sample.py 里定义的，current_link是HTML中可使用测试函数名称（可选）

@app.template_test('current_link')

def is_current_link(link):

    return link == request.path

　　HTML中，使用例子

<body>

{% set links = [

    ('home',url_for('.home')),

    ('service',url_for('.service')),

    ('about',url_for('.about')),

] %}

<nav>

    {% for label,link in links %}

        {% if not loop.first %}|{% endif %}

        <a href="{% if link is current_link %}#

        {% else %}

        {{ link }}

        {% endif %}

        ">{{ label }}</a>

    {% endfor %}

</nav>

</body>

---------------------------------------------分割线---------------------------------------------

6. 块block

　　Flask强大的地方就可以引用模板，而且非常方便。

　　这里不得不介绍block这个概念。

　　模板的文件一般放在templates文件夹下，我们这里新建一个HTML文件，存放模板，'base.html'

　　在这里面也，编排了整个页面的排版，里面会用到很多block的占位符。

　　每个block都代表一段html语句块，而这些块在哪里定义呢，可以在当前的base.html中定义，也可以在别的html中定义。反正要有一处定义，没有定义块只是没有效果而已

　　定义的时候，home.html 顶部必须说明继承关系(如果py文件链接的是home.html，但home.html引用了base.html的模板，就要说明)

{% extends 'base.html' %}

　　块的定义格式，endblock 后面块名可以省略，有时候加上会让结构更加明晰

{% block 块名 %}

    块内容

{% endblock (块名)%}

　　定义了块之后，base.html中对应的块，就会被这些块内容覆盖。

  • 块的覆盖情况

　　有一种情况，base.html中定义了block B 块内容1，但是在home.html也定义block B 块内容2，注意这时会优先显示内容2，因为把内容1覆盖了。

理解起来，就是base.html是通用模板，我们可以直接引用过来，没有问题，但是也可以自定义块，修改通用模板的内容，达到我们想要的效果。

　　还有一种情况，我们既不想不覆盖通用模板的内容，又想在其基础上，增加一些东西，这也是可以的。

　　举个例子：在base.html中

<footer>

    {% block footer %}

    <p>Posted:Bikmin</p>

        <p>Contact with:<a href="someone@example.com">someone@example.com</a> </p>

    {% endblock %}

</footer>

　　如果我们不再自定义块，就会使用base.html通用模板的内容，效果如下

　　

　　觉得这个模板还行，不想覆盖，还想在这个基础上再添加些东西，想要上面添加一条水平线作为分隔符，该怎么做呢

　　做法是，也是在home.html重新定义块，但是需要用到super()函数

{% block footer %}

    <hr>

    {{ super() }}

{% endblock %}

　　{{ super() }} 就表示了通用模板里的内容

　　在一个项目HTML中，块被定义多次，是会被覆盖的。

　　有时候，我们想引用块的内容，又不想写一串很长的块内容，这时候可以用下面的语法，不管在哪个html文件里定义的都可以，只要有继承关系

{{ self.块名() }}

7. 包含页

　　如果有一些HTML代码是经常用到的固定的，为了避免整个HTML文档看起来很拥挤，内容嘈杂。

可以将这一部分的代码，保存为了一个HTML模板，然后要用的时候，再用

{% include 'includes/_head.html' %}

包含的方法引用过来，引号里是路径，includes是templates下的一个文件夹，这个看你放在哪里，就填哪里的路径了。

8. 宏macro

　　学了这么多，发现Flask中到处都是模板，仔细想想Python中的函数不也像是模板吗？只要输入参数，就可以实现特定的功能。

所以Jinjia里当然少不了。

  • 宏的定义（举个例子）

下面定义一个<input/>的函数，通过做成宏，可以将一些参数修改成我们想要的默认值，然后调用的时候就像函数一样调用，很方便。

{# 定义宏 #}

{% macro input(name,value='',type='text',size=20) %}

    <input type="{{ type }}"

        name="{{ name }}"

        value="{{ value }}"

        size="{{ size }}"/>

{% endmacro %}
  • 宏的调用
{{ input('username') }}

{{ input('password',type='password') }}
  • 宏的集合做成库

　　宏跟函数差不多，Python的函数可以封装在库里，那么是不是也可以将很多宏集合在一起（一个HTML中）,要用的时候像调用库函数一样import使用呢？

答案是当然可以的。这个做法还有一个好处，就是让我们的主HTML文件，内容更加简练。节省空间，可读性更强。

　　下面我们举例将一个macro放在'_macro.html'中

然后如何引入到我们的文件里呢

{% import '_macro.html' as ui %}

这里注意，必须要加 as 库名 ，不然我们引用函数的时候，都不知道从哪里来的函数

调用的方式也有点改变，如下

{{ ui.input('username') }}

{{ ui.input('password',type='password') }}

　　是不是跟Python的使用函数一模一样？

小项目实战

#Sample.py

# coding:utf-8

from flask import Flask,render_template,request,url_for

app = Flask(__name__)

@app.route('/')

def home():

    return render_template('home.html',title_name = 'welcome')

@app.route('/service')

def service():

    return 'service'

@app.route('/about')

def about():

    return 'about'

@app.template_test('current_link')

def is_current_link(link):

    return link == request.path

if __name__ == '__main__':

    app.run(debug=True)

#home.html

{% extends 'base.html' %}

{% import '_macro.html' as ui %}

{% block title %}{{ title_name }}{% endblock %}

{% block content %}

{% set links = [

    ('home',url_for('.home')),

    ('service',url_for('.service')),

    ('about',url_for('.about')),

] %}

<nav>

    {% for label,link in links %}

        {% if not loop.first %}|{% endif %}

        <a href="{% if link is current_link %}#

        {% else %}

        {{ link }}

        {% endif %}

        ">{{ label }}</a>

    {% endfor %}

</nav>

    <p>{{ self.title() }}</p>

    {{ ui.input('username') }}

    {{ ui.input('password',type='password') }}

{% endblock content %}

{% block footer %}

    <hr>

    {{ super() }}

{% endblock %}

#base.html

<!DOCTYPE html>

<html lang="en">

<head>

    {% block head %}

        {% include 'includes/_head.html' %}

    {% endblock %}

</head>

<body>

    <header>{% block header %}{% endblock %}</header>

    <div>{% block content %}<p>hello</p>{% endblock %}</div>

    {% for item in items %}

        <li>{% block loop_item scoped %}{{ item }}{% endblock %}</li>

    {% endfor %}

    <footer>

        {% block footer %}

        <p>Posted:Bikmin</p>

            <p>Contact with:<a href="someone@example.com">someone@example.com</a> </p>

        {% endblock %}

    </footer>

</body>

</html>

#_head.html

<meta charset="UTF-8">

<link href="{{ url_for('static',filename='site.css') }}" rel="stylesheet">

<title>{% block title %}{% endblock %}</title>

#macro

{# 定义宏 #}

{% macro input(name,value='',type='text',size=20) %}

    <input type="{{ type }}"

        name="{{ name }}"

        value="{{ value }}"

        size="{{ size }}"/>

{% endmacro %}

运行项目

---------------------@@完成@@---------------------

Flask入门之Jinjia模板的一些语法的更多相关文章

  1. Flask：Jinjia模板

    Jinja2是Python下一个被广泛应用的模版引擎,他的设计思想来源于Django的模板引擎,并扩展了其语法和一系列强大的功能. 一.变量 1.1 手动传入的变量: 基本类型:{{ var }} 字 ...

  2. Flask入门系列（转载）

    一.入门系列: Flask入门系列(一)–Hello World 项目开发中,经常要写一些小系统来辅助,比如监控系统,配置系统等等.用传统的Java写,太笨重了,连PHP都嫌麻烦.一直在寻找一个轻量级 ...

  3. Flask入门模板Jinja2语法与函数(四)

    1 模板的创建 模板文件结构: project/ templates/ 模板文件 跳转模板一般使用: from flask import render_template,render_template ...

  4. Flask 的 template模板 与 jinja2语法

    Flask 的 template模板 与 jinja2语法 Flask使用的是Jinja2模板,所以其语法和Django基本无差别 1.模板基本数据的渲染 变量 {{..}} 列表 {% for it ...

  5. Flask入门很轻松（三）—— 模板

    Jinja2模板引擎 转载请在文章开头附上原文链接地址:https://www.cnblogs.com/Sunzz/p/10959471.html Flask内置的模板语言,它的设计思想来源于 Dja ...

  6. Flask入门之自定义过滤器(匹配器）

    1.  动态路由的匹配器? 不知道这种叫啥名,啥用法,暂且叫做匹配器吧. Flask自带的匹配器可以说有四种吧(保守数字,就我学到的) 动态路由本身,可以传任何参数字符串或者数字,如:<user ...

  7. Flask入门和快速上手

    目录 Flask入门和快速上手 python三大主流框架对比 Flask安装 依赖 可选依赖 创建flask项目 flask最小应用--hello word 非法导入名称 调试模式 路由 唯一的 UR ...

  8. flask基础之jijia2模板语言进阶（三）

    前言 前面学习了jijia2模板语言的一些基础知识,接下来继续深挖jijia2语言的用法. 系列文章 flask基础之安装和使用入门(一) flask基础之jijia2模板使用基础(二) 控制语句 和 ...

  9. flask基础之jijia2模板使用基础（二）

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

随机推荐

  1. Java实现栈之计算器

    Java实现栈来做一个将中缀表达式转化为后缀表达式的程序,中缀表达式更符合我们的主观感受,后缀表达式更适合计算机的运算,下面直接上代码吧: package Character1; import jav ...

  2. Iterm2安装Zsh + Oh My Zsh+Solarized

    安装Oh My Zsh curl -L https://raw.github.com/robbyrussell/oh-my-zsh/master/tools/install.sh | sh 安装Zsh ...

  3. Mahout系列之-----相似度

    Mahout推荐系统中有许多相似度实现,这些组件实现了计算不能User之间或Item之间的相似度.对于数据量以及数据类型不同的数据源,需要不同的相似度计算方法来提高推荐性能,在mahout提供了大量用 ...

  4. 《java入门第一季》之面向对象（面向对象案例详解）

    通过几个小案例理重新回顾一下前面所写的内容,对面向对象的理解更加深刻的目的: 案例一: /* 需求: 定义一个员工类,自己分析出几个成员, 然后给出成员变量,构造方法,getXxx()/setXxx( ...

  5. PS 图像调整算法——自动色阶 （Auto Levels）

    PS 给出的定义: Enhance Per Channel Contrast:Maximizes the tonal range in each channel to produce a more d ...

  6. hive使用过的基本命令

    命令:完成操作 hive:进去hive show databases:显示 所有database use wizad: 使用database wizad,或者如use aso show tables: ...

  7. iOS 百度地图计算两个点时间的距离

    最近在解项目bug,更新地位城市的时候有个错误,后来想在位置改变多少距离之后,再取更新位置,这个功能去年做过.但是又忘记了! 所以还是记录一下吧. 百度地图提供了一个方法: BMKMapPointFo ...

  8. JVM学习--(八)java堆分析

    上一节介绍了针对JVM的监控工具,包括JPS可以查看当前所有的java进程,jstack查看线程栈可以帮助你分析是否有死锁等情况,jmap可以导出java堆文件在MAT工具上进行分析等等.这些工具都非 ...

  9. SAP BADI的“多次使用”（multiple use）

    SAP中的某些BADI是不允许多用(multiple use)的,即不能同时存在多个活动的增强实施类.如下图中的这种,无论为其创建多少个实施类,都只有活动的那一个会被触发: tips : 业务加载项定 ...

  10. javap

    本词条缺少概述.信息栏.名片图,补充相关内容使词条更完整,还能快速升级,赶紧来编辑吧! javap是jdk自带的一个工具,可以反编译,也可以查看java编译器生成的字节码,是分析代码的一个好工具. j ...