Flask架站基础篇(五)----Jinja2模板
时间:2022-07-24
本文章向大家介绍Flask架站基础篇(五)----Jinja2模板,主要内容包括其使用实例、应用技巧、基本知识点总结和需要注意事项,具有一定的参考价值,需要的朋友可以参考一下。
零、使用模板
#引入render_template
from flask import Flask,render_template
app = Flask(__name__)
@app.route('/')
def index():
#调用render_template,传递模板名称
return render_template('index.html')
if __name__ == '__main__':
app.run(debug=True)
一、视图函数给模板传参
方法一:如果参数较少的情况下可使用如下方法:
from flask import Flask,render_template
app = Flask(__name__)
@app.route('/')
def index():
#给render_template传递模板页所需的参数
return render_template('index.html',username='admin')
if __name__ == '__main__':
app.run(debug=True)
方法二:如果参数较多使用如下方法
from flask import Flask,render_template
app = Flask(__name__)
@app.route('/')
def index():
context={
'username':'admin',
'gender':'男',
'age':18
}
#给render_template 传递一个字典/列表/模型
return render_template('index.html',**context)
if __name__ == '__main__':
app.run(debug=True)
模板页接收方法:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
这是HTML模板中出现的文字
<p>用户名:{{ username }}</p>
<p>性别:{{ gender }}</p>
<p>年龄:{{ age }}</p>
</body>
</html>
二、模板访问模型和字典
方法如下代码
from flask import Flask, render_template
app = Flask(__name__)
@app.route('/')
def index():
class Person(object):
name = 'admin123'
age = 18
p = Person();
#将模型传递给字典
context = {
'username': 'admin',
'gender': '男',
'age': 18,
'person': p,
'websites': {
'baidu': 'baidu.com'
}
}
return render_template('index.html', **context)
if __name__ == '__main__':
app.run(debug=True)
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
这是HTML模板中出现的文字
<p>用户名:{{ username }}</p>
<p>性别:{{ gender }}</p>
<p>年龄:{{ age }}</p>
<hr>
<!--调用字典/模型,都可以用以下的方法
也可以使用如:person['name']这样的方法-->
<p>用户名:{{ person.name }}</p>
<p>年龄:{{ person.age }}</p>
<p>网站:{{ websites.baidu }}</p>
</body>
</html>
三、模板页使用python代码
语法如下:
{% python代码开始 %}
html代码
{% python代码结束 %}
示例如下:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
{% if user.age>18%}
<a>我是{{user.name}}</a>
{% endif %}
</body>
</html>
四、过滤器
过滤器作用于模板中的变量 语法:
{{ 变量 | 过滤器名称 }}
五、母版页
在“templates”文件夹下创建一个html文件作为母版页,在使用该页面的html文件中引入该文件,引入方式如下:
{% extends 'base.html' %}
在子模版中自定义内容方法: 1. 在母版页中使用block,代码如下:
{% block main %}
{% endblock %}
- 在子模版页中使用模板也定义的block,代码如下
{% block main %}
子模版自定义内容
{% endblock %}
- JavaScript 教程
- JavaScript 编辑工具
- JavaScript 与HTML
- JavaScript 与Java
- JavaScript 数据结构
- JavaScript 基本数据类型
- JavaScript 特殊数据类型
- JavaScript 运算符
- JavaScript typeof 运算符
- JavaScript 表达式
- JavaScript 类型转换
- JavaScript 基本语法
- JavaScript 注释
- Javascript 基本处理流程
- Javascript 选择结构
- Javascript if 语句
- Javascript if 语句的嵌套
- Javascript switch 语句
- Javascript 循环结构
- Javascript 循环结构实例
- Javascript 跳转语句
- Javascript 控制语句总结
- Javascript 函数介绍
- Javascript 函数的定义
- Javascript 函数调用
- Javascript 几种特殊的函数
- JavaScript 内置函数简介
- Javascript eval() 函数
- Javascript isFinite() 函数
- Javascript isNaN() 函数
- parseInt() 与 parseFloat()
- escape() 与 unescape()
- Javascript 字符串介绍
- Javascript length属性
- javascript 字符串函数
- Javascript 日期对象简介
- Javascript 日期对象用途
- Date 对象属性和方法
- Javascript 数组是什么
- Javascript 创建数组
- Javascript 数组赋值与取值
- Javascript 数组属性和方法
- 要实现60FPS动画, 你需要了解这些
- 数论-素数
- 自动补全、回滚!介绍一款可视化 sql 诊断利器
- 深度学习-IMBD二分类问题
- 开源、强大的Linux服务器集群管理工具,比宝塔好用!
- 组合数学-抽屉原理
- 利用 Harbor 搭建企业级私有镜像仓库
- Redis-Java项目应用(Jedis、SpringBoot整合、工具类模板)
- 微软被指剽窃他人开源作品!作者被迫终止该项目
- 秋招系列 | 推荐岗史上最强面经来袭(上)
- 一个Tomcat 如何部署多个项目?附多种解决方案及详细步骤!
- 初识SpringCloud
- .NET程序设计复习总结
- Ribbon讲解与应用
- break, continue 和 return 的用法及区别