python fastapi 在页面以列表显示一个文件夹的文件清单,文件名可以编辑 含html和CSS
时间: 2024-09-29 12:09:00 浏览: 43
用Python批量把文件复制到另一个文件夹的实现方法
5星 · 资源好评率100%
在Python中,你可以使用FastAPI框架结合HTML、CSS和一些基本的文件操作来创建一个简单的Web应用,展示文件夹内的文件清单并允许用户编辑文件名。以下是一个简化的步骤:
1. 安装必要的库:
```bash
pip install fastapi uvicorn jinja2
```
2. 创建`main.py`文件,设置FastAPI的基本结构,并引入需要的模块:
```python
from fastapi import FastAPI, File, UploadFile, Depends
from fastapi.responses import HTMLResponse
import os
app = FastAPI()
```
3. 使用`jinja2`模板引擎渲染HTML页面:
```python
from fastapi.templating import Jinja2Templates
templates = Jinja2Templates(directory="templates")
@app.get("/files/")
async def list_files(folder_path: str):
files = os.listdir(folder_path)
return templates.TemplateResponse("file_list.html", {"files": files})
```
4. 创建`templates/file_list.html`文件,展示文件清单:
```html
<!DOCTYPE html>
<html lang="en">
<head>
<title>Files</title>
<style>
/* 这里添加你的CSS样式 */
</style>
</head>
<body>
<h1>Files in {{ folder_path }}</h1>
<ul id="file-list">
{% for file in files %}
<li><span>{{ file }}<button onclick="editFileName('{{ file }}}')">Edit</button></span></li>
{% endfor %}
</ul>
<script>
// JavaScript 用于处理文件名编辑
function editFileName(fileName) {
// 实现文件名编辑功能,这通常会通过AJAX请求发送到服务器,然后更新数据库
// 在这里仅作示例,实际项目应连接到服务器
console.log("Editing file name:", fileName);
}
</script>
</body>
</html>
```
5. 在`main.py`中启动服务:
```python
if __name__ == "__main__":
import argparse
parser = argparse.ArgumentParser()
parser.add_argument("--port", default=8000, type=int, help="Port to run the server on")
args = parser.parse_args()
uvicorn.run(app, host="0.0.0.0", port=args.port)
```
当你运行这个应用并访问`http://localhost:8000/files/`,它会列出指定文件夹中的文件,并提供一个编辑按钮。请注意,实际的文件名编辑应该涉及到更复杂的客户端-服务器交互,例如Ajax请求,而上述代码仅包含了基础的HTML结构。
阅读全文