flask返回 html_Flask--第三个例子,写一个接口,该接口返回html前端页面,模板的使用...

本文介绍了两种通过Flask框架将接口数据返回至HTML前端页面的方法。方法一是直接读取HTML文件内容并返回;方法二是利用`render_template`,能自动转义且能传递参数给HTML模板。在模板中,使用`{{username}}`来展示传递的变量值,确保HTML中的变量名与函数参数一致。
摘要由CSDN通过智能技术生成

将接口数据返回至html前端页面有两种方法

方法一:

1 @app.route('/index',methods=['get'])2 defopen_index():3 page=open('my_index.html',encoding='utf-8');——---->打开当前文件下的my_index.html(这个html是你自己写的)4 res=page.read()------>读取页面内容,并转义后返回5 return res;

方法二:

1 from flask importFlask,render_template,request2

3 app = Flask(__name__)4

5

6 #@app.route('/index')

7 @app.route('/index/')8 defhello_world(username):9 return render_template('hello.html',username=username);------------>其中hello.html文件在temaplte文件夹下10

11

12 if __name__ == '__main__':13 app.run(debug=True);

*与第一种方式的有点在于可以自动转义,第一种方式要手动转义,不方便

* rendr_template中第一个参数是要打开的文件,通常是html文件

*render_template中第二个参数:username=username,第一个username是html中的变量,第二个username是index函数中的值,将这个值赋予html中的变量展示

*同理,render_template中可以指定第三个参数,第....个参数

*在html中的变量,用{{}},如{{username}},必须要和index中指定的html变量名一模一样,否则无法正确获取变量的值展示

*总而言之,render_template功能是对先引入html,同时根据后面传入的参数,对html进行修改渲染。

我的html页面内容如下

1

2

3

4

5

这是我的主页

6

7

{{username}}------>变量,必须要和index函数中给html的变量参数名一模一样,否则调取无效

8 这是我的主页9

10

11

12

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值