Flask框架--2（模板）

最新推荐文章于 2023-12-08 00:56:11 发布

sober333

最新推荐文章于 2023-12-08 00:56:11 发布

阅读量829

点赞数

本文链接：https://blog.csdn.net/sober333/article/details/80144901

版权

一.Jinja2模板

1.Jinja2是由python实现的

2.是Flask内置的模板语言

3.参照Django设计思想设计的，跟Django差不多

渲染模板函数

Flask提供的 render_template 函数封装了该模板引擎

render_template 函数的第一个参数是模板的文件名，后面的参数都是键值对，表示模板中变量对应的真实值

二.模板的使用

1.在项目下创建 template 文件夹，用于存放所有的模板文件，并在目录下创建一个模板html文件 temp_demo1.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
我的模板html内容
</body>
</html>

2.设置 templates 文件夹属性以便能够在代码中有智能提示

3. 设置html 中的模板语言，以便在 html 有智能提示

4. 创建视图函数，将该模板内容进行渲染返回

@app.route('/')
def index():
    return render_template('temp_demo1.html')

5. 代码中传入字符串，列表，字典到模板中

@app.route('/')
def index():
    # 往模板中传入的数据
    my_str = 'Hello '
    my_int = 10
    my_array = [3, 4, 2, 1, 7, 9]
    my_dict = {
        'name': 'xiaoming',
        'age': 18
    }
    return render_template('temp_demo1.html',
                           my_str=my_str,
                           my_int=my_int,
                           my_array=my_array,
                           my_dict=my_dict
                           )

6.模板中代码

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
我的模板html内容
<br/>{
  { my_str }}
<br/>{
  { my_int }}
<br/>{
  { my_array }}
<br/>{
  { my_dict }}

</body>
</html>

7.运行效果

<!DOCTYPE html>

我的模板html内容
Hello
10
[3, 4, 2, 1, 7, 9]

{'name': 'xiaoming', 'age': 18}

8.相关运算，取值

<br/> my_int + 10 的和为：{
  { my_int + 10 }}
<br/> my_int + my_array第0个值的和为：{
  { my_int + my_array[0] }}
<br/> my_array 第0个值为：{
  { my_array[0] }}
<br/> my_array 第1个值为：{
  { my_array.1 }}
<br/> my_dict 中 name 的值为：{
  { my_dict['name'] }}
<br/> my_dict 中 age 的值为：{
  { my_dict.age }}

9.结果

my_int + 10 的和为：20 
my_int + my_array第0个值的和为：13 
my_array 第0个值为：3 
my_array 第1个值为：4 
my_dict 中 name 的值为：xiaoming 
my_dict 中 age 的值为：18

三.过滤器

过滤器的本质就是函数。有时候我们不仅仅只是需要输出变量的值，我们还需要修改变量的显示，甚至格式化、运算等等，而在模板中是不能直接调用 Python 中的某些方法，那么这就用到了过滤器。

过滤器的使用方式为：变量名 | 过滤器。

{
  {variable | filter_name(*args)}}

如果没有任何参数传给过滤器,则可以把括号省略掉

{
  {variable | filter_name}}

在 jinja2 中，过滤器是可以支持链式调用的，示例如下：

{
  { "hello world" | reverse | upper }}

1.常见的过滤器

字符串操作

1.1 upper：把值转成大写

<p>{
  { 'hello' | upper }}</p>

1.2 lower: 把值转成小写

<p>{
  { 'HELLO' | lower }}</p>

1.3 capitalize：把变量值的首字母转成大写，其余字母转小写

<p>{
  { 'hello' | capitalize }}</p>

1.4 title ：把值中的每个单词的首字母都转成大写

<p>{
  { 'hello' | title }}</p>

1.5 reverse：字符串反转

<p>{
  { 'olleh' | reverse }}</p>

1.6 safe：禁用转义

<p>{
  { '<em>hello</em>' | safe }}</p>

列表操作

2.1 first：取第一个元素

<p>{
  { [1,2,3,4,5,6] | first }}</p>

2.2 l ast：取最后一个元素

最低0.47元/天解锁文章

sober333

关注

0
点赞
踩
6

收藏

觉得还不错? 一键收藏
0
评论
Flask框架--2（模板）

一.Jinja2模板1.Jinja2是由python实现的2.是Flask内置的模板语言3.参照Django设计思想设计的，跟Django差不多渲染模板函数Flask提供的 render_template 函数封装了该模板引擎render_template 函数的第一个参数是模板的文件名，后面的参数都是键值对，表示模板中变量对应的真实值二.模板的使用1.在项目下创建 template 文件夹，用...
复制链接

扫一扫