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