| .. | ||
| .idea | ||
| dist | ||
| src | ||
| .env.example | ||
| .eslintrc.json | ||
| .prettierrc | ||
| dev.log | ||
| index.html | ||
| package-lock.json | ||
| package.json | ||
| README.md | ||
| tsconfig.json | ||
| tsconfig.tsbuildinfo | ||
| vite.config.ts | ||
前端应用(flowable-devops-frontend)
技术栈
- React 18 + TypeScript + Vite
- Ant Design 5、ReactFlow 11、Zustand、Axios、Day.js
安装与开发
- 安装依赖: npm i
- 开发启动: npm run dev
- 构建生产包: npm run build
- 预览本地构建: npm run preview
环境变量
- 复制 .env.example 为 .env,并按需调整: VITE_API_BASE_URL=http://localhost:8080
与后端联调约定(关键)
- JSON Schema:见仓库 docs/04-数据模型设计.md
- 接口契约:见仓库 docs/05-API契约.md
- 表达式:统一 ${...},仅 Map 属性访问,前端不执行表达式,仅存储与展示
目录结构(初始)
- src/App.tsx:占位入口
- src/main.tsx:应用挂载
- src/index.css:全局样式占位
后续建议
- 新增 src/api、src/store、src/components、src/pages 目录,与文档中页面/状态模块对齐
- 引入 AntD 样式(按需加载或全量),并配置主题