python fastapi 上传一个excel文件，在html上显示，html具有单元格内容可编辑，保存编辑后的内容到excel文件

在Python FastAPI应用中，处理Excel文件上传并实时更新并在HTML页面上展示，并允许用户编辑内容，通常需要结合前端技术和后端API。以下是一个基本步骤概述：

1. **后端** (FastAPI + Python):
- 使用FastAPI接收文件上传请求，可以使用`File`, `Form`等装饰器来处理multipart/form-data类型的表单数据，例如`fastapi.UploadFile`。

   from fastapi import File, UploadFile
   @app.post("/upload_excel")
   async def upload_excel(file: UploadFile = File(...)):
       # 将文件保存到服务器某个位置
       file_path = save_file_to_disk(file)

2. **文件操作**:
- 使用pandas库读取Excel文件，如`pandas.read_excel()`。
- 使用`openpyxl`或`xlsxwriter`等库处理写入操作。

3. **HTML模板**:
- 使用HTML和JavaScript框架（如Vue.js或React），创建一个前端表格组件，提供编辑功能。

   <input type="file" @change="handleFileUpload">
   <table>
      <tr v-for="(row, index) in data" :key="index">
         <!-- 显示单元格 -->
         <td contenteditable>{{ row[column_name] }}</td>
         <!-- 编辑事件监听，保存编辑后的数据 -->
         <td v-on:blur="updateData(index, 'column_name', editedValue)">
      </tr>
   </table>

4. **前端交互**:
- JavaScript事件处理程序如`@change`监听文件选择变化，将文件读取成数据并传递给后端。
- `v-on:blur`监听单元格编辑完成，将更改的数据发送回后端更新文件。

5. **后端与前端通信**:
- 定义API接口，接受编辑后的数据，更新Excel文件，可以使用WebSocket实现实时更新，或者定期轮询。

6. **更新Excel文件**:
- 读取原始Excel内容，更新特定行的数据，然后写回到新的Excel文件。

async def update_excel_content(row_index, updated_data):
    df = pd.read_excel(file_path)
    df.loc[row_index, 'column_name'] = updated_data
    df.to_excel(updated_file_path, index=False)