flask框架不同路由之间传递变量
2023-09-11 14:15:14 时间
本文总结了两种方法:全局变量和类方法
1、全局变量
示例代码:
from flask import Flask, render_template
app = Flask(__name__)
ret = []
@app.route("/index")
def index():
s = "I love you!"
t = "Me Too!"
global ret
ret.append(s)
ret.append(t)
return render_template("index.html", m=ret)
@app.route("/index2")
def index2():
global ret
return render_template("index2.html", n=ret)
if __name__ == "__main__":
app.run(debug=True)
index.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>flask框架</title>
</head>
<body>
{{ m }}
</body>
</html>
index2.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>flask框架2</title>
</head>
<body>
{{ n }}
</body>
</html>
运行效果:
2、类方法
示例代码:
from flask import Flask, render_template
app = Flask(__name__)
class DataBase(object):
x = None
y = None
z = None
data = DataBase()
@app.route("/index")
def index():
s = "I love you!"
t = "Me Too!"
m = s + t
data.x = s * 3
data.y = t * 2
return render_template("index.html", m=m)
@app.route("/index2")
def index2():
n = data.x + data.y
return render_template("index2.html", n=n)
if __name__ == "__main__":
app.run(debug=True)
index.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>flask框架</title>
</head>
<body>
{{ m }}
</body>
</html>
index2.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>flask框架2</title>
</head>
<body>
{{ n }}
</body>
</html>
运行效果:
注意事项:
步骤1.创建一个名为“ templates”的新文件夹
步骤2.将“ index.html”移动到“ templates”文件夹中
步骤3.在索引函数中,返回render_template('index.html',m = m)
相关文章
- 静态路由!静态路由!静态路由!原理与配置
- vue - 子路由-路由嵌套
- ASP.NET Core知多少:路由重写及重定向
- AngularJS路由系列(5)-- UI-Router的路由约束、Resolve属性、路由附加数据、路由进入退出事件
- 静态路由原理和配置
- ASP.NET Core中Ocelot的使用:基于Spring Cloud Netflix Eureka的动态路由
- 大括号的路由意义
- Android 路由框架ARouter最佳实践
- H3C 静态黑洞路由应用
- H3C 用802.1Q和子接口实现VLAN间路由
- Vue--watch控制监听路由地址-组件的变化----'$route.path': function (newVal, oldVal)
- 微信小程序~页面跳转和路由
- express搭建web服务器、路由、get、post请求、multer上传文件、EJS模板引擎的使用
- js单页hash路由原理与应用实战
- vue-router路由模式详解
- vue前台(二)解决编程式路由,多次点击,报错的问题
- 华为eNSP配置IPV6静态路由
- ubuntu12.04单卡server(mentohust认证)再加上交换机做路由软件共享上网
- 优化光缆路由成决定性因素
- asp.net-web form-URL 路由
- Angularjs路由.让人激动的技术.真给前端长脸了.