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 数组属性和方法
- 设置坐标轴刻度的位置和样式
- OkHttp透明压缩,收获性能10倍,外加故障一枚
- 体验spring-boot-devtools热部署,流畅且不失强大
- 【每周一库】 simsearch - a simple and lightweight fuzzy search engine
- 手把手教你实现xxl-job分布式任务调度平台搭建
- 直播短视频源码,动态需要用到点击图片展示预览效果的功能
- Docker 详细部署不香吗?
- 【41期】盘点那些必问的数据结构算法题之链表
- 那个男人 他带着Vue3来了~
- 小书MybatisPlus第9篇-常用字段默认值自动填充
- 【42期】盘点那些必问的数据结构算法题之二叉堆
- 小书MybatisPlus第8篇-逻辑删除实现及API细节精讲
- 小书MybatisPlus第7篇-代码生成器的原理精讲及使用方法
- 小书MybatisPlus第6篇-主键生成策略精讲
- Spring Security OAuth2之resource_id配置与验证