Frontend Scaffold
轻量前端脚手架,技术选型:
VitePreactTypeScript- 手写
CSS
启动
cd /home/zhang/workspace/script/auto_pool_maintainer_duckMail
python3 api_server.py
另一个终端:
cd frontend
npm install
npm run dev
生产构建:
cd frontend
npm run build
一键管理三端
项目根目录提供了统一脚本:
./dev_services.sh fg
前台托管三个服务,按 Ctrl+C 会一起关闭。
./dev_services.sh bg
./dev_services.sh status
./dev_services.sh stop
后台启动、查看状态、停止服务都可以直接用上面三条命令。
后台日志和 PID 会写到 logs/dev-services/。
结构
src/app.tsx: 页面入口src/components/: 配置面板、监控台、日志终端、账号表格src/mock/data.ts: 当前假数据src/services/: 后续接后端 API / SSE 的位置src/types/: 前端状态类型定义src/styles/: 设计变量和页面样式
当前状态
- 已将现有静态 UI 迁为前端组件结构
config已接到真实后端接口:GET/POST /api/configruntime status已接到真实后端接口:GET /api/runtime/status- 账号表格仍使用本地假数据