Python flask 表单详解

文章目录

  • [1 概述](#1 概述)
    • [1.1 request 对象](#1.1 request 对象)
  • [2 示例](#2 示例)
    • [2.1 目录结构](#2.1 目录结构)
    • [2.2 student.html](#2.2 student.html)
    • [2.3 result.html](#2.3 result.html)
    • [2.4 app.py](#2.4 app.py)

1 概述

1.1 request 对象

  • 作用:来自客户端网页的数据作为全局请求对象发送到服务器
  • request 对象的重要属性如下:
属性 解释
form 字典对象,包含表单的参数、值、键值对
args 解析查询字符串的内容,是问号(?)之后的 url 的一部分
cookies 字典对象,保存 cookie 的名称和值
files 与上传文件有关的数据
method 当前请求的方法,如:POST、GET

2 示例

  • 表单操作的示例,步骤如下
    • ① 访问浏览器,并在主页 student.html 中录入学生信息
    • ② 点击提交按钮,并将结果返回至 result.html 页面

2.1 目录结构

实现效果:

2.2 student.html

html 复制代码
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>学生信息表</title>
</head>
<body>
<form action="/result" method="POST">
    <p>name <input type="text" name="name"/></p>
    <p>sex <input type="text" name="sex"/></p>
    <p>age <input type="text" name="age"/></p>
    <p><input type="submit" value="submit"/></p>
</form>
</body>
</html>

2.3 result.html

html 复制代码
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>结果列表</title>
</head>
<body>
<table border="1" cellspacing="0" cellpadding="2">
    {% for key, value in result.items() %}
    <tr>
        <th> {{ key }}</th>
        <td> {{ value }}</td>
    </tr>
    {% endfor %}
</table>
</body>
</html>

2.4 app.py

python 复制代码
from flask import Flask, render_template, request

app = Flask(__name__)


@app.route('/')
def student():
    return render_template('student.html')


@app.route('/result', methods=['POST', 'GET'])
def result():
    if request.method == 'POST':
        result = request.form
        return render_template("result.html", result=result)


if __name__ == '__main__':
    app.run(debug=True)
相关推荐
uppp»18 分钟前
深入理解 Java 反射机制:获取类信息与动态操作
java·开发语言
Yan-英杰20 分钟前
百度搜索和文心智能体接入DeepSeek满血版——AI搜索的新纪元
图像处理·人工智能·python·深度学习·deepseek
weixin_307779131 小时前
Azure上基于OpenAI GPT-4模型验证行政区域数据的设计方案
数据仓库·python·云计算·aws
玩电脑的辣条哥2 小时前
Python如何播放本地音乐并在web页面播放
开发语言·前端·python
多想和从前一样5 小时前
Django 创建表时 “__str__ ”方法的使用
后端·python·django
ll7788115 小时前
LeetCode每日精进:20.有效的括号
c语言·开发语言·算法·leetcode·职场和发展
小喵要摸鱼6 小时前
【Pytorch 库】自定义数据集相关的类
pytorch·python
bdawn7 小时前
深度集成DeepSeek大模型:WebSocket流式聊天实现
python·websocket·openai·api·实时聊天·deepseek大模型·流式输出
Jackson@ML7 小时前
Python数据可视化简介
开发语言·python·数据可视化
mosquito_lover17 小时前
怎么把pyqt界面做的像web一样漂亮
前端·python·pyqt