Flask框架学习笔记之模板操作实例详解
作者：Cytues 发布时间：2023-10-16 12:40:05
标签：Flask,模板
本文实例讲述了Flask框架学习笔记之模板操作。分享给大家供大家参考，具体如下：
flask的模板引擎是Jinja2。
引入模板的好处是增加程序的可读性和易维护性，从而不用将一堆html代码塞在视图函数中。
还是以hello world为例。最基础的调用模板修饰文本。
# 根网址
@app.route('/')
def index():
# return render_template("index.html")
# 可以给模板传入文本content修饰
content = "Hello World!"
return render_template("index.html", content = content)
index模板，用{{}}表示变量。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<!--<h1>Hello World!</h1>></!-->
<h1>{{ content }}</h1>
</body>
</html>
这里定义一个类以传入变量。
class User(object):
def __init__(self, user_id, user_name):
self.user_id = user_id
self.user_name = user_name
传参
# 通过调用类的实例方法给模板传递参数修饰
@app.route('/user')
def user_index():
user = User(520, "loli")# user_id, user_name
return render_template("user_index.html", user=user)
user_index模板，仅显示user_name。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<h1>Hello {{ user.user_name }}</h1>
</body>
</html>
在模板中实现if语句
# 在模板中使用if语句
@app.route('/query_user/<user_id>')
def query_user(user_id):
user = None
# 如果传入的id为520则调用实例
if int(user_id) == 520:
user = User(520, 'loli')
return render_template("user_id.html", user=user)
user_id模板，用{％ ％}包裹if语句，若user不为None（也就是传入了name），则显示if下语句，否则显示else下语句。
最后一定要加上{％ endif ％}表示判断语句结束。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
{％ if user ％}
<h1>hello {{ user.user_name }}</h1>
{％ else ％}
<h1>no this user</h1>
{％ endif ％}
</body>
</html>
在模板中使用for循环语句
@app.route('/users')
def user_list():
users = []
for i in range(1, 11):
user = User(i, "loli" + str(i))
users.append(user)# 将user添加到users
return render_template("user_list.html", users = users)# 在模板中修饰users
user_list模板，同样的，for循环语句也要用{％ ％}包裹起来，需要用{％ endfor ％}表示for循环结束。这里传入id和name两个参数。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
{％ for user in users ％}
{{ user.user_id }} -- {{ user.user_name }}<br>
{％ endfor ％}
</body>
</html>
模板的继承。模板继承的初衷也是为了代码更加简单，更易维护，将相同部分的代码提到一个基类模板，有点类似于类的继承。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<div>
<h1>I love you {{ user.user_name }}</h1>
</div>
{％ block content ％}
{％ endblock ％}
<div>
<h1>So much!</h1>
</div>
</body>
</html>
用<div>圈起来的是不可变的父模板，可改动添加的部分在{％ block content ％}和{％ endblock ％}之间。
子模版，用{％ extends "父模板" ％} 表示从父模板继承了代码。在{％ block content ％}和{％ endblock ％}之间添加内容。
{％ extends "base.html" ％}
{％ block content ％}
<h2>more than anyone</h2>
{％ endblock ％}
{％ extends "base.html" ％}
{％ block content ％}
<h2>more than anything</h2>
{％ endblock ％}
调用
# 模板继承1
@app.route('/one')
def one_base():
user = User(520, 'loli')
return render_template("one_base.html", user=user)
# 模板继承2
@app.route('/two')
def two_base():
user = User(520, 'loli')
return render_template("two_base.html", user=user)
可以看到子模版继承了题头和尾部，中间为子模版添加的内容。
代码
#-*- coding:utf-8 -*-
from flask import Flask, render_template# 导入render_template以使用模板
# 定义一个models导入一个有id和name的类
from models import User
app = Flask(__name__)
# 根网址
@app.route('/')
def index():
# return render_template("index.html")
# 可以给模板传入文本content修饰
content = "Hello World!"
return render_template("index.html", content = content)
# 通过调用类的实例方法给模板传递参数修饰
@app.route('/user')
def user_index():
user = User(520, "loli")
return render_template("user_index.html", user=user)
# 在模板中使用if语句
@app.route('/query_user/<user_id>')
def query_user(user_id):
user = None
if int(user_id) == 520:
user = User(520, 'loli')
return render_template("user_id.html", user=user)
# 在模板中使用for循环语句
@app.route('/users')
def user_list():
users = []
for i in range(1, 11):
user = User(i, "loli" + str(i))
users.append(user)
return render_template("user_list.html", users = users)
# 模板继承1
@app.route('/one')
def one_base():
user = User(520, 'loli')
return render_template("one_base.html", user=user)
# 模板继承2
@app.route('/two')
def two_base():
user = User(520, 'loli')
return render_template("two_base.html", user=user)
if __name__ == '__main__':
app.run()
希望本文所述对大家基于flask框架的Python程序设计有所帮助。
来源：https://blog.csdn.net/qq_41805514/article/details/80766289
0
投稿猜你喜欢
内置300余汉字点阵.纯ASP实现汉字验证码.不读数据库.多种属性自由调节,其中包括:生成的图片长和宽,字符数,背景显示效果(渐变,杂色,固- 很早之前就注册了Github，但对其使用一直懵懵懂懂，很不熟练。直到昨天做完百度前端技术学院的task，想把代码托管到Github上的时候发
- OpenCV的全称是Open Source Computer Vision Library，是一个跨平台的计算机视觉库。OpenCV是由英特
- 异常描述有时我们的Excel有一个调整过自定义格式的日期字段：当我们用pandas读取时却是这样的效果：不管如何指定参数都无效。出现原因没有
- 什么是Elasticsearch？Elasticsearch是基于Lucene库的搜索引擎。它提供了具有HTTP Web界面和无模式JSON
- 当我们用javascript写ajax程序写得很“开心”的时候，突然有人告诉你有一种东西叫jquery，它会告诉你不直接和HttpReque
- Python输入整数进行排序任务：自定需要排序数字的个数，对这些数字进行排序"""功能： 输入整数进行排序作者
- 系列最后一篇来说说Python中的类与对象，Python这门语言是无处不对象，如果你曾浅要了解过Python，你应该听过Python是一种面
- 技术背景本文主要涵盖两个领域的知识点：python的魔法函数和量子计算模拟，我们可以通过一个实际的案例来先审视一下这两个需求是如何被结合起来
- 本文实例讲述了Python基于多线程实现抓取数据存入数据库的方法。分享给大家供大家参考，具体如下：1. 数据库类""&q
- mysql limit 分页的用法及注意事项：在我们使用查询语句的时候，经常要返回前几条或者中间某几行数据，这个时候怎么办呢？不用担心，my
- 本文实例讲述了Django框架实现分页显示内容的方法。分享给大家供大家参考，具体如下：分页1、作用数据加载优化2、前端引入bootstrap
- 1. 在控制台输入以下命令，检查Jupyter notebook的安装目录jupyter notebook --generate-confi
- 废话不多说了，直接给大家贴代码了，具体代码如下所示：// ----ajax begin $.ajax({type: "
- 今天要实现的功能就是以下这个功能：vue.js模拟日历插件好了废话不多说了 直接上代码了css:*{ margi
- wm_concat、listagg、xmlagg、pivot函数一、wm_concat函数（oracle12g版本开始不支持）语法：sele
- 其实不光是上面描述的情况会锁住表，还有很多种场景会使表放生死锁，解锁其实很简单，下面用一个示例来讲解： 1 首先创建一个测试用的表： 代码如
- 旧版本的代码请见上一篇博文： Python实现带图形界面的炸金花游戏本文尝试在旧版本的基础上，“升级&
- count()方法返回obj出现在列表的次数。语法以下是count()方法的语法：list.count(obj)参数
- 1、之前那个说淘宝交易评价“有问题”的文章已经有了一百多个评论。（某些开口就骂的评论已被删除）近期去评论的人都是从搜索引擎过来的，他们不是产
