文章详情

短信预约-IT技能 免费直播动态提醒

请输入下面的图形验证码

提交验证

短信预约提醒成功

Flask模板渲染与Get和Post请求详细介绍

2024-04-02 19:55

关注

模板渲染

所谓模板渲染就是让flask渲染一个html文档,比如你有一个html文件,想要在网站上加载出来,你就要渲染它。

首先把这个文件,叫做模板渲染.html,放在templates文件夹下面,

然后代码中,导入render_template

from flask import Flask,render_template

另外也可以修改模板文件的渲染路径,使用template_folder来修改

app = Flask(__name__,template_folder='../fdf')

这里我们不修改。

模板渲染.html:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>模板渲染</title>
</head>
<body>
<p>你好</p>
<h3>How are you</h3>
</body>
</html>

模板渲染.py:

from flask import Flask,render_template
app = Flask(__name__)
@app.route('/')
def index():
    return render_template('模板渲染.html')
if __name__ == '__main__':
    app.run()

运行这个flask项目,在根路径下/,执行对应的视图函数,渲染对应的html文件,显示如下:

GET和POST请求

在设置路由的时候,可以设置访问url的时候,接受的请求方式。

GET请求表示浏览器需要get某一个文件,服务器就把这个url对应的资源发给浏览器,默认情况下,我们输入url地址,就是在使用GET请求的方式请求资源。比如:

@app.route('/',methods=["GET"])
def index():
    return render_template('模板渲染.html')

methods=["GET"]限定访问方式,不写,默认就是GET方式。

表示在访问根路径/时,只接受get方式的请求,那我们输入url,按回车就是get方式,是可以访问的。

如果修改成:@app.route('/',methods=["POST"])

当我们点击这个链接后:

就会发现:

这就是因为我们限制了根路径/的访问只能用POST,当然也可以修改为GET,POST都可以的形式

@app.route('/',methods=["GET","POST"])

POST请求,表示的是我现在不是要获取某个资源,而是我有数据需要提交给服务器,让服务器来处理。

首先,我们的html页面为,这里有一个表单,需要我们填写数据,然后我们把数据交给服务器来处理,设置表单的action="http://localhost:5000/datahandle",也就意味着数据提交到/datahandle这个页面来处理

test.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>post请求</title>
</head>
<body>
    <form action = "http://localhost:5000/datahandle" method = "post">
         <table>
            <tr>
                <td>Name</td>
                <td><input type ="text" name ="username"></td>
            </tr>
            <tr>
                <td>Password</td>
                <td><input type ="password" name ="password"></td>
            </tr>
            <tr>
                <td><input type = "submit"></td>
            </tr>
        </table>
    </form>
</form>
</body>
</html>

然后是py文件,

from flask import Flask,render_template,request
app = Flask(__name__)
@app.route('/')
def index():
    return render_template('test.html')
#post数据到这个页面来处理,直接输入url是get方式访问,访问不了,这里限定了只能用POST方式访问
@app.route('/datahandle',methods=["POST"])
def handle():
    #获取提交到的数据
    name = request.form['username']
    pwd  = request.form['password']
    return f'name: {name}, password: {pwd}'
if __name__ == '__main__':
    app.run()

进入到根路径后会渲染模板文件test.html,然后在表单中输入name,password后,提交给/datahandle页面来处理,它对应的视图函数handle()处理数据。但是这里涉及到如何拿到表单中的数据,需要使用request

from flask import Flask,render_template,request
name = request.form['username']
pwd  = request.form['password']

实际上,在form表单中输入的数据都被flask以字典的形式存储起来了,使用print(request.form)可以查看

表单中输入以下数据:提交,

在控制台中输出ImmutableMultiDict([('username', '123'), ('password', '456')])

键值对username='123',password = '456'

然后使用request.form['username']拿到key对应的value,或者使用request.form.get('username')一样可以拿到数据。

提交后页面跳转到了/datahandle中,处理完的数据返回出来:

成功的拿到了post方式提交的数据。

到此这篇关于Flask模板渲染与Get和Post请求详细介绍的文章就介绍到这了,更多相关Flask模板渲染内容请搜索编程网以前的文章或继续浏览下面的相关文章希望大家以后多多支持编程网!

阅读原文内容投诉

免责声明:

① 本站未注明“稿件来源”的信息均来自网络整理。其文字、图片和音视频稿件的所属权归原作者所有。本站收集整理出于非商业性的教育和科研之目的,并不意味着本站赞同其观点或证实其内容的真实性。仅作为临时的测试数据,供内部测试之用。本站并未授权任何人以任何方式主动获取本站任何信息。

② 本站未注明“稿件来源”的临时测试数据将在测试完成后最终做删除处理。有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341

软考中级精品资料免费领

  • 历年真题答案解析
  • 备考技巧名师总结
  • 高频考点精准押题
  • 2024年上半年信息系统项目管理师第二批次真题及答案解析(完整版)

    难度     801人已做
    查看
  • 【考后总结】2024年5月26日信息系统项目管理师第2批次考情分析

    难度     348人已做
    查看
  • 【考后总结】2024年5月25日信息系统项目管理师第1批次考情分析

    难度     311人已做
    查看
  • 2024年上半年软考高项第一、二批次真题考点汇总(完整版)

    难度     432人已做
    查看
  • 2024年上半年系统架构设计师考试综合知识真题

    难度     220人已做
    查看

相关文章

发现更多好内容

猜你喜欢

AI推送时光机
位置:首页-资讯-后端开发
咦!没有更多了?去看看其它编程学习网 内容吧
首页课程
资料下载
问答资讯