FastAPI - HTML 表单模板


让我们向应用程序添加另一个路由“/login”,它呈现一个具有简单登录表单的 html 模板。登录页面的 HTML 代码如下 -

<html>
   <body>
      <form action="/submit" method="POST">
         <h3>Enter User name</h3>
         <p><input type='text' name='nm'/></p>
         <h3>Enter Password</h3>
         <p><input type='password' name='pwd'/></p>
         <p><input type='submit' value='Login'/></p>
      </form>
   </body>
</html>

请注意,操作参数设置为“/submit”路由,操作设置为 POST。这对于进一步讨论具有重要意义。

在main.py文件中添加login()函数,如下所示 -

@app.get("/login/", response_class=HTMLResponse)
async def login(request: Request):
   return templates.TemplateResponse("login.html", {"request": request})

URL http://localhost:8000/login 将呈现登录表单,如下所示 -

FastAPI HTML 表单模板