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. git rebase使用场景

    1. 当前分支落后拉取后,整理commit,使得提交历史为直线 git pull = git fetch + git merge git pull --rebase = git fetch + git ...

  2. Python中,我该如何切分字符串后保留分割符?

    原文来源:https://stackoverflow.com/questions/2136556/in-python-how-do-i-split-a-string-and-keep-the-sepa ...

  3. Docker使用 - 容器

    查看容器 命令:docker  ps  [options] options有: -a:查看所有容器,包含不在运行中的(不带-a参数,是只显示运行中的容器) -q:只显示容器ID -s:多加一列来显示总 ...

  4. vscode-tab按键失效变为切换功能的解决方法

    有一种可能是无意中按到了ctrl+m,此时VSCode右下角会出现Tab Moves focus的字样,如下: 用ctrl + m 可以切换两种状态.没有Tab Moves focus字样的时候,就是 ...

  5. fedora清理旧内核

    先查看已安装的内核: rpm -qa|grep kernel 然后查看下当前在用的内核: uname -r 最后是删除内核: yum remove xxxx  

  6. SpringBoot读取Linux服务器某路径下文件\读取项目Resource下文件

    // SpringBoot读取Linux服务器某路径下文件 public String messageToRouted() { File file = null; try { file = Resou ...

  7. WeQuant教程—1.5 实盘运行须知

    为了保证实盘交易程序能够正常稳定地运行,同时保护您在使用时账户资金的安全,我们设计了一些规则和机制.了解这些机制有助于您更快上手实盘交易. 启动前检查机制 在实盘交易程序启动前,系统会执行一次检查,出 ...

  8. locale区域语言设置

    查看当前配置 # 默认配置[maintain@localhost:~]$ locale LANG=zh_CN.utf8 LC_CTYPE="zh_CN.utf8" LC_NUMER ...

  9. C++冒泡排序及优化

    冒泡排序 1.经典冒泡排序 经典的冒泡排序为从左边开始依次判断排序,每次最终仅将一个数向后冒泡,而对于其他数的排序没有什么帮助:如果已经所有元素已经是有序的,依然执行循环. 2.优化冒泡排序 优化地方 ...

  10. Flutter 增加三方库卡在flutter package get 的解决办法

    修改 pubspec.yaml 文件增加第三方库之后,AndroidStudio 像往常一样提示 需要 package get. 然后一直卡在 Running "flutter packag ...