当前位置: 首页 > news >正文

Python Flask 将数据传递给前端

from flask import Flask, render_templateapp = Flask(__name__)@app.route("/index")
def index():data = {'name': "张三","age": 18,}return render_template("index2.html", data=data)if __name__ == '__main__':app.run()

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Title</title>
</head>
<body>
Hello world
{{ data }}</body>
</html>

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Title</title>
</head>
<body>
Hello world
<br>
{{ data.name }}
{{ data.age }}</body>
</html>

跟vue一样。。也可以用 data[''name]

如何传递列表数据呢

from flask import Flask, render_templateapp = 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()

<!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 }}</body>
</html>

可以取出固定元素

{{ data.list[1] }}

也可以进行运算

{{ data.list[1] + data.list[2] }}

跟vue一样。。。

相关文章:

  • matlab 将矩阵写入文件
  • 【python】flask服务端响应与重定向处理
  • 哈工大sse C语言 困难
  • Spring Boot 自动化单元测试类的编写过程
  • ②零基础MySQL数据库-MySQL约束
  • 从零开始一步一步掌握大语言模型---(1-写在最开始)
  • 2024网络安全数据安全加固类资料合集
  • 选择word中的表格VBA
  • 数据结构面试常见问题之串的模式匹配(KMP算法)系列-大师改进实现以及原理
  • 【蓝牙协议栈】【BLE】低功耗蓝牙配对绑定过程分析(超详细)
  • rollup打包起手式
  • Flink:Lookup Join 实现与示例代码
  • 【嵌入式】Docker镜像构建指南:引领应用部署的革新之路
  • 外包干了4年,技术退步明显.......
  • 前端工程Vue前置知识
  • 0x05 Python数据分析,Anaconda八斩刀
  • Docker 笔记(2):Dockerfile
  • Flannel解读
  • Gradle 5.0 正式版发布
  • IndexedDB
  • JavaSE小实践1:Java爬取斗图网站的所有表情包
  • js如何打印object对象
  • Node项目之评分系统(二)- 数据库设计
  • spring boot下thymeleaf全局静态变量配置
  • 老板让我十分钟上手nx-admin
  • 网络应用优化——时延与带宽
  • 我的面试准备过程--容器(更新中)
  • 一天一个设计模式之JS实现——适配器模式
  • 优秀架构师必须掌握的架构思维
  • ionic异常记录
  • shell使用lftp连接ftp和sftp,并可以指定私钥
  • ​一文看懂数据清洗:缺失值、异常值和重复值的处理
  • ​直流电和交流电有什么区别为什么这个时候又要变成直流电呢?交流转换到直流(整流器)直流变交流(逆变器)​
  • # MySQL server 层和存储引擎层是怎么交互数据的?
  • ###STL(标准模板库)
  • (C#)获取字符编码的类
  • (delphi11最新学习资料) Object Pascal 学习笔记---第8章第5节(封闭类和Final方法)
  • (ResultSet.TYPE_SCROLL_INSENSITIVE,ResultSet.CONCUR_READ_ONLY)讲解
  • (二十一)devops持续集成开发——使用jenkins的Docker Pipeline插件完成docker项目的pipeline流水线发布
  • (附源码)计算机毕业设计ssm-Java网名推荐系统
  • (六)什么是Vite——热更新时vite、webpack做了什么
  • (十五)devops持续集成开发——jenkins流水线构建策略配置及触发器的使用
  • (原)本想说脏话,奈何已放下
  • .NET中的十进制浮点类型,徐汇区网站设计
  • /bin/bash^M: bad interpreter: No such file ordirectory
  • ?.的用法
  • @Autowired自动装配
  • [ JavaScript ] JSON方法
  • [52PJ] Java面向对象笔记(转自52 1510988116)
  • [Android View] 可绘制形状 (Shape Xml)
  • [Ariticle] 厚黑之道 一 小狐狸听故事
  • [c]扫雷
  • [c]统计数字
  • [C++]——带你学习类和对象
  • [codevs] 1029 遍历问题