FastAPI框架入门 基本使用, 模版渲染, form表单数据交互, 上传文件, 静态文件配置
安装
pip install fastapi[all]
pip install unicorn
基本使用(不能同时支持，get, post方法等要分开写)
from fastapi import FastAPI
app = FastAPI()
@app.get('/') # 点get就支持get请求
def read_root():
return {"hello":'world'}
if __name__ == '__main__':
import uvicorn
uvicorn.run(app,host='127.0.0.1',port=8080)
模版渲染
fastapi本身是没有模版渲染功能的，需要你借助于第三方的模版工具
该框架默认情况下也是借助于jinja2来做模版渲染(flask也是使用jinja2, 如果用过flask, 默认是装过jinja2)
# 安装
pip install jinja2
# 基本使用
from starlette.requests import Request
from fastapi import FastAPI
from starlette.templating import Jinja2Templates
app = FastAPI()
# 挂载模版文件夹
tmp = Jinja2Templates(directory='templates')
@app.get('/')
async def get_tmp(request:Request): # async加了就支持异步 把Request赋值给request
return tmp.TemplateResponse('index.html',
{'request':request, # 一定要返回request
'args':'hello world' # 额外的参数可有可无
}
)
@app.get('/{item_id}/') # url后缀
async def get_item(request:Request,item_id):
return tmp.TemplateResponse('index.html',
{'request':request,
'kw':item_id
})
if __name__ == '__main__':
import uvicorn
uvicorn.run(app,host='127.0.0.1',port=8080)
# index.html文件内容
{# index.html #}
<body>
<h1>index页面</h1>
<h1>{{ args }}</h1>
<h1>{{ kw }}</h1>
</body>
form表单数据交互
注意： 如果要使用request.form（）支持表单“解析”，则为必需 python-multipart 。
# 安装
pip install python-multipart
from starlette.requests import Request
from fastapi import FastAPI,Form
from starlette.templating import Jinja2Templates
app = FastAPI()
tmp = Jinja2Templates(directory='templates')
@app.get('/') # 接受get请求
async def get_user(request:Request):
return tmp.TemplateResponse('form.html',{'request':request})
@app.post('/user/') # 接受post请求
async def get_user(request:Request,
username:str=Form(...), # 直接去请求体里面获取username键对应的值并自动转化成字符串类型
pwd:int=Form(...) # 直接去请求体里面获取pwd键对应的值并自动转化成整型
):
print(username,type(username))
print(pwd,type(pwd))
return tmp.TemplateResponse('form.html',{
'request':request,
'username':username,
'pwd':pwd
})
if __name__ == '__main__':
import uvicorn
uvicorn.run(app,host='127.0.0.1',port=8080)
# form.html文件内容
{# form.html #}
<body>
<form action="/user/" method="post">
<p>username<input type="text" name="username"></p>
<p>password<input type="password" name="pwd"></p>
<input type="submit">
</form>
<h1>{{ username }}</h1>
<h1>{{ pwd }}</h1>
</body>
上传文件
from starlette.requests import Request
from fastapi import FastAPI, Form, File, UploadFile
from starlette.templating import Jinja2Templates
from typing import List
app = FastAPI()
# 挂载模板文件夹
tmp = Jinja2Templates(directory='templates')
@app.get('/') # 接受get请求
async def get_file(request: Request):
return tmp.TemplateResponse('file.html', {'request': request})
# 单个文件
@app.post('/file/') # 接受post请求
async def get_user(request: Request,
file: bytes = File(...), # # 把文件对象转为bytes类型,这种类型的文件无法保存
file_obj: UploadFile = File(...), # UploadFile转为文件对象，可以保存文件到本地
info: str = Form(...) # 获取普通键值对
):
# 保存上传的文件
contents = await file_obj.read()
with open("static/file/" + file_obj.filename, "wb") as f:
f.write(contents)
return tmp.TemplateResponse('index.html', {
'request': request,
'file_size': len(file),
'file_name': file_obj.filename,
'info':info,
'file_content_type':file_obj.content_type
})
# 多个文件
@app.post('/files/')
async def get_files(request:Request,
files_list:List[bytes] = File(...), # [文件1的二进制数据,文件2的二进制数据]
files_obj_list:List[UploadFile]=File(...) # [file_obj1,file_obj2,....] # 文件框里可以同时上传多个文件
):
# 保存上传的多个文件
for file in files_obj_list:
contents = await file.read()
filename = file.filename
with open("static/file/" + filename, "wb") as f:
f.write(contents)
return tmp.TemplateResponse('index.html',
{'request':request,
'file_sizes':[len(file) for file in files_list],
'file_names':[file_obj.filename for file_obj in files_obj_list]
}
)
if __name__ == '__main__':
import uvicorn
uvicorn.run(app, host='127.0.0.1', port=8080)
# html页面文件内容，有俩html文件
{# file.html #}
<body>
<h1>单个文件</h1>
<form action="/file/" method="post" enctype="multipart/form-data">
<input type="file" name="file">
<input type="file" name="file_obj">
<input type="text" name="info">
<input type="submit">
</form>
<h1>多份个文件</h1>
<form action="/files/" method="post" enctype="multipart/form-data">
<input type="file" name="files_list" multiple> {# multiple参数支持一次性传多个文件 #}
<input type="file" name="files_obj_list" multiple>
<input type="submit">
</form>
</body>
{# index.html #}
<body>
<h2>单个文件</h2>
<h1>{{ file_size }}</h1>
<h1>{{ file_name }}</h1>
<h1>{{ info }}</h1>
<h1>{{ file_content_type }}</h1>
<h2>多个文件</h2>
<h1>{{ file_sizes }}</h1>
<h1>{{ file_names }}</h1>
</body>
</html>
静态文件配置
需要安装aiofiles模块
# 安装
pip install aiofiles
from starlette.staticfiles import StaticFiles
# 挂载静态文件夹
app.mount('/static',StaticFiles(directory='static'),name='static') # mount挂载 第一个参数为应用的前缀，第二个为路径，第三个为别名
# 前端
<link rel="stylesheet" href="{{ url_for('static',path='/css/111.css') }}"> {# url_for后的第一个参数为别名 #}
<script src="{{ url_for('static',path='/js/111.js') }}"></script>
示例文件下载：https://files.cnblogs.com/files/sanduzxcvbnm/project_statis_html_2.7z
FastAPI框架入门 基本使用, 模版渲染, form表单数据交互, 上传文件, 静态文件配置的更多相关文章
- Django框架 之 Form表单和Ajax上传文件
Django框架 之 Form表单和Ajax上传文件 浏览目录 Form表单上传文件 Ajax上传文件 伪造Ajax上传文件 Form表单上传文件 html 1 2 3 4 5 6 7 <h3& ...
- $_FILES参数详解及简单<form>表单无刷新上传文件
$_FILES:经由 HTTP POST 文件上传而提交至脚本的变量,类似于旧数组$HTTP_POST_FILES 数组(依然有效,但反对使用)详细信息可参阅 POST方法上传 $_FILES数组内容 ...
- 通过Ajax提交form表单来提交上传文件
Ajax 提交form方式可以将form表单序列化 然后将数据通过data提交至后台,例如: $.ajax({ url : "http://localhost:8080/" ...
- SpringMVC.入门篇《二》form表单
SpringMVC.入门篇<二>form表单 项目工程结构: 在<springmvc入门篇一.HelloWorld>基础上继续添加代码,新增:FormController.ja ...
- 4 django系列之HTML通过form标签来同时提交表单内容与上传文件
preface 我们知道提交表单有2种方式,一种直接通过submit页面刷新方法来提交,另一种通过ajax异步局部刷新的方法提交,上回我们说了通过ajax来提交文件到后台,现在说说通过submit来提 ...
- 框架基础：关于ajax设计方案（三）---集成ajax上传技术
之前发布了ajax的通用解决方案,核心的ajax发布请求,以及集成了轮询.这次去外国网站逛逛,然后发现了ajax level2的上传文件,所以就有了把ajax的上传文件集成进去的想法,ajax方案的l ...
- laravel框架——上传、下载文件
文件上传 在config文件夹下新建一个 项目名.php return [ 'title' => 'My Test', 'posts_per_page' => 5, 'uploads' = ...
- 框架基础：ajax设计方案（三）--- 集成ajax上传技术 大文件/超大文件前端切割上传，后端进行重组
马上要过年了,哎,回家的心情也特别的激烈.有钱没钱,回家过年,家永远是舔舐伤口最好的地方.新的一年继续加油努力. 上次做了前端的ajax的上传文件技术,支持单文件,多文件上传,并对文件的格式和大小进行 ...
- node.js+react全栈实践-Form中按照指定路径上传文件并
书接上回,讲到“使用同一个新增弹框”中有未解决的问题,比如复杂的字段,文件,图片上传,这一篇就解决文件上传的问题.这里的场景是在新增弹出框中要上传一个图片,并且这个上传组件放在一个Form中,和其他文 ...
随机推荐
- CSS3 实现复杂的背景图案
灵活的背景定位 实现效果: 将背景图定位到距离容器底边 10px 且距离右边 20px 的位置. background-position 方案 代码: <div>海盗密码</div& ...
- kafka的认识、安装与配置
认识Kafka 花费越少的精力在数据移动上,就能越专注于核心业务 --- <Kafka:The Definitive Guide> 认识 Kafka 之前,先了解一下发布与订阅消息系统:消 ...
- 【Nginx】如何获取客户端真实IP、域名、协议、端口？看这一篇就够了！
写在前面 Nginx最为最受欢迎的反向代理和负载均衡服务器,被广泛的应用于互联网项目中.这不仅仅是因为Nginx本身比较轻量,更多的是得益于Nginx的高性能特性,以及支持插件化开发,为此,很多开发者 ...
- CTF_show平台 web题解 part3
web13 题目显示文件上传,各类型上传均提示错误,在使用ctf-scan扫描的时候,发现upload.php.bak. 查看源码: <?php header("content-typ ...
- 数据结构之二叉搜索树（BST）--JavaScript实现
原理: 叉排序树的查找过程和次优二叉树类似,通常采取二叉链表作为二叉排序树的存储结构.中序遍历二叉排序树可得到一个关键字的有序序列,一个无序序列可以通过构造一棵二叉排序树变成一个有序序列,构造树的过程 ...
- python面试题四:Python web框架
1 django.flask.tornado框架的比较? 2 什么是wsgi? WSGI的全称是Web Server Gateway Interface,翻译过来就是Web服务器网关接口.具体的来说, ...
- Java实现导入导出Excel：POI和EasyExcel
文章与CSDN同步,欢迎访问:https://blog.csdn.net/qq_40280582/article/details/107300081 代码地址:https://gitee.com/il ...
- bootstrap中模态框如果放入form表单中会存在的问题
bootstrap中模态框如果放入form表单中会存在的问题:当模态框显示时,点回车会出现表单自动提交!!!所以在使用模态框的时候要特别注意!
- Andriod 自动化环境搭建
一.安装JDK,配置JDK环境 百度搜索下载就行,这里分享一个下载链接:https://pan.baidu.com/s/1snuTOAx 密码:9z8r. 下载好后点击进行安装.安装好后进行环境 ...
- layui 魔改：富文本编辑器添加上传视频功能
甲方又整新需求了:富文本编辑器需要可以传视频. layui本身的富文本编辑器没有传视频的功能,所以,又到了咱们魔改的时候了. 友情提醒,富文本编辑器 layedit 只有layui的V1版有,V2版没 ...