AgentSeed/tutorial/web_basics

FastAPI + HTML 入门示例

这个目录是一个独立的教程示例，不依赖主项目中的 main.py 和 static/ 目录。

启动服务

在项目根目录执行：

python -m uvicorn tutorial.web_basics.main:app --reload

如果当前 Python 不支持带连字符的模块路径，可以先进入本目录再启动：

cd tutorial/web-basics
python -m uvicorn main:app --reload

然后打开浏览器访问：

http://127.0.0.1:8000

index.html 保持和教程中的代码一致：点击“发送”后，页面内的 JavaScript 会直接将输入内容转换为大写并更新标题。main.py 中的 FastAPI 接口用于配合教程后续讲解 HTTP 请求和前后端分离。

目录说明

web_basics/
├── README.md
├── index.html  # 前端页面：HTML、CSS 和 JavaScript
└── main.py     # 后端接口：FastAPI 和 POST /