【Flask】 python学习第一章 - 5.0 模板
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 模板的更多相关文章
- 【Flask】 python学习第一章 - 6.0 WTF表单 数据库 蓝图
WTF表单 wtf.py pip install flask-wtf # 安装 from flask_wtf import FlaskForm from wtform import StringF ...
- 【Flask】 python学习第一章 - 2.0 视图方式和返回值
路由参数与请求方式制定 ALT+回车 pycharm 快速导包 demo3 指定访问地址 与请求方式 # 给路由传入参数 使用尖括号 ,视图函数需要接收参数 @app.route(&q ...
- 【Flask】 python学习第一章 - 4.0 钩子函数和装饰器路由实现 session-cookie 请求上下文
钩子函数和装饰器路由实现 before_request 每次请求都会触发 before_first_requrest 第一次请求前触发 after_request 请求后触发 并返回参数 tear ...
- 【Flask】 python学习第一章 - 3.0 正则转换和错误捕捉
3.1正则转换器定义 Class RegexConverter(BaseConverter): regex = "[0-9]{6}" app.url_map.converters[ ...
- 【Flask+Redis】 python学习第一章 - 7.0 断言 数据库测试 redis学习
assert 断言 def div(num1, num2): # 断言 assert isinstance(num1, int), "值类型错误" assert isinstanc ...
- python学习 第一章(说不定会有第零章呢)one day
------------恢复内容开始------------ 一.啥是python python是吉尔·范罗苏姆于1989年开发的一个新的脚本解释程序,是ABC语言的一种继承. 二.python的特点 ...
- 【Flask】 python学习第一章 - 创建与运行参数
windos 创建环境 sudo pip install virtualenv # 安装virtualenv virtualenv -p python dir_name cd dir_name p ...
- Python 学习第一章
学习内容如下: Python 介绍 Python 3 VS Python 2 软件的安装 第一个 Python 程序 变量与字符编码 用户输入与注释 一.Python 介绍 python的创始人为吉多 ...
- Python学习第一章
1.Python保留字即是关键字,我们不可以把他们当作任何标识符名称. python的标准库提供了一个keyword模板,可以输出当前版本的关键字: >>>import keywor ...
随机推荐
- PLSQL无法连接64位Oracle数据库/Database下拉框为空的解决方法
原创:https://blog.csdn.net/sdmanooo/article/details/14055077 今儿个重装了个系统,win7 64位.接着装了个64位的oracle11g,ora ...
- dotnet core 项目脚手架这种小事嘛...
dotnet core脚手架批处理.bat @echo 请修改批处理文件名后,如:Example.Core ,注释掉goto end,再执行脚本 pause goto end ::goto end s ...
- kubernetes-通过VMware搭建k8s集群遇到的问题
VMWare版本:14.13 Centos版本:CentOS-7-x86_64-DVD-1810.iso 遇到的问题:ping不通 报could not resolve host这个错误 解决办法:参 ...
- 【设计】Facebook的语调设计-做的珍惜
http://www.woshipm.com/pd/3206743.html 做的是真细呦
- 深入Nginx之《HTTP请求报文与HTTP响应报文》
HTTP请求报文 这个很有必要了解,好歹我们得知道Nginx在提供HTTP服务时,客户端都会传些什么.HTTP请求中客户端传送的内容称为HTTP请求报文. 1.请求行包含: 请求方法,请求URL,HT ...
- DCEP:中国自己的数字货币
DCEP:中国自己的数字货币 https://cloud.tencent.com/developer/news/435883 文章来源:企鹅号 - 星星观察 广告关闭 11.11 智慧上云 云服务器企 ...
- SQLServer for linux安装
linux下安装sqlserver数据库有2种办法,第一使用yum镜像安装,第二使用rpm安装包安装 rpm安装地址为:https://packages.microsoft.com/rhel/7/ms ...
- Git - ignore过滤文件
Git - ignore 官网:https://git-scm.com/docs/gitignore 今天在初始化仓库的时候,考虑到如何过滤不需要的文件进入版本控制系统.所以去查阅了一番官方文档. 想 ...
- C#多线程那点事——信号量(Semaphore)
信号量说简单点就是为了线程同步,或者说是为了限制线程能运行的数量. 那它又是怎么限制线程的数量的哩?是因为它内部有个计数器,比如你想限制最多5个线程运行,那么这个计数器的值就会被设置成5,如果一个线程 ...
- beanshell 通过java写数据到文件
import java.io.*; String filePath = "/data/account.txt"; String conent = vars.get("ac ...