程序员经验分享-hwhale

提交 HTML 表单后，如何使用 FastAPI 将用户重定向回主页？

2023-12-12

我有一个包含学生表格的页面。我添加了一个按钮，允许您向表中添加新行。为此，我将用户重定向到带有输入表单的页面。

问题是，提交完成的表单后，用户会转到一个新的空白页面。如何传输已完成表单中的数据并将用户重定向回表格？

我刚刚开始学习Web编程，所以我决定先不使用AJAX技术来实现。

Code:

from fastapi import FastAPI, Form
from fastapi.responses import Response

import json
from jinja2 import Template

app = FastAPI()


# The page with the table
@app.get('/')  
def index():
    students = get_students()  # Get a list of students
    with open('templates/students.html', 'r', encoding='utf-8') as file:
        html = file.read()
    template = Template(html)  # Creating a template with a table

    # Loading a template
    return Response(template.render(students=students), media_type='text/html')


# Page with forms for adding a new entry
@app.get('/add_student')
def add_student_page():
    with open('templates/add_student.html', 'r', encoding='utf-8') as file:
        html = file.read()

    # Loading a page
    return Response(html, media_type='text/html')


# Processing forms and adding a new entry
@app.post('/add')
def add(name: str = Form(...), surname: str = Form(...), _class: str = Form(...)):
    add_student(name, surname, _class)  # Adding student data
    # ???

首先，如果您返回 Jinja2 模板，您应该返回TemplateResponse，如图所示文档。要将用户重定向到特定页面，您可以使用重定向响应。由于您通过 POST（而不是 GET）方法执行此操作，如示例所示，405 (Method Not Allowed)将会抛出错误。不过还是感谢@tiangolo， 你可以更改响应状态码 to status_code=status.HTTP_303_SEE_OTHER，然后问题就会得到解决。下面是一个工作示例。如果您需要通过额外的path and/or query您的端点的参数，请查看this and this也回答一下。

工作示例

app.py

from fastapi import FastAPI, Request, Form, status
from fastapi.templating import Jinja2Templates
from fastapi.responses import RedirectResponse

app = FastAPI()
templates = Jinja2Templates(directory="templates")

# replace with your own get_students() method
def get_students():
    return ["a", "b", "c"]

@app.post('/add')
async def add(request: Request, name: str = Form(...), surname: str = Form(...), _class: str = Form(...)):
    # add_student(name, surname, _class)  # Adding student data
    redirect_url = request.url_for('index')    
    return RedirectResponse(redirect_url, status_code=status.HTTP_303_SEE_OTHER)    

@app.get('/add_student')
async def add_student_page(request: Request):
    return templates.TemplateResponse("add_student.html", {"request": request})

@app.get('/')
async def index(request: Request):
    students = get_students()  # Get a list of students
    return templates.TemplateResponse("index.html", {"request": request, "students": students})

模板/索引.html

<!DOCTYPE html>
<html>
   <body>
      <h1>Students: {{ students }}</h1>
   </body>
</html>

模板/add_student.html

<!DOCTYPE html>
<html>
   <body>
      <form action="http://127.0.0.1:8000/add" method="POST">
         name : <input type="text" name="name"><br>
         surname : <input type="text" name="surname"><br>
         class : <input type="text" name="_class"><br>
         <input type="submit" value="submit">
      </form>
   </body>
</html>
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)

python

http

Web

Jinja2

FastAPI

提交 HTML 表单后，如何使用 FastAPI 将用户重定向回主页？ 的相关文章

随机推荐

热门标签