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. Java-Maven（十一）：Maven 项目出现pom.xml错误：Plugin execution not covered by lifecycle configuration: org.apache.maven.plugins:maven-compiler-plugin

    Maven项目出现ERROR: eclipse更新了Maven插件后,让后就出现了以下错误: Description Resource Path Location Type Conflicting l ...

  2. (二)OpenCV-Python学习—对比度增强

    ·对于部分图像,会出现整体较暗或较亮的情况,这是由于图片的灰度值范围较小,即对比度低.实际应用中,通过绘制图片的灰度直方图,可以很明显的判断图片的灰度值分布,区分其对比度高低.对于对比度较低的图片,可 ...

  3. android 连接蓝牙打印机 BluetoothAdapter

    android 连接蓝牙打印机 BluetoothAdapter 源码下载地址:https://github.com/yylxy/BluetoothText.git public class Prin ...

  4. 012 spring retry重试原理的解析

    有点复杂,在后续的章节,将会对其中涉及到的知识点,再分章节进行说明. 1.程序结构 2.@Retryable package com.jun.web.annotation.theory; import ...

  5. 搭建Bitcoin全节点

    节点搭建 1. 进入 bitcoin 选择 Choose your wallet 2. 选择 Bitcoin Core for Linux 下载 bitcoin-0.17.0.1-x86_64-lin ...

  6. 联合主键SQL 联合索引

    联合主键索引 联合索引 ALTER TABLE [dbo].[Tb_Shop] ADD CONSTRAINT [shopno] UNIQUE NONCLUSTERED ( [ShopGid] ASC, ...

  7. Hive Authorization

    https://cwiki.apache.org/confluence/display/Hive/LanguageManual+Authorization https://www.cloudera.c ...

  8. Docker安装ES和Kibana

    1.ES安装 1.下载ES镜像问题 docker pull elasticsearch 2.运行ES docker run -it --name elasticsearch -d -p 9200:92 ...

  9. python初级(302) 2 easygui简单使用

    一.复习之前的两个练习,巩固计数循环和条件循环 1.系统生成一个随机数1到5,然后让用户的猜测,若猜对了,提示恭喜你,猜对了,否则提示,对不起,你猜错了(提示,1到5的随机数为:secret = ra ...

  10. matlab学习笔记8 基本绘图命令-基本绘图操作

    一起来学matlab-matlab学习笔记8 基本绘图命令_2基本绘图操作 觉得有用的话,欢迎一起讨论相互学习~Follow Me 参考书籍 <matlab 程序设计与综合应用>张德丰等著 ...