SuperAPI AI 工具集

web-project-builder

编程与开发

查看项目

更新于 10-15 22:11

技能介绍

用途:帮助用户创建、搭建全栈 Web 项目,按 Frontend、Backend、UI、Testing 四种角色组织工作。

技术栈:前端使用 Bootstrap 5.3.3 + ECharts 5.5.0(均通过 CDN 引入);后端使用 Python Flask + SQLite;测试使用 pytest。CDN 地址、API 模式与图表类型见 references/tech-reference.md。

快速开始:运行脚手架脚本生成项目骨架: python3 scripts/scaffold.py <project-name> --dir <parent-directory> 该命令生成可直接运行的 Flask 后端、Bootstrap/ECharts 前端与 pytest 测试。

按角色定制:前端编辑 templates/ 与 static/js/main.js,新增页面时创建继承 base.html 的模板,并在 JS 中添加 ECharts 可视化;后端编辑 app.py,新增路由、数据库表与 API 端点,遵循 RESTful 模式(GET /api/resource、POST /api/resource、DELETE /api/resource/<id>);UI 编辑 templates/ 与 static/css/style.css,使用 Bootstrap 栅格、卡片、表格与表单组件并保持响应式;测试编辑 tests/test_app.py,使用 Flask test_client 与临时 SQLite 数据库,覆盖所有 API 端点。

运行:进入项目目录后执行: cd <project-name> pip install -r requirements.txt python app.py 访问 http://localhost:5000。测试执行:pytest tests/ -v。

关键约定:所有外部库经 base.html 以 CDN 加载(无需 npm/node);模板用 Jinja2 继承,所有页面继承 base.html;API 路由以 /api/ 为前缀;SQLite 数据库首次运行时自动创建;默认使用中文界面文本(可配置)。

限制:资料未说明收费、价格、平台兼容范围或实际效果,暂未提供。