# web-module-studio

**Repository Path**: lanjf2000/web-module-studio

## Basic Information

- **Project Name**: web-module-studio
- **Description**: web-module 开发管理平台工作室（Studio 前端）：接口编辑器 / SQL 编辑器 / 业务对象管理 / 编排画布 / 使用手册。可剥离交付，与 web-module 组件库分离独立演进。
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2026-08-22
- **Last Updated**: 2026-09-07

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# web-module-studio

web-module 开发管理平台**工作台前端**（Studio UI）。

> **定位**：配置化数据服务平台的开发者工作台——接口编辑器 / SQL 编辑器 / 业务对象管理 / 编排画布 / 使用手册；**随交付可剥离**。
> **仓治理**：本仓只放**前端**；后端服务归属 web-module 仓（api-engine-studio starter / etl-starter-admin 等），见 web-module `doc/03-模块文档/plugins-toolkit-api-engine.md` 2.10 节。

## 技术栈（2026-05-09 定稿）

- React 19 + TypeScript + **Vite**
- **Ant Design 5**
- **React Flow**（编排画布）
- **Monaco Editor**（SQL 编辑器）
- 规范：遵循 `dev-standards/01-前端规范`（核心规范 + 工具向视觉风格科技风/石墨灰）

## 目录规划（按功能模块划分）

```
src/
├── pages/
│   ├── api-editor/       # 接口编辑器（定义区/SQL区/实时预览）
│   ├── sql-editor/       # Template SQL 编辑（Monaco）
│   ├── business-object/  # 业务对象管理
│   ├── flow-canvas/      # React Flow 编排画布
│   ├── etl-admin/        # ETL 管道管理（列表/分区表单编辑器/监控/历史）
│   ├── registry/         # 元数据注册表管理
│   └── manual/           # 使用手册（Markdown 渲染）
├── components/           # 条件构造器 / ER 迷你图 / 表格高度自适应 等共享组件
├── styles/               # 主题变量（科技风/石墨灰）
└── api/                  # 后端接口封装
```

## 后端对接

- 认证：Sa-Token + tianai-captcha（登录先过验证码）
- 接口：`/api/**`（api-engine）、`/etl/admin/**`（etl-starter-admin）
- 前后端分离：本仓是纯前端，构建产物随交付系统前端包下发

---
**维护人**：飞哥 + AI