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)
相关推荐
Victor35642 分钟前
Redis(76)Redis作为缓存的常见使用场景有哪些?
后端
liliangcsdn43 分钟前
python如何写数据到excel示例
开发语言·python·excel
Victor35644 分钟前
Redis(77)Redis缓存的优点和缺点是什么?
后端
CNRio44 分钟前
将word和excel快速转换为markdown格式
python·word·excel
小白银子4 小时前
零基础从头教学Linux(Day 52)
linux·运维·服务器·python·python3.11
摇滚侠4 小时前
Spring Boot 3零基础教程,WEB 开发 静态资源默认配置 笔记27
spring boot·笔记·后端
AAA小肥杨5 小时前
基于k8s的Python的分布式深度学习训练平台搭建简单实践
人工智能·分布式·python·ai·kubernetes·gpu
天若有情6736 小时前
Java Swing 实战:从零打造经典黄金矿工游戏
java·后端·游戏·黄金矿工·swin
一只叫煤球的猫7 小时前
建了索引还是慢?索引失效原因有哪些?这10个坑你踩了几个
后端·mysql·性能优化
lichong9517 小时前
Git 检出到HEAD 再修改提交commit 会消失解决方案
java·前端·git·python·github·大前端·大前端++