首页 > 资讯 > 后端开发 > Python >flask结合jinja2使用详解

643

分享到

flask结合jinja2使用详解

flask jinja2使用 flask jinja2 2023-03-14 12:03:14 643人浏览独家记忆

Python 官方文档：入门教程 => 点击学习

摘要

目录模板渲染模板访问变量属性内置过滤器的使用自定义过滤器控制语句模板继承加载静态文件jinja2简介特征沙箱中执行强大的 html 自动转义系统保护系统免受 XSS模板继承及时编

模板渲染

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=" rel="external nofollow" 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

效果测试

到此这篇关于flask结合jinja2使用详解的文章就介绍到这了,更多相关flask jinja2使用内容请搜索编程网以前的文章或继续浏览下面的相关文章希望大家以后多多支持编程网！

您可能感兴趣的文档:

点击免费下载>>软考高级考试备考技巧/历年真题/备考精华资料

--结束END--

本文标题: flask结合jinja2使用详解

本文链接: https://www.lsjlt.com/news/199706.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341

本篇文章演示代码以及资料文档资料下载

下载Word文档到电脑，方便收藏和打印～

下载Word文档

去做题

猜你喜欢

flask结合jinja2使用详解

目录模板渲染模板访问变量属性内置过滤器的使用自定义过滤器控制语句模板继承加载静态文件jinja2简介特征沙箱中执行强大的 HTML 自动转义系统保护系统免受 XSS模板继承及时编...

99+

2023-03-14

flask jinja2使用 flask jinja2
flask结合jinja2使用的方法是什么

这篇“flask结合jinja2使用的方法是什么”文章的知识点大部分人都不太理解，所以小编给大家总结了以下内容，内容详细，步骤清晰，具有一定的借鉴价值，希望大家阅读完这篇文章能有所收获，下面我们一起来看看这篇“flask结合jinja2使用...

99+

2023-07-05
Python Flask JinJa2 语法使用示例详解

目录一、概述二、JinJa2 语法介绍与示例讲解1）变量2）控制结构3）循环结构4）宏5）过滤器6）继承7）包含一、概述 Flask是一个轻量级的Python Web框架，支持Ji...

99+

2023-03-19

Python Flask JinJa2 语法 Python Flask
jinja2如何在Flask中使用

jinja2如何在Flask中使用？针对这个问题，这篇文章详细介绍了相对应的分析和解答，希望可以帮助更多想解决这个问题的小伙伴找到更简单易行的方法。1、控制结构 {% %}2、变量取值 {{ }}jinja2模板中使用 {{ }} 语法表示...

99+

2023-06-14
Python Flask JinJa2语法如何使用

这篇文章主要介绍“Python Flask JinJa2语法如何使用”的相关知识，小编通过实际案例向大家展示操作过程，操作方法简单快捷，实用性强，希望这篇“Python Flask JinJa2语法如...

99+

2023-07-05
Python Flask和JinJa2语法怎么使用

这篇文章主要介绍“Python Flask和JinJa2语法怎么使用”的相关知识，小编通过实际案例向大家展示操作过程，操作方法简单快捷，实用性强，希望这篇“Python Flask和JinJa2语法怎么使用”文章能帮助大...

99+

2023-07-06
pyecharts结合flask框架的使用

目录介绍Flask模板渲染Flask前后端分离总结介绍本文主要介绍如何在Flask框架中使用pyecharts，关于Flask框架使用这里不做具体说明~ Flask模板渲染首先需...

99+

2024-04-02
Flask深入了解Jinja2引擎的用法

目录Jinja2Jinja2语句扩展Jinja2模板继承Jinja2 想象一下这样一个场景，如果对于某个网站来说，如果你充值了Vip，你才可以看到隐藏内容了。你该怎么做呢？这个适合...

99+

2024-04-02
Android RxJava与Retrofit结合使用详解

目录添加依赖封装Retrofit(单例模式)封装实体类使用compose操作符封装Subscriber测试结束如今RxJava和Retrofit的结合使用估计已经相当普遍了，自己工作...

99+

2023-03-12

Android RxJava与Retrofit Android RxJava Android Retrofit
详解Flask框架中Flask-Login模块的使用

目录flask-login 模块简介Flask-Login 模块的上手细节user_loader 函数login_user 函数logout_user 函数confirm_login...

99+

2023-01-13

Python Flask框架Flask-Login使用 Python Flask Flask-Login Flask Flask-Login
Python中Playwright 与 pyunit 结合使用详解

今天来填坑，昨天说playwright未必一定要使用pytest-playwright包。它也可以和pyunit一起使用。那么今天，田辛老师就给大家一个例子，供大家参考。当然...

99+

2023-03-03

Playwright 与 pyunit 使用 Playwright使用
Flask-Sqlalchemy的基本使用详解

目录一：基本使用：1：环境的安装：2：组件初始化：3：构建模型类：二：数据操作：1:增加数据：2：查询数据：3：修改数据：4：删除数据：三：高级机制：1：刷新数据：2：多表查询：一...

99+

2024-04-02
Github Copilot结合python的使用方法详解

目录前言一、copilot简单介绍二、使用python对copilot做些简单使用测试1.获取列表的最大和最小值的函数2.一个计算器三、使用copilot对LeetCode 题目解答...

99+

2024-04-02
Jinja2过滤器的使用、控制语句示例详解

目录1.过滤器的使用1.过滤器和测试器2.过滤器templates/filter.htmlapp.py效果3.自定义过滤器效果 2.控制语句1.ifapp.py...

99+

2023-03-02

Jinja2过滤器 Jinja2过滤器使用 Jinja2控制语句
Python Flask 转换器的使用详解

目录默认转换器自定义转换器默认转换器 from flask import Flask app = Flask(__name__) #/user/123 @app.route(...

99+

2024-04-02
详解Flask数据库的连接与使用

目录数据库连接配置创建实体类配置打印SQL语句或、与、非和排序数据库连接配置 HOST = "XXXXXXXXXXXXX" PORT = 3310 USERNAME = "root"...

99+

2023-02-24

Flask数据库连接 Flask数据库使用 Flask数据库
Maven的porfile与SpringBoot的profile结合使用案例详解

使用maven的profile功能，我们可以实现多环境配置文件的动态切换，可参考我的上一篇博客。但随着SpringBoot项目越来越火，越来越多人喜欢用SpringBoot的prof...

99+

2024-04-02
Angular的FormArray和模态框结合使用实例详解

目录业务场景表单列表表单详情【模态框】原错误代码思路所以正确的做法是啥？？总结业务场景使用FormArray制作动态表单。每创建一个表单，页面就新增一个input显示表单填写的标题...

99+

2022-11-13

Angular FormArray模态框 Angular FormArray
spring结合hibernate示例详解

单纯Hibernate程序首先是导入hibernate的jar包。建立用户和用户操作记录实体，Log.Java和User.java。代码如下所示。Log.javaimport java.util.Date; public cla...

99+

2023-05-31

spring hibernate te
python常用数据结构集合详解

目录set集合集合定义与使用集合常用方法add()update()remove()discard()pop()clear()集合运算交集运算并集运算差集运算集合推导式set集合集合...

99+

2024-04-02