Flask 将表单数据发送到模板_flask框架在html中表单条件后如何传值-CSDN博客

本文链接：https://blog.csdn.net/baidu_24752135/article/details/142980578

Flask 将表单数据发送到模板：关联的文章：
Flask request 属性详解
 HTML之表单设计
 Python requests模块
 HTML模版渲染-Jinja2

1、get请求

注意点：如下action中url效果同<form action="/test3">,具体使用见《HTML表单设计》

（1）html文件：order1.html

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
<!--1：默认get请求，2：action中url效果同/test3,具体见文章HTML表单设计中action属性介绍-->
    <form action="http://10.12.224.153:5569/test3">
        <!-- 这是一个普通的文本输入框 -->
        请输入数字1：<input type="text" name="number1">
        <br>
        <!-- 这是一个普通的文本输入框 -->
        请输入数字2：<input type="text" name="number2">
        <br>
        <!-- 这个一个重置按钮，可以将非默认值进行清空 -->
        <br>
        <input type="reset">
        <!-- 使用type="submit"这个一个提交按钮，可以将内容提交到后台服务器-->
        <input type="submit">
    </form>
    <br>
    <textarea rows="5" cols="38">返回结果为：{{data}}</textarea>
</body>

</html>

（2）视图函数

注意点：因为请求方法为get，因此使用request.args.get()方法，并且获取的值是字符串类型，详情见《Flask request 属性详解》

from flask import Flask, render_template,Blueprint,request

form222 = Blueprint('formDis222', __name__)
#实例化蓝图对象
#两个必要参数':
# 第一个参数：蓝图名字,自定义'
# 第二个参数：__name__'蓝图所在的模块或者包，一般为'__name__'变量；
# 第三个参数：url_prefix，非必填，，表示在该蓝图下，所有的url地址访问路径中都要加上xxx路径，即域名/xxx/路由

@form222.route('/test2')#在蓝图对象上进行操作,路由
def fromtest2():
    return render_template('order1.html') #返回order1.html页面，不渲染任何值

@form222.route('/test3',methods=['GET','POST'])  #定义视图函数支持的请求方法
def formtest3():
    if request.method == 'GET':
        number11 = request.args.get('number1')  #因为请求方法为get，因此使用request.args.get()方法，并且获取的值是字符串类型
        number22 = request.args.get('number2') #因为请求方法为get，因此使用request.args.get()方法，并且获取的值是字符串类型
        numberA = number11 + number22
        return render_template('order1.html',data=numberA) #返回order1.html页面，并将data的值在页面渲染出来

2、post请求

注意点：如下action中url效果同<form action="/test5">,具体使用见《HTML表单设计》

（1）html文件：order2.html

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
<!--1：定义请求方法为post，2：action中url效果同/test5,具体见文章HTML表单设计中action属性介绍-->
    <form action="http://10.12.224.153:5569/test5" method="post">
        <!-- 这是一个普通的文本输入框 -->
        请输入数字1：<input type="text" name="number3">
        <br>
        <!-- 这是一个普通的文本输入框 -->
        请输入数字2：<input type="text" name="number4">
        <br>
        <!-- 这个一个重置按钮，可以将非默认值进行清空 -->
        <br>
        <input type="reset">
        <!-- 使用type="submit"这个一个提交按钮，可以将内容提交到后台服务器-->
        <input type="submit">
    </form>
    <br>
    <textarea rows="5" cols="38">返回结果为：{{data}}</textarea>
</body>

</html>

（2）视图函数

注意点：因为请求方法为post，因此使用request.form.get()方法，并且获取的值是字符串类型，详情见《Flask request 属性详解》

from flask import Flask, render_template,Blueprint,request

form333 = Blueprint('formDis333', __name__)
#实例化蓝图对象
#两个必要参数':
# 第一个参数：蓝图名字,自定义'
# 第二个参数：__name__'蓝图所在的模块或者包，一般为'__name__'变量；
# 第三个参数：url_prefix，非必填，，表示在该蓝图下，所有的url地址访问路径中都要加上xxx路径，即域名/xxx/路由

@form333.route('/test4')#在蓝图对象上进行操作,路由
def fromtest4():
    return render_template('order2.html') #返回order2.html页面，不渲染任何值

@form333.route('/test5',methods=['GET','POST'])  ##定义视图函数支持的请求方法
def formtest5():
    if request.method == 'POST':
        number33 = request.form.get('number3')  #因为请求方法为post，因此使用request.form.get()方法，并且获取的值是字符串类型
        number44 = request.form.get('number4') #因为请求方法为post，因此使用request.form.get()方法，并且获取的值是字符串类型
        numberB = number33 + number44
        return render_template('order2.html',data=numberB) #返回order2.html页面，并将data的值在页面渲染出来