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. scrapy+splash 爬取京东动态商品

    作业来源:https://edu.cnblogs.com/campus/gzcc/GZCC-16SE1/homework/3159 splash是容器安装的,从docker官网上下载windows下的 ...

  2. 3ds Max学习日记（十二）——用Maxscript将每一帧动画导出成obj

    参考链接: is there a way to through maxscript to make the time slider go to a spacific frame? 最近老师布置了要用m ...

  3. 【翻译】可能是CAP理论的最好解释

    一篇非常精彩的解释CAP理论的文章,翻译水平有限,不准确之处请参考原文,还请见谅. Chapter 1: “Remembrance Inc” Your new venture : Last night ...

  4. Python3之logging模块浅析

    Python3之logging模块浅析   目录 Python3之logging模块浅析 简单用法 日志与控制台同时输出 一个同时输出到屏幕.文件的完成例子 日志文件截取 日志重复打印问题解决 问题分 ...

  5. 纯Python模式

    http://crcmod.sourceforge.net/intro.html https://help.aliyun.com/document_detail/85288.html OSS的CRC数 ...

  6. [转]CSS3 使用 calc() 计算高度 vh px

    1.px 像素,我们在网页布局中一般都是用px. 2.百分比 百分比一般宽泛的讲是相对于父元素,自适应网页布局越来越多,百分比也经常用到了. 3.Viewport    viewport:可视窗口,也 ...

  7. 使用nodejs+http(s)+events+cheerio+iconv-lite爬取2717网站图片数据到本地文件夹

    源代码如下:   //(node:9240) Warning: Setting the NODE_TLS_REJECT_UNAUTHORIZED environment variable to '0' ...

  8. Tomcat中加载不到项目 项目构建Deployment Assembly报错：The given project is not a virtual component project

    转:   The given project is not a virtual component project The given project is not a virtual compone ...

  9. laravel composer 使用阿里云镜像

    使用composer安装错误提示: 即: [Composer\Downloader\TransportException] The "https://packagist.laravel-ch ...

  10. IEDA中使用阿里插件Alibaba Cloud Toolkit和Arthas(阿尔萨斯)

    在 IntelliJ IDEA 中安装和配置 Cloud Toolkit 在 IntelliJ IDEA 中安装和配置 Cloud Toolkit 后,您可以将本地应用快速部署到阿里云 ECS.EDA ...