jinjia2 模板 python实现 flask 内置语言  参照Djago实现 

设置模板文件夹

设置模板语言 jinja2

demo6_template.html  ----> 从代码渲染值

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>Title</title>

</head>

<body>

你有事情我帮忙  我住隔壁我姓王<br>

{#取值#}

{{ my_int}}

{{ my_list}}

</body>

</html>

demo6_template.html

demo6_template.py    ------> render_templete("demo6_template.html", 传入渲染值 )

from flask import Flask, request, render_template

app = Flask(__name__)

# 展示模板渲染

@app.route("/")

def demo1():

    my_str = ""

    my_int = 10

    my_list = ["a", "b", "c", "d"]

    return render_template('demo6_template.html',

                           my_str=my_str,

                           my_int=my_int,

                           my_list=my_list)

if __name__ == '__main__':

    app.run(debug=True,port=2222)

demo6_template.py

过滤器 

{{itheima | upper}}

from flask import Flask, request, render_template

app = Flask(__name__)

# 展示模板渲染

@app.route("/")

def demo1():

    my_str = ""

    my_int = 10

    my_list = ["a", "b", "c", "d"]

    my_dict = [

                {"username":"白菜",

                "price": 20

                },

                {

                   "username": "萝卜",

                   "price": 30

                }

            ]

    return render_template('demo6_template.html',

                           my_str=my_str,

                           my_int=my_int,

                           my_list=my_list,

                           my_dict=my_dict

                           )

# 自定义过滤器  本质上python函数

# 装饰器 反转

#                       过滤器名称

# 方式一

@app.template_filter("listreverse")

def do_listreverse(li):

    temp = list(li)

    temp.reverse()

    return temp

# 方式二 直接添加过滤器

# app.add_template_filter(do_listreverse,"listreverse")

if __name__ == '__main__':

    app.run(debug=True,port=2222)

demo6.py

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>Title</title>

</head>

<body>

你有事情我帮忙  我住隔壁我姓王<br>

{#取值#}

{{ my_int}}

{{ my_list}}

{#大写#}

{{ 'itheima' | upper}}

{#小写#}

{{ 'ITHEIMA' | lower }}

{#反转#}

{{ 'THEIMA' | reverse }}

{#反转小写#}

{{ 'ITHEIMA' | reverse | lower }}

{#默认html字符串按照原样子显示 如果标识safe 就会按照html语言格式 进行执行  相反 escape#}

{{ my_list | safe }}

{#传参数 求和 #}

{{ my_dict | sum(attribute='price') }}

{#列表反转#}

<br>

{{ my_list | listreverse }}

<br>

{{ my_list }}

</body>

</html>

demo6.html

循环遍历 

{%  for item in my_list  if my_list.id  != 5 %}

　　{% if loop.index == 1%}

　　　　<li>item.value<li>

　　{%  endif %}

{% endfor %}

for.py
for.html

未完待续

代码复用

macro 宏   

#  定义所有宏文件

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>Title</title>

</head>

<body>

<form>

    <label>用户名：</label><input type="text" name="username"><br/>

    <label>身份证号：</label><input type="text" name="idcard"><br/>

    <label>密码：</label><input type="password" name="password"><br/>

    <label>确认密码：</label><input type="password" name="password2"><br/>

    <input type="submit" value="注册">

</form>

{% macro input(label='',type='',value = '',name='') %}

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

{% endmacro %}

<form>

    {{ input('用户名',name = 'username') }}

</form>

</body>

</html>

macro.html

from flask import Flask, render_template

app = Flask(__name__)

@app.route("/")

def index():

    return render_template("demo1_template.html")

if __name__ == '__main__':

    app.run()

macro.py

继承

demo:

{%block contentblock%}

填充内容

{%endblock%}

extends:

{% extends "demo.html"%}

{%block contentblock%}

　 {{super()}} 继承父类内容

子类内容
{%endblock%}

from flask import Flask, render_template

app = Flask(__name__)

@app.route("/")

def index():

    return render_template("demo1_template.html")

@app.route("/demo1")

def demo1():

    return render_template("demo2_template.html")

@app.route("/demo")

def demo():

    return render_template("demo.html")

if __name__ == '__main__':

    app.run()

extend.py

{% extends 'demo2_template.html'%}

{% block contentblock %}

    {{ super()  }}<br/>

    我是子类中间<br/>

{% endblock %}

extends.html

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>Title</title>

</head>

<body>

我的顶部<br/>

{% block contentblock %}

    我是父类的中间<br/>

{% endblock %}

我是底部<br/>

</body>

</html>

base.html

包含：

from flask import Flask, render_template

app = Flask(__name__)

@app.route("/")

def index():

    return render_template("demo1_template.html")

# 宏

@app.route("/demo1")

def demo1():

    return render_template("demo2_template.html")

# 继承

@app.route("/demo")

def demo():

    return render_template("demo.html")

# 包含

@app.route("/demo2")

def demo2():

    return render_template("demo3_template.html")

if __name__ == '__main__':

    app.run()

include.py

<h1>哈哈哈哈哈哈</h1>

include.html

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>Title</title>

</head>

<body>

 {% include "include.html" %}

 {% include "include.html" %}

 {% include "include.html" %}

 {% include "include.html" %}

</body>

</html>

demo3_template.html

未完待续

【Flask】 python学习第一章 - 5.0 模板的更多相关文章

  1. 【Flask】 python学习第一章 - 6.0 WTF表单 数据库 蓝图

    WTF表单  wtf.py pip install flask-wtf  # 安装 from flask_wtf import FlaskForm from wtform import StringF ...

  2. 【Flask】 python学习第一章 - 2.0 视图方式和返回值

    路由参数与请求方式制定   ALT+回车 pycharm 快速导包  demo3  指定访问地址  与请求方式  #   给路由传入参数 使用尖括号 ,视图函数需要接收参数 @app.route(&q ...

  3. 【Flask】 python学习第一章 - 4.0 钩子函数和装饰器路由实现 session-cookie 请求上下文

    钩子函数和装饰器路由实现 before_request 每次请求都会触发 before_first_requrest  第一次请求前触发 after_request  请求后触发 并返回参数 tear ...

  4. 【Flask】 python学习第一章 - 3.0 正则转换和错误捕捉

    3.1正则转换器定义 Class RegexConverter(BaseConverter): regex = "[0-9]{6}" app.url_map.converters[ ...

  5. 【Flask+Redis】 python学习第一章 - 7.0 断言 数据库测试 redis学习

    assert 断言 def div(num1, num2): # 断言 assert isinstance(num1, int), "值类型错误" assert isinstanc ...

  6. python学习 第一章（说不定会有第零章呢）one day

    ------------恢复内容开始------------ 一.啥是python python是吉尔·范罗苏姆于1989年开发的一个新的脚本解释程序,是ABC语言的一种继承. 二.python的特点 ...

  7. 【Flask】 python学习第一章 - 创建与运行参数

    windos 创建环境 sudo pip install virtualenv   # 安装virtualenv virtualenv -p python dir_name cd dir_name p ...

  8. Python 学习第一章

    学习内容如下: Python 介绍 Python 3 VS Python 2 软件的安装 第一个 Python 程序 变量与字符编码 用户输入与注释 一.Python 介绍 python的创始人为吉多 ...

  9. Python学习第一章

    1.Python保留字即是关键字,我们不可以把他们当作任何标识符名称. python的标准库提供了一个keyword模板,可以输出当前版本的关键字: >>>import keywor ...

随机推荐

  1. WPF之图片处理系列(19/590)

    https://www.cnblogs.com/Big-Head/p/12068230.html

  2. Photoshop 7.0 安装及注册方法

    参照:https://jingyan.baidu.com/article/e75057f2e51ac9ebc91a8989.html

  3. 推荐一款好用的免费FTP客户端Filezilla

    官网地址:https://filezilla-project.org/

  4. Efficient and Accurate Arbitrary-Shaped Text Detection with Pixel Aggregation Network（利用像素聚合网络进行高效准确的任意形状文本检测）

    PSENet V2昨日刚出,今天翻译学习一下. 场景文本检测是场景文本阅读系统的重要一步,随着卷积神经网络的快速发展,场景文字检测也取得了巨大的进步.尽管如此,仍存在两个主要挑战,它们阻碍文字检测部署 ...

  5. .NET Core开源Quartz.Net作业调度框架实战演练

    一.需求背景 人生苦短,我用.NET Core!作为一枚后端.NET开发人员,项目实践常遇到定时Job任务的工作,在Windows平台最容易想到的的思路Windows Service服务应用程序,而在 ...

  6. cf 595 补题

    1.B2   Books Exchange (hard version) 题意:有n(1~n)个孩子看书,定义一个数组,记录了每个孩子看完

  7. Solved：Spring Junit Test NoSuchMethodError

    最近在看Spring in action这本书,在Ubuntu上配好了环境开始开发,没想到做了第二章的第一个例子就遇到了一个错误. 首先我在src/main/java文件夹下的controller包内 ...

  8. Huber Loss 介绍

    Huber Loss 是一个用于回归问题的带参损失函数, 优点是能增强平方误差损失函数(MSE, mean square error)对离群点的鲁棒性. 当预测偏差小于 δ 时,它采用平方误差,当预测 ...

  9. 如何在Job中获取 IOC applicationcontext

    如何在Job中获取 IOC applicationcontext https://segmentfault.com/q/1010000008002800 SpringBoot之整合Quartz调度框架 ...

  10. 1005 继续(3n+1)猜想（C#）

    一.题目内容: 卡拉兹(Callatz)猜想已经在1001中给出了描述.在这个题目里,情况稍微有些复杂. 当我们验证卡拉兹猜想的时候,为了避免重复计算,可以记录下递推过程中遇到的每一个数.例如对 n= ...