Flask 将表单数据发送到模板

Flask 将表单数据发送到模板:关联的文章:
Flask request 属性详解
HTML之表单设计

1、get请求

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

(1)html文件:

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 属性详解》
python 复制代码
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')

@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)

2、post请求

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

(1)html文件

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 属性详解》
python 复制代码
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')

@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)
相关推荐
费弗里1 小时前
Python全栈应用开发利器Dash 3.x新版本介绍(1)
python·dash
ai小鬼头1 小时前
百度秒搭发布:无代码编程如何让普通人轻松打造AI应用?
前端·后端·github
考虑考虑1 小时前
@FilterRegistration和@ServletRegistration注解
spring boot·后端·spring
一只叫煤球的猫1 小时前
🔥 同事混用@Transactional和TransactionTemplate被我怼了,三种事务管理到底怎么选?
java·spring boot·后端
李少兄9 天前
解决OSS存储桶未创建导致的XML错误
xml·开发语言·python
就叫飞六吧9 天前
基于keepalived、vip实现高可用nginx (centos)
python·nginx·centos
Vertira9 天前
PyTorch中的permute, transpose, view, reshape和flatten函数详解(已解决)
人工智能·pytorch·python
学Linux的语莫9 天前
python基础语法
开发语言·python
你的人类朋友9 天前
(●'◡'●)从Dockerfile快速入门Docker Compose
后端
匿名的魔术师9 天前
实验问题记录:PyTorch Tensor 也会出现 a = b 赋值后,修改 a 会影响 b 的情况
人工智能·pytorch·python