首页
所有分类
TAGS
文字工具 EMOJI BIBLE
编程 Python

Flask框架Jinjia模板常用语法总结

Posted in Python onJuly 19, 2018

本文实例总结了Flask框架Jinjia模板常用语法。分享给大家供大家参考，具体如下：

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 }}" rel="external nofollow" >{{ 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>

Flask框架Jinjia模板常用语法总结

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" rel="external nofollow" rel="external nofollow" >someone@example.com</a> </p>
  {% endblock %}
</footer>

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

Flask框架Jinjia模板常用语法总结

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

做法是，也是在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" rel="external nofollow" rel="external nofollow" >someone@example.com</a> </p>
    {% endblock %}
  </footer>
</body>
</html>

#_head.html

<meta charset="UTF-8">
<link href="{{ url_for('static',filename='site.css') }}" rel="external nofollow" 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模板常用语法总结

更多关于Python相关内容可查看本站专题：《Python入门与进阶经典教程》、《Python数据结构与算法教程》、《Python函数使用技巧总结》、《Python字符串操作技巧汇总》及《Python文件与目录操作技巧汇总》

希望本文所述对大家Python程序设计有所帮助。

Flask框架Jinjia模板常用语法总结

- Author -

站在两个世界的边缘

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Python 相关文章推荐
用python + hadoop streaming 分布式编程（一） -- 原理介绍，样例程序与本地调试
Jul 14 Python
Python内置函数dir详解
Apr 14 Python
浅谈Python的Django框架中的缓存控制
Jul 24 Python
Python实现视频下载功能
Mar 14 Python
Python数据分析之如何利用pandas查询数据示例代码
Sep 01 Python
Python3.6简单操作Mysql数据库
Sep 12 Python
Django JWT Token RestfulAPI用户认证详解
Jan 23 Python
Python3.5装饰器原理及应用实例详解
Apr 30 Python
python爬虫 2019中国好声音评论爬取过程解析
Aug 26 Python
python基于property()函数定义属性
Jan 22 Python
新版Pycharm中Matplotlib不会弹出独立的显示窗口的问题
Jun 02 Python
Python如何将模块打包并发布
Aug 30 Python
python一行sql太长折成多行并且有多个参数的方法
Jul 19 #Python
python代码过长的换行方法
Jul 19 #Python
Flask和Django框架中自定义模型类的表名、父类相关问题分析
Jul 19 #Python
python多行字符串拼接使用小括号的方法
Mar 19 #Python
python中的字符串内部换行方法
Jul 19 #Python
flask框架视图函数用法示例
Jul 19 #Python
Python中的单行、多行、中文注释方法
Jul 19 #Python
北美洲购物网站(1) 菲律宾购物网站(13) 新西兰购物网站(42) 智利购物网站(5) 匈牙利购物网站(11) 卡塔尔购物网站(3) 捷克购物网站(26) 秘鲁购物网站(1) 斯洛伐克购物网站(7) 沙特阿拉伯购物网站(9)
You might like
PHP 获取目录下的图片并随机显示的代码
2009/12/28 PHP
《PHP编程最快明白》第八讲：php启发和小结
2010/11/01 PHP
Thinkphp使用mongodb数据库实现多条件查询方法
2014/06/26 PHP
php+mysqli使用面向对象方式更新数据库实例
2015/01/29 PHP
php上传文件问题汇总
2015/01/30 PHP
php提交过来的数据生成为txt文件
2016/04/28 PHP
详解Yii2.0 rules验证规则集合
2017/03/21 PHP
PHP解决中文乱码
2017/04/28 PHP
js通过元素class名字获取元素集合的具体实现
2014/01/06 Javascript
JavaScript对Json的增删改属性详解
2016/06/02 Javascript
jquery+Jscex打造游戏力度条
2020/09/12 Javascript
jsTree使用记录实例
2016/12/01 Javascript
走进AngularJs之过滤器（filter）详解
2017/02/17 Javascript
微信小程序实现自定义加载图标功能
2018/07/19 Javascript
详解vue-cli官方脚手架配置
2018/07/20 Javascript
[02:02]2018DOTA2亚洲邀请赛Mineski赛前采访
2018/04/04 DOTA
linux下python抓屏实现方法
2015/05/22 Python
Python中read()、readline()和readlines()三者间的区别和用法
2017/07/30 Python
Python中input与raw_input 之间的比较
2017/08/20 Python
Python构建网页爬虫原理分析
2017/12/19 Python
pytorch 共享参数的示例
2019/08/17 Python
Python学习笔记之字符串和字符串方法实例详解
2019/08/22 Python
python迭代器常见用法实例分析
2019/11/22 Python
python 函数中的参数类型
2020/02/11 Python
Jupyter notebook运行Spark+Scala教程
2020/04/10 Python
tensorflow实现残差网络方式(mnist数据集)
2020/05/26 Python
Python selenium爬取微信公众号文章代码详解
2020/08/12 Python
python 使用xlsxwriter循环向excel中插入数据和图片的操作
2021/01/01 Python
python re.match()用法相关示例
2021/01/27 Python
车祸赔偿收入证明
2014/01/09 职场文书
应用化学专业职业生涯规划书
2014/01/22 职场文书
运动会通讯稿300字
2014/02/02 职场文书
员工试用期考核自我鉴定
2014/04/13 职场文书
镇班子对照检查材料思想汇报
2014/09/24 职场文书
python爬虫之selenium库的安装及使用教程
2021/05/23 Python
使用react-virtualized实现图片动态高度长列表的问题
2021/05/28 Javascript