v0.3.1: Web Agent 基础之前后端基本原理&示例

tutorial/web_basics/README.md

@@ -0,0 +1,35 @@
+# FastAPI + HTML 入门示例
+
+这个目录是一个独立的教程示例，不依赖主项目中的 `main.py` 和 `static/` 目录。
+
+## 启动服务
+
+在项目根目录执行：
+
+```bash
+python -m uvicorn tutorial.web_basics.main:app --reload
+```
+
+如果当前 Python 不支持带连字符的模块路径，可以先进入本目录再启动：
+
+```bash
+cd tutorial/web-basics
+python -m uvicorn main:app --reload
+```
+
+然后打开浏览器访问：
+
+```text
+http://127.0.0.1:8000
+```
+
+`index.html` 保持和教程中的代码一致：点击“发送”后，页面内的 JavaScript 会直接将输入内容转换为大写并更新标题。`main.py` 中的 FastAPI 接口用于配合教程后续讲解 HTTP 请求和前后端分离。
+
+## 目录说明
+
+```text
+web_basics/
+├── README.md
+├── index.html  # 前端页面：HTML、CSS 和 JavaScript
+└── main.py     # 后端接口：FastAPI 和 POST /
+```