Python Flask 前端数据的转换

复制代码
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
Hello world
<br>
{{ data.name }}
<br>
{{ data.age }}
<br>
{{ data.list[1] }}
<br>
{{ "hello_world" | upper }}

</body>
</html>

from flask import Flask, render_template

app = Flask(__name__)


@app.route("/index")
def index():
    data = {
        'name': "张三",
        "age": 18,
        'list': [123123,41,123]
    }
    return render_template("index2.html", data=data)


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

就可以看到大写的内容

更多转换文档请参考
Template Designer Documentation --- Jinja Documentation (2.10.x)

复制代码
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
Hello world
<br>
{{ data.name }}
<br>
{{ data.age }}
<br>
{{ data.list[1] }}
<br>
{{ "hello_world" | upper | replace('HELLO','HI') }}

</body>
</html>
相关推荐
海的诗篇_几秒前
前端开发面试题总结-JavaScript篇(二)
开发语言·前端·javascript·typescript
琹箐11 分钟前
ant-design4.xx实现数字输入框; 某些输入法数字需要连续输入两次才显示
前端·javascript·anti-design-vue
程序员-小李12 分钟前
VuePress完美整合Toast消息提示
前端·javascript·vue.js
狐凄29 分钟前
Python实例题:Python计算线性代数
开发语言·python·线性代数
西猫雷婶30 分钟前
pytorch基本运算-导数和f-string
人工智能·pytorch·python
述雾学java33 分钟前
深入理解 transforms.Normalize():PyTorch 图像预处理中的关键一步
人工智能·pytorch·python
要努力啊啊啊36 分钟前
使用 Python + SQLAlchemy 创建知识库数据库(SQLite)—— 构建本地知识库系统的基础《一》
数据库·人工智能·python·深度学习·自然语言处理·sqlite
2301_793069821 小时前
Azure 虚拟机端口资源:专用 IP 和公共 IP Azure Machine Learning 计算实例BUG
tcp/ip·flask·azure
Uyker1 小时前
从零开始制作小程序简单概述
前端·微信小程序·小程序
Andrew_Xzw1 小时前
数据结构与算法(快速基础C++版)
开发语言·数据结构·c++·python·深度学习·算法