首页
所有分类
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支持断点续传的多线程下载示例
Jan 16 Python
python使用sorted函数对列表进行排序的方法
Apr 04 Python
在Python的Django框架中显示对象子集的方法
Jul 21 Python
Python 探针的实现原理
Apr 23 Python
python学习 流程控制语句详解
Jun 01 Python
Python开发微信公众平台的方法详解【基于weixin-knife】
Jul 08 Python
解决python ogr shp字段写入中文乱码的问题
Dec 31 Python
Python+OpenCV感兴趣区域ROI提取方法
Jan 10 Python
Python 函数用法简单示例【定义、参数、返回值、函数嵌套】
Sep 20 Python
python datetime处理时间小结
Apr 16 Python
在前女友婚礼上,用Python破解了现场的WIFI还把名称改成了
May 28 Python
Python实现简单的俄罗斯方块游戏
Sep 25 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) DE1107(3) R71E(1) DE1102(1) WR-800F(1) 对讲机(1) R9700(1) SONY600GR(1) ICOM(2) R72E(1)
You might like
PHP源代码数组统计count分析
2011/08/02 PHP
遭遇php的in_array低性能问题
2013/09/17 PHP
PHP+MySQL存储数据常见中文乱码问题小结
2016/06/13 PHP
PHP全局使用Laravel辅助函数dd
2019/12/26 PHP
JavaScript高级程序设计（第3版）学习笔记3 js简单数据类型
2012/10/11 Javascript
js操作label给label赋值及取label的值示例
2013/11/07 Javascript
JS求平均值的小例子
2013/11/29 Javascript
Node.js 去掉种子(torrent)文件里的邪恶信息
2015/03/27 Javascript
vue如何判断dom的class
2018/04/26 Javascript
vue :src 文件路径错误问题的解决方法
2018/05/15 Javascript
JavaScript使用递归和循环实现阶乘的实例代码
2018/08/28 Javascript
vue路由中前进后退的一些事儿
2019/05/18 Javascript
JS实现的字符串数组去重功能小结
2019/06/17 Javascript
Vue 401配合Vuex防止多次弹框的案例
2020/11/11 Javascript
解决python3在anaconda下安装caffe失败的问题
2017/06/15 Python
Python编程实现正则删除命令功能
2017/08/30 Python
Python wxPython库使用wx.ListBox创建列表框示例
2018/09/03 Python
解决PySide+Python子线程更新UI线程的问题
2019/01/11 Python
Django处理多用户类型的方法介绍
2019/05/18 Python
完美解决python3.7 pip升级 拒绝访问问题
2019/07/12 Python
css3 transform过渡抖动问题解决
2020/10/23 HTML / CSS
美国床垫和床上用品公司：Nest Bedding
2017/06/12 全球购物
英国花园、DIY、电器和家居用品商店：Robert Dyas
2019/03/18 全球购物
大学生村官心得体会范文
2014/01/04 职场文书
生物制药专业求职信
2014/03/11 职场文书
在职党员进社区活动总结
2014/07/05 职场文书
自我介绍演讲稿范文
2014/08/21 职场文书
物流专业专科生职业生涯规划书
2014/09/14 职场文书
2014入党积极分子批评与自我批评思想汇报
2014/09/20 职场文书
干部职工纪律作风整改措施思想汇报
2014/10/11 职场文书
2014年林业工作总结
2014/12/05 职场文书
社区端午节活动总结
2015/02/11 职场文书
大学迎新生欢迎词
2015/09/29 职场文书
一文搞清楚MySQL count(*)、count(1)、count(col)区别
2022/03/03 MySQL
SQL中的连接查询详解
2022/06/21 SQL Server
Docker部署Mysql8的实现步骤
2022/07/07 Servers