python fastapi,将一个SQLITE数据的表单内容全部显示在html网页上，并可以编辑表格内容，删除数据行，增加数据行，点击保存，保存这些数据到数据库，含CSS和html

FastAPI是一个用于构建Web API的高性能Python框架，它结合了现代Web开发的最佳实践。为了实现你的需求，你需要组合使用FastAPI、Uvicorn（作为HTTP服务器）、HTML/CSS（前端展示）以及一些轻量级库如 SQLAlchemy（操作SQLite数据库）和 Jinja2（模板引擎）。

以下是简化的步骤：

1. **安装依赖**:
- `pip install fastapi uvicorn sqlalchemy jinja2`
- 可能还需要其他CSS框架如`django-crispy-forms`帮助处理表单样式

2. **设置FastAPI应用**:

   from fastapi import FastAPI, Depends, HTTPException
   from sqlalchemy import create_engine, Column, Integer, String
   from sqlalchemy.ext.declarative import declarative_base
   from sqlalchemy.orm import sessionmaker
   
   # 创建数据库连接
   engine = create_engine('sqlite:///example.db')
   SessionLocal = sessionmaker(autocommit=False, autoflush=False, bind=engine)
   Base = declarative_base()

3. **创建数据库模型** (例如 UserTable):

   class UserTable(Base):
       __tablename__ = 'users'
       id = Column(Integer, primary_key=True)
       name = Column(String)
       email = Column(String)

       def __repr__(self):
           return f'<User {self.name}>'

4. **编写CRUD操作函数**:
- 获取所有用户:

     async def get_users():
         with SessionLocal() as session:
             users = session.query(UserTable).all()
             return users

- 添加/编辑/删除数据:

     async def add_user(user: UserTable, db: Session = Depends(SessionLocal)):
         db.add(user)
         await db.commit()
         await db.refresh(user)
         return user
     # ... 编辑和删除类似实现

5. **使用Jinja2模板渲染HTML页面**:

   @app.get("/users")
   async def show_users(html_view: bool = False):
       users = await get_users()
       context = {"users": users, "edit_mode": html_view}
       return templates.TemplateResponse("index.html", context)

6. **index.html** (基本模板结构):

   <!-- 使用Jinja2语法嵌入CSS和表单 -->
   <style src="styles.css"></style>
   
   <table>
       {% for user in users %}
       <tr>
           <td>{{ user.name }}</td>
           <td><input type="text" value="{{ user.email }}" /></td>
           <!-- 添加按钮以执行CRUD操作 -->
           <td>
               <button onclick="deleteRow('{{ user.id }}')">Delete</button>
               <button onclick="editRow('{{ user.id }}')">Edit</button>
               <button onclick="saveRow('{{ user.id }}')">Save</button>
           </td>
       </tr>
       {% endfor %}
   </table>
   <!-- 使用JavaScript编写事件处理器，如AJAX请求来与后台交互 -->
   <script src="scripts.js"></script>

7. **添加CSS和脚本文件**:
- styles.css: 样式规则
- scripts.js: AJAX请求、验证和数据保存逻辑

记得根据实际项目需要调整并完善代码，这只是一个基础示例。运行 FastAPI 应用时，你可以使用 `uvicorn app:app --reload` 启动服务器。