【jinja2】flask和jinja2配合使用

已于 2023-03-13 16:31:05 修改
阅读量475 收藏 2
点赞数 1
分类专栏： # Flask 文章标签： flask python 后端
于 2023-03-11 20:03:51 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_63701832/article/details/129466957
版权

目录

jinja2简介

模板渲染

模板访问变量属性

内置过滤器的使用

自定义过滤器

控制语句

模板继承

加载静态文件

jinja2简介

  • 特征
  • 沙箱中执行
  • 强大的 HTML 自动转义系统保护系统免受 XSS
  • 模板继承
  • 及时编译最优的 python 代码
  • 可选提前编译模板的时间
  • 易于调试。异常的行数直接指向模板中的对应行。
  • 可配置的语法
  • Jinja 分隔符

Jinja 在模板字符串中使用各种分隔符。

  • {% %}-陈述
  • {{ }}-要打印到模板输出的表达式
  • {# #}-模板输出中未包含的注释
  • # ##-行语句

模板渲染

  • app.py
from flask import Flask,render_template,request
app = Flask(__name__)

@app.route('/')
def hello_world():
    return render_template('index.html')

@app.route('/blog/<int:blog_id>')
def blog(blog_id):
    page = request.args.get('page', default=1, type=int)
    return render_template('blog.html',id=blog_id,page=page)

if __name__ == '__main__':
    app.run()
  • index.html
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>coleak's page</title>
</head>
<body>
<h1>START</h1>
<h2>coleak2</h2>
<h3>coleak3</h3>
<h4>coleak4</h4>
<h5>coleak5</h5>
<h1>END</h1>
</body>
</html>
  • blog.html
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<h1>这里是第{{ id }}位博客主的第{{ page }}页博客</h1>
</body>
</html>
  • 效果测试 
http://10.133.5.113:8000
http://10.133.5.113:8000/blog/3
http://10.133.5.113:8000/blog/3?page=6

 

模板访问变量属性

  • app.py
from flask import Flask,render_template,request
app = Flask(__name__)

class user:
    def __init__(self,username,email):
        self.username=username
        self.email=email

@app.route('/')
def hello_world():
    User=user('coleak','123@163.com')
    person={
        "username":"coleak",
        "email":"123@666.com"
    }
    return render_template('index.html',user=User,person=person)

@app.route('/blog/<int:blog_id>')
def blog(blog_id):
    page = request.args.get('page', default=1, type=int)
    return render_template('blog.html',id=blog_id,page=page)

if __name__ == '__main__':
    app.run()
  • index.html
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>coleak's page</title>
</head>
<body>
<h1>START</h1>
<div><h1>welcome {{ user.username }}</h1></div>
<div><h1>你的别名是{{ person.username }},邮箱是{{ person["email"] }}</h1></div>
<h2>coleak2</h2>
<h3>coleak3</h3>
<h4>coleak4</h4>
<h5>coleak5</h5>
<h1>END</h1>
</body>
</html>
  • 效果测试

内置过滤器的使用

可以将过滤器应用于数据以对其进行修改。 例如，sum 筛选器可以对数据求和，escape 筛选器对它们进行转义，sort 筛选器对它们进行排序。

  • app.py
from flask import Flask,render_template,request
app = Flask(__name__)

class user:
    def __init__(self,username,email):
        self.username=username
        self.email=email

@app.route('/')
def hello_world():
    User=user('coleak','123@163.com')
    person={
        "username":"coleak",
        "email":"123@666.com"
    }
    return render_template('index.html',user=User,person=person)

@app.route('/filter')
def filter():
    User1=user('coleak',-123.456)
    return render_template("filter.html",user=User1)

if __name__ == '__main__':
    app.run()
  • filter.html
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>过滤器</title>
</head>
<body>
<div>{{ user.username }}长度为{{ user.username|length }}</div>
<div>{{ user.email }}绝对值为{{ user.email|abs }}</div>
</body>
</html>
  • 效果测试

自定义过滤器

  • app.py
from flask import Flask,render_template,request
from datetime import datetime
app = Flask(__name__)

def my_filter(value,format="%Y年-%m月-%d日 %H时:%M分"):
    return value.strftime(format)

class user:
    def __init__(self,username,email):
        self.username=username
        self.email=email
app.add_template_filter(my_filter,"time_filter")

@app.route('/')
def hello_world():
    User=user('coleak','123@163.com')
    person={
        "username":"coleak",
        "email":"123@666.com"
    }
    return render_template('index.html',user=User,person=person)

@app.route('/filter')
def filter():
    mytime=datetime.now()
    User1=user('coleak',-123.456)
    return render_template("filter.html",user=User1,mytime=mytime)

if __name__ == '__main__':
    app.run()
  • filter.html
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>过滤器</title>
</head>
<body>
<div>{{ mytime }}过滤后为{{ mytime|time_filter }}</div>
</body>
</html>
  • 效果测试

控制语句

  • app.py
from flask import Flask,render_template,request
from datetime import datetime
app = Flask(__name__)

class user:
    def __init__(self,username,email):
        self.username=username
        self.email=email

@app.route('/')
def hello_world():
    User=user('coleak','123@163.com')
    person={
        "username":"coleak",
        "email":"123@666.com"
    }
    return render_template('index.html',user=User,person=person)

@app.route('/control')
def control():
    age=request.args.get('age')
    age=int (age)
    books=[{"name":"boo1",'price':12},{"name":"boo2",'price':18},{"name":"book3",'price':21}]
    return render_template('control.html',age=age,books=books)

if __name__ == '__main__':
    app.run()
  • control.html
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>控制语句</title>
</head>
<body>
<div>
    {% if age>18 %}
        <h2>可以进入网吧</h2>
    {% elif age==18 %}
        <h2>家长陪同下进入网吧</h2>
    {% else %}
        <h2>不可以进入网吧</h2>
    {% endif %}
</div>
<div>
    {% for book in books %}
        <p>名称：{{ book.name }}</p>
        <p>价格：{{ book.price }}</p>
    {% endfor %}
</div>
</body>
</html>
  •  效果测试

模板继承

模板继承是一项强大的功能，可减少代码重复并改善代码组织。 我们定义了一个基本模板，其他模板文件也从中继承。 这些模板文件将覆盖基本模板文件的特定块。

  • app.py
from flask import Flask,render_template,request
from datetime import datetime
app = Flask(__name__)

class user:
    def __init__(self,username,email):
        self.username=username
        self.email=email

@app.route('/')
def hello_world():
    User=user('coleak','123@163.com')
    person={
        "username":"coleak",
        "email":"123@666.com"
    }
    return render_template('index.html',user=User,person=person)

@app.route('/base')
def base():
    return render_template("base.html")
@app.route('/ch1')
def ch1():
    return render_template("ch1.html")
@app.route('/ch2')
def ch2():
    return render_template("ch2.html")


if __name__ == '__main__':
    app.run()
  • base.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>{% block title %}{% endblock %}</title>
</head>
<body>
{% block body %}
{% endblock %}
</body>
</html>
  • ch1.html
{% extends "base.html" %}
{% block title %}
    ch1的标题
{% endblock %}
{% block body %}
    <div>ch1的body</div>
{% endblock %}
  • ch1.html
{% extends "base.html" %}
{% block title %}
    ch2的标题
{% endblock %}
{% block body %}
    <div>ch2的body</div>
{% endblock %}

加载静态文件

  • 结构框架 

  • add.py
from flask import Flask,render_template,request
from datetime import datetime
app = Flask(__name__)

class user:
    def __init__(self,username,email):
        self.username=username
        self.email=email

@app.route('/')
def hello_world():
    User=user('coleak','123@163.com')
    person={
        "username":"coleak",
        "email":"123@666.com"
    }
    return render_template('index.html',user=User,person=person)

@app.route('/static')
def static_use():
    return render_template("static.html")

if __name__ == '__main__':
    app.run()
  • static.html
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>static</title>
    <link rel="stylesheet" href="{{ url_for('static',filename="css/style.css") }}">
    <script src="{{ url_for('static',filename="js/myjs.js") }}"></script>
</head>
<body>
<img src="{{ url_for('static',filename="images/flask.jpg") }}"></img>
</body>
</html>
  • myjs.js
alert('coleak');
  • style.css 
body{
    background-color: pink;
}
  • flask.jpg

  •  效果测试

 

coleak
关注
  • 1
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
Flask安装时候出现这个问题，安装的版本是flask==1.1.2版本报错的：ImportError:cannot import name ‘escape’ from ‘ jinja2’
Deng872347348的博客
12-06 3359
Flask安装时候出现这个问题，安装的版本是flask==1.1.2版本报错的：ImportError:cannot import name 'escape’ from ' jinja2’
学习笔记，jinja2和flask框架的结合
JA_alan的博客
06-18 506
一个菜鸟的成长之路
Flask模板引擎Jinja2使用实例
09-17
主要介绍了Flask模板引擎Jinja2使用实例,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
篇二、Flask中默认集成了Jinja2，用于web应用程序中生成动态内容。进阶篇
aoeryule的博客
03-06 545
篇二、Flask中默认集成了Jinja2，用于web应用程序中生成动态内容。进阶篇
【Flask】Jinja2模板（十四）
hold_on_qlc的博客
03-11 343
Jinja2是一个单独的Python包，Flask依赖Jinja2，安装Flask时会自动安装Jinja2。Jinja2可以将数据和模板结合在一起生成动态文本。
Python-Flask:程序猿的烂漫，送给第一爱人
热门推荐
qwe1314225的博客
03-14 1万+
开篇 废话不多说，咱们先看效果图； 浏览器输入diyi.love/ym 或者 diyi.love/杨幂 （手机好多浏览器不支持路径后面有中文，会识别成 搜索，不是网址） 介绍 一天不学习浑身难受（打游戏打累了），最近学了一点python，看到一个前端框架flask，很是轻量级，自己也是前端开发，就整出这个小项目了。谁说程序猿不懂烂漫？我们也有自己表达烂漫的方式！ 开发环境 win11 x64 Python 3.10.1 Mysql 5.7 (fdiyi) PS D:\workspace_pytho
flask之jinja2
牛腩面的博客
02-09 734
jinja版本: jinja2.1.0 jinja2:一.简介: jinja2是Flask作者开发的一个模板系统，起初是仿django模板的一个模板引擎，为Flask提供模板支持。 二.语法基本语法: 控制结构 {% %} 变量取值 {{ }} 注释 {# #} 1.变量取值 {{ }}: jinja2模板中使用 {{ }} 语法表示一个变量，它是一种特殊的占位符。当利用jinja2进行渲染...
Flask中的jinja2模板介绍与使用
IT之一小佬的博客
08-13 793
Flask中的jinja2模板介绍与使用
python之Flask(一）
zt3032的博客
08-29 384
一、简介: Flask是python的一个小型web框架，用熟练后完全可以深入到源码中进行学习。相对于django要轻量级很多。但是小并不意味这功能少，基于最初的设计就是可扩展的框架，因此Flask的很多扩展，很多功能的实现可以基于扩展开发，非常方便。 Flask有两个依赖 1、路由、调试和基于Werkzeug的wsgi服务网关 2、Jinja2模版 werkzeug和jinja2都是由
Flask框架——(Jinja2模板)
weixin_45550881的博客
04-14 572
Flask框架——(Jinja2模板) 1. Jinja2模板介绍 模板是⼀个web开发必备的模块。因为我们在渲染⼀个⽹⻚的时候，并不是只渲染⼀个纯⽂本字符串，⽽是需要渲染⼀个有富⽂本标签的⻚⾯。这时候我们就需要使⽤模板了。在Flask中，配套的模板是Jinja2，Jinja2的作者也是Flask的作者。这个模板⾮常的强⼤，并且执⾏效率⾼。 2. ...
easyforms:Flask和Jinja2的表单库
05-01
使用Flask和Jinja2的表单处理库。 该库使通过字段验证创建表单非常简单，并将其呈现为Bootstrap 3样式表单。 如果您想在Bootstrap 4中使用此功能，请与我联系-我将很高兴添加Bootstrap 4支持！ 该存储库中包括...
Flask模板引擎之Jinja2语法介绍
01-20
Jinja是组成Flask的模板引擎。可能你还不太了解它是干嘛的，但你对下面这些百分号和大括号肯定不陌生： {% block body %} {% for user in users %} <li><a>{{ user.username }}</a></li> {% endfor %} {% ...
flask_jinja2_web.zip
09-18
flask jinja2 web 开发文档
Flask 使用Jinja2模板引擎
CSDN
11-26 7851
Jinja2，由Flask框架的创作者开发，是一款功能丰富的模板引擎，以其完整的Unicode支持、灵活性、高效性和安全性而备受推崇。最初受Django模板引擎启发，Jinja2为Flask提供了强大的模板支持，后来也成为其他项目的首选。在本文中，我们将深入探讨Jinja2的特性、语法以及如何在Flask应用中使用它来构建动态而又美观的Web页面。
flask 1.1.2核心依赖版本
kobe_okok的博客
04-11 1487
flask 1.1.2 requires Jinja2>=2.10.1, which is not installed. flask 1.1.2 requires Werkzeug>=0.15, but you have werkzeug 0.14.1 which is incompatible.
flask与jinja2模板
Sahar_的博客
10-31 1076
3 模板（jinja2） 3.1 jinja2 模板 Jinja2模板是由Python实现的模板语言 设计思路：来源于Django的模板引擎 3.2 在flask中返回jinja2模板 from flask import Flask,render_template 展示： 3.3 过滤器 3.3.1 过滤器的格式 {{ 变量 | 过滤器 }} 3.3.2 自带的过滤器 展示： 注意...
安装flask遇到cannot import name ‘escape‘ from ‘jinja2‘ 的问题
yo*run笔记
08-24 7236
安装flask遇到cannot import name 'escape' from 'jinja2' 的问题及解决办法
数据可视化：flask框架+jinjia2
m0_57927801的博客
06-02 330
1.在templates中新建一个html文件【上期有介绍为什么在这个文件创建html文件】
SQL Server 2022 STRING_SPLIT表值函数特性增强
最新发布
zxrhhm的博客
05-22 1413
SQL Server 2022 STRING_SPLIT表值函数特性增强介绍
flask里使用jinja2模板
05-19
在 Flask 中使用 Jinja2 模板非常简单。首先，在 Flask 应用程序中，您需要导入 `render_template` 函数。这个函数可以渲染 Jinja2 模板并返回结果。 ```python from flask import Flask, render_template app = ...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

coleak

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值