Python编程
搜索
分类

Flask框架学习笔记之模板操作实例详解

作者：Cytues 时间：2023-10-16 12:40:05　

本文实例讲述了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>

Flask框架学习笔记之模板操作实例详解

这里定义一个类以传入变量。


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>

Flask框架学习笔记之模板操作实例详解

在模板中实现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>

Flask框架学习笔记之模板操作实例详解

Flask框架学习笔记之模板操作实例详解

在模板中使用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>

Flask框架学习笔记之模板操作实例详解

模板的继承。模板继承的初衷也是为了代码更加简单，更易维护，将相同部分的代码提到一个基类模板，有点类似于类的继承。


<!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)

Flask框架学习笔记之模板操作实例详解

Flask框架学习笔记之模板操作实例详解

可以看到子模版继承了题头和尾部，中间为子模版添加的内容。

代码


#-*- 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

标签：Flask,模板
0
投稿

猜你喜欢

  • Django框架首页和登录页分离操作示例

    2022-10-06 02:16:42

  • Python数据挖掘Pandas详解

    2021-08-04 13:11:44

  • hover悬停放大的翻页效果

    2008-05-19 12:20:00

  • Python 异常处理Ⅳ过程图解

    2023-06-28 16:05:53

  • python使用插值法画出平滑曲线

    2021-07-14 03:59:02

  • 分析运行中的 Python 进程详细解析

    2021-09-19 14:47:30

  • Python格式化字符串f-string的使用教程

    2023-10-07 22:33:29

  • css布局自适应高度方法

    2007-05-11 17:03:00

  • C#基于SQLiteHelper类似SqlHelper类实现存取Sqlite数据库的方法

    2024-01-14 14:42:05

  • javascript 精确获取样式属性（上）

    2024-04-17 09:45:37

  • Python 5种常见字符串去除空格操作的方法

    2023-12-18 18:52:58

  • PYQT5设置textEdit自动滚屏的方法

    2022-03-03 06:42:35

  • SQL2000安装后，SQL Server组无项目解决方法

    2024-01-24 10:54:13

  • Python装饰器用法实例总结

    2023-11-18 07:37:36

  • Python读写ini文件的方法

    2022-01-19 20:58:42

  • PyTorch中的CUDA的操作方法

    2022-02-24 18:54:41

  • PHP join()函数用法与实例讲解

    2023-06-02 00:39:19

  • 利用ASP在线维护数据库

    2007-10-12 13:53:00

  • FrontPage2002简明教程七：HTML在FrontPage中的应用

    2008-09-17 11:33:00

  • javaScript产生随机数的用法小结

    2024-04-17 10:40:20
    • asp之家 网络编程 m.aspxhome.com