p4 no.4_form表单与登录页面-CSDN博客

本文链接：https://blog.csdn.net/weixin_57709891/article/details/120493193

no.4_form表单与登录页面

1 安装模块 python-multipart

pip install python-multipart -i http://pypi.douban.com/simple --trusted-host=pypi.douban.com

2 修改main.py代码

# https://fastapi.tiangolo.com/advanced/templates/
# pip install python-multipart -i http://pypi.douban.com/simple --trusted-host=pypi.douban.com

#####################################
   
# -*- coding: UTF-8 -*-
from starlette.requests import Request
from fastapi import FastAPI, Form
from starlette.templating import Jinja2Templates

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


@app.post("/user/")
async def form_text(request: Request, username: str = Form(...), password: str = Form(...)):
    
    print('username',username)
    print('password',password)
    
    # return {'text_1':text_1 , 'text_2': text_2}
    return templates.TemplateResponse('index.html', {'request': request, 'username': username, 'password': password})


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


######################################

if __name__=='__main__':
    import uvicorn
    uvicorn.run(app,host='127.0.0.1',port=8000)

# uvicorn main:app --reload

3 新建 templates/index.html

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
    <meta name="description" content="">
    <meta name="author" content="">
    <!-- <link rel="icon" href="../../favicon.ico"> -->

    <title>Signin Template for Bootstrap</title>

    <!-- Bootstrap core CSS -->
    <!-- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous"> -->


    <!-- Custom styles for this template -->
    <!-- <link href="../static/css/signin.css" rel="stylesheet"> -->

  </head>

  <body>

    <div class="container">

      <h1>HELLO..{{ username }}</h1>
      <h1>HELLO..{{ password }}</h1>
    </div> <!-- /container -->


  </body>
</html>

4 新建templates/post.html

    <body>
        <div class="container">
            <form action="/user/" enctype="application/x-www-form-urlencoded" method="post">
                <label>username</label>
                <br>
                <input name="username" type="username" >
                <br>
                <label>password</label>
                <br>
                <input name="password" type="password" >
                <br><br>
                <input type="submit">
            </form>
            
        </div> <!-- /container -->
    </body>

5 测试

http://127.0.0.1:8000