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>
相关推荐
bug_kada几秒前
让你彻底明白什么是闭包(附常见坑点)
前端·javascript
吴楷鹏1 分钟前
TypeScript 为什么要增加一个 satisfies?
前端·typescript
光影少年1 分钟前
js异步解决方案以及实现原理
前端·javascript·掘金·金石计划
阿隆_趣编程9 分钟前
为了方便相亲,我用AI写了一款小程序
前端·javascript·微信小程序
万邦科技Lafite14 分钟前
实战演练:通过API获取商品详情并展示
大数据·数据库·python·开放api接口
EndingCoder21 分钟前
Electron 跨平台兼容性:处理 OS 差异
前端·javascript·electron·前端框架·node.js·chrome devtools
愈努力俞幸运27 分钟前
uv教程 虚拟环境
python·uv
IMER SIMPLE33 分钟前
人工智能-python-深度学习-经典网络模型-LeNets5
人工智能·python·深度学习
秋田君37 分钟前
Vue3+Node.js 实现大文件上传:断点续传、秒传、分片上传完整教程(含源码)
前端
爱隐身的官人37 分钟前
ctfshow - web - nodejs
前端·nodejs·ctf