Flask教程3:jinja2模板引擎

模板的导入与使用
  • Flask通过render_template来实现模板的渲染,要使用这个方法,我们需要导入from flask import rander_template,模板中注释需放在{# #}

  • 模板的第一个参数为指定的模板文件名称,如自定义的html文件,第二个(及后续)参数为可选项,用于向模板中传递变量。

from flask import Flask,render_template

app = Flask(__name__)

# 给前端模板传参
@app.route("/")
def index():
    data = {
        'name':'张三',
        'age':18,
        'mylist':[1,2,3,4,5,6,7]
    }
    # 以键值对的形式传参给模板index2.html
    # 左边是我们要在前端调用时使用的变量名称(形参:data);
    # 右边是我们给这个变量传的值(实参:字典data);
    return render_template('index2.html',data=data)

if __name__ == '__main__':
    app.run()

前端html模板内需要在双括号{{ }}中使用该变量:
如果想给该变量添加属性便于CSS修改格式,我们可以在变量后添加括号,并在括号内定义class、id等属性 → \rightarrow →点击查看

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
hello world
<br>
<!-- 对传入变量的使用并显示:在双括号内,和python中用法类似 -->
{{ data }}
<br>
{{ data['name'] }}
<br>
{{ data.name }}
<br>
mylist:{{ data.mylist }}
<br>
mylist[1]:{{ data.mylist[1] }}
<br>
count:{{ data.mylist[1]+data.mylist[2] }}
</body>
</html>

在这里插入图片描述

相关推荐

最近更新

  1. TCP协议是安全的吗?

    2024-05-01 08:34:04       18 阅读
  2. 阿里云服务器执行yum,一直下载docker-ce-stable失败

    2024-05-01 08:34:04       19 阅读
  3. 【Python教程】压缩PDF文件大小

    2024-05-01 08:34:04       18 阅读
  4. 通过文章id递归查询所有评论(xml)

    2024-05-01 08:34:04       20 阅读

热门阅读

  1. 学习 Rust 的第十五天:如何处理程序异常信息

    2024-05-01 08:34:04       11 阅读
  2. ThinkPHP8 导出Excel数据表格

    2024-05-01 08:34:04       11 阅读
  3. vue3中 使用vue-types

    2024-05-01 08:34:04       9 阅读
  4. servlet生命周期

    2024-05-01 08:34:04       8 阅读
  5. 启动HiveServer2失败

    2024-05-01 08:34:04       12 阅读
  6. Hive 移除索引支持的原因

    2024-05-01 08:34:04       11 阅读
  7. MySQL的SQL文件转换为适用于SQLite的SQL文件

    2024-05-01 08:34:04       7 阅读
  8. git 的使用教程规范以及示例

    2024-05-01 08:34:04       10 阅读
  9. 写一个简单的程序

    2024-05-01 08:34:04       10 阅读