Flask中jinja2的应用

# -*- coding: utf-8 -*-

# @Time    : 2019/9/24 17:29

# @Author  : AnWen

from flask import Flask, render_template

app = Flask(__name__)

app.debug = True

# 数据

STUDENT = {'name': 'Old', 'age': 38, 'gender': '中'}

STUDENT_LIST = [

	{'name': 'Old', 'age': 38, 'gender': '中'},

	{'name': 'Boy', 'age': 73, 'gender': '男'},

	{'name': 'EDU', 'age': 84, 'gender': '女'}

]

STUDENT_DICT = {

	1: {'name': 'Old', 'age': 38, 'gender': '中'},

	2: {'name': 'Boy', 'age': 73, 'gender': '男'},

	3: {'name': 'EDU', 'age': 84, 'gender': '女'},

}

def func(a, b):

	return a + b

@app.route('/stu')

def stu():

	return render_template('stu.html', func=func ,stu_info=STUDENT, stu_list=STUDENT_LIST, stu_dic=STUDENT_DICT)

if __name__ == '__main__':

	app.run()

html文件

<!DOCTYPE html>

<html lang="en">

<head>

  <meta charset="UTF-8">

  <title>Title</title>

</head>

<body>

<h1>haha</h1>

{{ stu_info }}

<table border="1">

  <thead>

  <tr>

    <td>name</td>

    <td>age</td>

    <td>gender</td>

  </tr>

  </thead>

  <tbody>

  <tr>

    <td>{{ stu_info.name }}</td>

    <td>{{ stu_info.age }}</td>

    <td>{{ stu_info["gender"] }}</td>

  </tr>

  </tbody>

</table>

{{ stu_list }}

<table border="1px">

  <thead>

  <tr>

    <td>name</td>

    <td>age</td>

    <td>gender</td>

  </tr>

  </thead>

  <tbody>

  {% for stu in stu_list %}

    <tr>

      <td>{{ stu.name }}</td>

      <td>{{ stu.get('age') }}</td>

      <td>

        {% if stu["gender"] !="男" and stu['gender'] !="女" %}

          alal

        {% else %}

          {{ stu["gender"] }}

        {% endif %}

      </td>

    </tr>

  {% endfor %}

  </tbody>

</table>

{{ stu_dic }}

{% for dic in stu_dic %}

  {{ stu_dic[dic].get("name") }}

  {{ stu_dic[dic]["age"] }}

  {{ stu_dic[dic].gender }}

{% endfor %}

<table border="1px">

  <thead>

  <tr>

    <td>id</td>

    <td>name</td>

    <td>age</td>

    <td>gender</td>

  </tr>

  </thead>

  <tbody>

  {% for key,item in stu_dic.items() %}

    <tr>

    <td>{{ key }}</td>

    <td>{{ item.name }}</td>

    <td>{{ item.age }}</td>

    <td>{{ item.gender }}</td>

  </tr>

  {% endfor %}

  </tbody>

</table>

<p>{{ func(2,3) }}</p>

{% macro my_input(type,name) %}

  <input type="{{ type }}" name="{{ name }}">

{% endmacro %}

<p>自己创建的input标签 ：{{ my_input("text","username") }} {{ my_input("password","pass") }} {{ my_input("file","myfile") }}</p>

</body>

</html>

Flask中jinja2的应用的更多相关文章

  1. 第四篇flask中模板语言 jinja2

    Flask中默认的模板语言是Jinja2 首先我们要在后端定义几个字符串,用于传递到前端 STUDENT = {, 'gender': '中'}, STUDENT_LIST = [ {, 'gende ...

  2. Python框架学习之Flask中的Jinja2模板

    前面也提到过在Flask中最核心的两个组件是Werkzeug和Jinja2模板.其中Werkzeug在前一节已经详细说明了.现在这一节主要是来谈谈Jinja2模板. 一.为什么需要引入模板: 在进行软 ...

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

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

  4. flask的jinja2模板中过过滤器的相关小内容

    jinja2模板中有自带的过滤器,有需要直接拿来使用.也可以自己定义过滤器 在过滤器中,有一些常见得操作及关键字.有对字符串的操作,还有对大小写转换的操作.还有对list的操作 过滤器的语法 {# 过 ...

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

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

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

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

  7. flask中模板日期格式控制和jinja2中模板格式控制

    1.flask的模块语言采用的是jinja2,首先说一下jinja2中的模板格式控制的使用,即模板自定义filters的使用. python的脚本如下(采用的是格式显示日期): 1 from jinj ...

  8. flask 中的模板语法 jinja2及render_template的深度用法

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

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

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

随机推荐

  1. el-cascader遇到一个坑的问题

    经仔细分析,如果二级和三级的value一样,就会出现这个问题.

  2. 堆排序Heapsort的Java和C代码

    Heapsort排序思路 将整个数组看作一个二叉树heap, 下标0为堆顶层, 下标1, 2为次顶层, 然后每层就是"3,4,5,6", "7, 8, 9, 10, 11 ...

  3. android: android 布局中的weight 属性

    android: weight是线性布局的特有属性,控件的宽度和高度的不同,也会存在差异. 示例1:将宽度设置为包裹类型wrap_content或0dp <?xml version=" ...

  4. Java与.net 关于URL Encode 的区别

    在c#中,HttpUtility.UrlEncode("www+mzwu+com")编码结果为www%2bmzwu%2bcom,在和Java开发的平台做对接的时候,对方用用url编 ...

  5. Python3基础 函数 __name__ 得到引用所指向的真正名字

             Python : 3.7.3          OS : Ubuntu 18.04.2 LTS         IDE : pycharm-community-2019.1.3    ...

  6. 位运算在 PHP 实际项目当中的高级运用

    我们首先来看一个系统中常见的需求: 有一个广告表,我们要对广告做显示控制: 手动上下线. 只允许 VIP 查看. 可能的表结构如下: CREATE TABLE `finger_ad` ( `ad_id ...

  7. oracle plsql 异常

      set serveroutput on DECLARE pename emp.ename%type; begin '; exception when no_data_found then dbms ...

  8. [LeetCode] 260. Single Number III 单独数 III

    Given an array of numbers nums, in which exactly two elements appear only once and all the other ele ...

  9. win7/win10 设置始终以管理员身份运行cmd窗口

    在桌面上找到cmd快捷方式图标,右键"属性" 4.选择"快捷方式",点击“高级” 5.勾选用管理员身份运行,点击"确定" 6.点击" ...

  10. VS2013+OpenCV3.4.2编译

    一.准备工作: (1)在OpenCV官网下载3.4.2版本(注意选择Win pack),https://opencv.org/releases.html. (2)下载Contrib模块,https:/ ...