flask_jinjia2.py

  1.  '''
  2.  flask中的jinjia2模板语言（和django中模板类似）：
  3.      (1)模板变量{{ }}
  4.  
  5.      (2)模板标签{% %}
  6.          ①for循环遍历
  7.              {% for foo in  %}
  8.                  ......
  9.              {% endfor %}
  10.          ②if...else判断
  11.              {% if %}
  12.                  ...
  13.              {% elif %}
  14.                 ...
  15.              {% else %}
  16.                  ...
  17.              {% endif %}
  18.      (3)模板继承{% extends  html文件 %},配合模板中定义的block重写需要改动的部分
  19.          {% extends 'base.html' %}
  20.          {% block 模板中块名 %}
  21.              ......
  22.          {% endblock %}
  23.  
  24.      (4)模板组件{% include html文件 %}在页面中引入html组件
  25.  
  26.      (5)通过后端特殊装饰器定义函数在模板中直接时候用
  27.          ①@app.template_global()装饰的函数直接以模板变量函数调用方式使用，如{{ sum(1,2) }}
  28.          ②@app.template_filter()装饰的函数直接以模板变量过滤器形式使用，第一个参数自动为变量，如{{ 1 | sum2(2,3,4) }}
  29.  
  30.      (6)jinjia2模板语言中的宏定义
  31.            在模板中先定义：
  32.              {% macro  定义宏（形参,形参...）   %}
  33.                  html标签使用参数
  34.              {% endmacro %}
  35.  
  36.            在模板中使用定义的宏：
  37.              {{ 宏(实参,实参...) }}
  38.  
  39.          实例：
  40.          <div>
  41.              {% macro type_text(name,type) %}
  42.              <input type="{{ type }}" name="{{ name }}" value="{{ name }}">
  43.              {% endmacro %}
  44.  
  45.              {{ type_text("one","text") }}
  46.              {{ type_text("two","text") }}
  47.          </div>
  48.  
  49.      (7)模板过滤器safe及flask中的Markup使用
  50.          返回html标签可以在模板中使用过滤器safe确保安全正常渲染成标签
  51.          也可以在后端flask项目中通过Markup()实例化之后记性渲染
  52.  
  53.  '''
  54.  
  55.  from flask import Flask, render_template,Markup
  56.  
  57.  app = Flask(__name__)
  58.  
  59.  STUDENT = {'name': 'Old', 'age': 38, 'gender': '中'},
  60.  
  61.  STUDENT_LIST = [
  62.      {'name': 'Old', 'age': 38, 'gender': '中'},
  63.      {'name': 'Boy', 'age': 73, 'gender': '男'},
  64.      {'name': 'EDU', 'age': 84, 'gender': '女'}
  65.  ]
  66.  
  67.  STUDENT_DICT = {
  68.      1: {'name': 'Old', 'age': 38, 'gender': '中'},
  69.      2: {'name': 'Boy', 'age': 73, 'gender': '男'},
  70.      3: {'name': 'EDU', 'age': 84, 'gender': '女'},
  71.  }
  72.  
  73.  # 模板变量和标签使用以及Markup()返回标签
  74.  @app.route('/jinjia2')
  75.  def data():
  76.      title='<h2>后端Markup()返回的标签</h2>'
  77.      markup_title=Markup(title)
  78.      return render_template('jinjia2daemo.html', st=STUDENT, stl=STUDENT_LIST, std=STUDENT_DICT,title=markup_title)
  79.      # return render_template('jinjia2daemo.html',**{'st':STUDENT,'stl':STUDENT_LIST,'std':STUDENT_DICT})
  80.  
  81.  # 特殊装饰器函数在模板中的全局使用
  82.  @app.template_global()
  83.  def sum1(a, b):
  84.      return a + b
  85.  
  86.  @app.template_filter()
  87.  def sum2(a, b, c, d):  # 第一个参数为模板变量
  88.      return a + b + c + d
  89.  
  90.  if __name__ == '__main__':
  91.      app.run(debug=True)

jinjia2daemo.html

  1.  <!DOCTYPE html>
  2.  <html lang="en">
  3.  <head>
  4.      <meta charset="UTF-8">
  5.      <title>data</title>
  6.  </head>
  7.  <body>
  8.  
  9.  <div>{{ title }}</div>
  10.  
  11.  <!--单个模板变量使用-->
  12.  <div>
  13.      <h2>单个学生</h2> {{ st }}
  14.  </div>
  15.  <!--模板标签for/if使用-->
  16.  <div>
  17.      <h2>列表嵌套字典数据</h2> {{ stl }}
  18.      <table border="1px">
  19.          <tr>
  20.              <td>name</td>
  21.              <td>age</td>
  22.              <td>gender</td>
  23.          </tr>
  24.          {% for obj in stl %}
  25.              <tr>
  26.                  <td>{{ obj.name }}</td>
  27.                  <td>{{ obj.age }}</td>
  28.                  <td>
  29.                      {% if obj.gender in ['男','女'] %}
  30.                          {{ obj.gender }}
  31.                      {% else %}
  32.                          '男'
  33.                      {% endif %}
  34.                  </td>
  35.              </tr>
  36.          {% endfor %}
  37.      </table>
  38.  </div>
  39.  
  40.  <div>
  41.      <h2>字典嵌套字典数据</h2> {{ stl }}
  42.      <table border="1px">
  43.          <tr>
  44.              <td>id</td>
  45.              <td>name</td>
  46.              <td>age</td>
  47.              <td>gender</td>
  48.          </tr>
  49.          {% for id,data in std.items() %}
  50.              <tr>
  51.                  <td>{{ id }}</td>
  52.                  <td>{{ data.name }}</td>
  53.                  <td>{{ data.age }}</td>
  54.                  <td>
  55.                      {% if data.gender in ['男','女'] %}
  56.                          {{ data.gender }}
  57.                      {% else %}
  58.                          '男'
  59.                      {% endif %}
  60.                  </td>
  61.              </tr>
  62.          {% endfor %}
  63.      </table>
  64.  </div>
  65.  
  66.  <div>
  67.      <h2>特殊装饰器自定义的函数直接在模板中使用</h2>
  68.      {{ sum1(1,2) }}
  69.      <br>
  70.      {{ 1 | sum2(2,3,4) }}
  71.  </div>
  72.  
  73.  <!--jinjia2模板语言中的宏定义-->
  74.  <div>
  75.      <h2>jinjia2模板语言中的宏定义</h2>
  76.      <div>
  77.              {% macro type_text(name,type) %}
  78.              <input type="{{ type }}" name="{{ name }}" value="{{ name }}">
  79.              {% endmacro %}
  80.  
  81.              {{ type_text("one","text") }}
  82.              {{ type_text("two","text") }}
  83.          </div>
  84.  </div>
  85.  
  86.  </body>
  87.  </html>

flask之jinjia2模板语言的更多相关文章

  1. [Python自学] Flask框架 (1) (Flask介绍、配置、Session、路由、请求和响应、Jinjia2模板语言、视图装饰器)

    oldboy:s9day114 参考博客:https://www.cnblogs.com/wupeiqi/articles/7552008.html 一.Flask简介 1.安装Flask pip i ...

  2. flask中jinjia2模板引擎详解4

    接上文 For循环 和其它编程语言一样,for用来编辑列表中的项.下面以一个例子来说明for在flask的jinjia2模板中的使用. 创建一个模板list.html 代码如下{% extends & ...

  3. 初识Flask框架，以及Flask中的模板语言jinjia2和Flask内置的Session

    一.web框架的对比 首先我们先来看下比较火的web框架 1.Django: 优点:大而全,所有组件都是组织内部开发高度定制化,教科书级别的框架 缺点:大到浪费资源,请求的时候需要的资源较高 2.Fl ...

  4. flask中jinjia2模板引擎使用详解1

    在之前的文章中我们介绍过flask调用jinja2模板的基本使用,这次我们来说一下jinjia2模板的使用 Jinja2 在其是一个 Python 2.4 库之前,被设计 为是灵活.快速和安全的. 模 ...

  5. flask中jinjia2模板使用详解2

    接上文 注释的使用 在jinjia2模板中,使用{# #}进行代码注释,如下所示 运行后发现,注释不会被render出来 去掉空行 两种方法可以去掉jinjia2模板中的空白行,一是设置jinjia2 ...

  6. 【Flask】 Jinja2模板语言

    Jinja2 Jinja2是Python Web编程中的主流模板语言.因为flask是基于Jinja2和Werkzeug发展而来,在安装flask的时候jinja2自动就被装在上面了. 之前提到了很多 ...

  7. Flask最强攻略 - 跟DragonFire学Flask - 第四篇 Flask 中的模板语言 Jinja2 及 render_template 的深度用法

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

  8. 第四篇 Flask 中的模板语言 Jinja2 及 render_template 的深度用法

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

  9. 3，Flask 中的模板语言 Jinja2 及 render_template 的深度用法

    Flask中默认的模板语言是Jinja2 现在我们来一步一步的学习一下 Jinja2 捎带手把 render_template 中留下的疑问解决一下 首先我们要在后端定义几个字符串,用于传递到前端 S ...

随机推荐

  1. CG-CTF（1）

    CG-CTF CG-CTF题目网址:https://cgctf.nuptsast.com/challenges#Web 第一题:签到题 查看页面源代码,得到flag(干杯~): 第二题:md5 col ...

  2. 安装 wbemcli

    安装环境        建立自己的目录后,             wget http://vault.centos.org/6.0/os/x86_64/Packages/sblim-wbemcli- ...

  3. 【JAVA基础】11 Scanner类

    1. Scanner的概述 一个可以使用正则表达式来解析基本类型和字符串的简单文本扫描器. Scanner 使用分隔符模式将其输入分解为标记,默认情况下该分隔符模式与空白匹配.然后可以使用不同的 ne ...

  4. 【JAVA基础】08 面向对象3

    1. 多态 多态polymorhic概述 事物存在的多种形态. 多态前提 要有继承关系 要有方法重写 要有父类引用指向子类对象 案例演示 代码体现多态 class Demo1_Polymorphic{ ...

  5. How to get binary string from ArrayBuffer?

    https://stackoverflow.com/questions/16363419/how-to-get-binary-string-from-arraybuffer https://stack ...

  6. 贪心--HDU 2021 发工资咯

    Description 作为杭电的老师,最盼望的日子就是每月的8号了,因为这一天是发工资的日子,养家糊口就靠它了,呵呵,但是对于学校财务处的工作人员来说,这一天则是很忙碌的一天,财务处的小胡老师最近就 ...

  7. IDEA 打可执行jar包(maven项目)

    1. Ctrl+Shift+Alt+S  打开 Project Structure  2.选择要执行的文件,  依次选择 项目, 方法所在文件(必须有main方法), 保存 3.如果之前路径下曾经打过 ...

  8. 服务器安装JDK

    1.卸载OpenJDK, 安装OracleJDK a.一般的LINUX发行版内置OpenJDK, 相当于JDK的开源版本(我们平时使用的JDK特指OracleJDK) b.OpenJDK 不能使用ja ...

  9. 在html中使用vue组件

    最近在维护公司的项目,当我拿到项目时,发现他用了vue. 但是~~仅仅是引用vue.js文件,整体的架构还是html那种,没有用webpack! 当时觉得~哇~原来还可以这样! 然后了解了业务逻辑和代 ...

  10. 高精度封装Bignum

    还没有写完,目前只实现了加,乘,且不能作用于负数 \(update\ in 20.4.8 添加了高精除低精ddiv函数,比较大小comp函数\) #include <bits/stdc++.h& ...