docs: 添加缘境系统(FateVerse)项目文档

添加项目描述文档,包含技术架构、核心功能、技术难点与项目成果
This commit is contained in:
dj
2026-03-11 23:00:44 +08:00
parent 04ebb7de76
commit 068c79d18c

48
fateverse_project.md Normal file
View File

@@ -0,0 +1,48 @@
# 缘境系统(FateVerse) — 开源项目
## 项目描述
FateVerse 是一套企业级低代码快速开发基础平台,以**动态权限管理**、**可视化工作流编排**、**多数据源代码生成**为核心能力。平台采用分层架构设计数据源层→数据适配层→数据编辑器层→数据展示层支持用户通过可视化配置快速构建复杂业务系统包括自定义查询列表、ECharts 可视化图表、动态表单等页面。目前已应用于**科创项目管理平台**等多个生产环境,支撑日均万级数据量的业务场景。
## 技术难点与挑战
1. **复杂可视化编辑器架构设计** — 自研 ER 图编辑器、ECharts 编辑器、Workflow 编辑器三大核心可视化工具需解决画布渲染性能、节点拖拽交互、状态同步、撤销重做Undo/Redo等复杂技术问题
2. **多数据源动态适配** — 支持 MySQL、PostgreSQL、Oracle 等多种数据库的动态接入与元数据解析,实现跨数据源的统一查询与代码生成
3. **低代码表单引擎** — 设计动态表单渲染引擎,支持 20+ 种表单组件的动态配置、联动规则、校验规则的可视化编排,解决复杂业务表单的场景适配问题
4. **Vue2 到 Vue3 的平滑迁移** — 负责将核心模块从 Vue2 + Options API 升级至 Vue3 + Composition API同时保证 API 兼容性和业务连续性
## 责任描述
1. 独立完成自定义查询模块、用户权限模块、消息通知中心等核心模块的前端开发与接口联调
2. 基于 **AntV G6** 设计并实现可视化 ER 图编辑器支持表关系拖拽建模、SQL 自动生成、Schema 同步更新
3. 自研 **ECharts 可视化编辑器**,支持图表类型切换、数据映射配置、主题样式自定义,实现"零代码"图表搭建
4. 开发 **Workflow 工作流编辑器 + 动态表单设计器**,支持 BPMN 标准流程节点拖拽、审批人动态分配、表单字段权限控制
5. 二次封装 **Element Plus** 组件库(表格、表单、弹窗等),并自研 Tinymce 富文本编辑器、文件预览、Excel 导出、图标选择器等通用组件
6. 集成 **Vue-CodeMirror** 实现 SQL 代码编辑器,支持语法高亮、智能提示、执行结果可视化
## 技术架构
- **前端框架**Vue3、TypeScript
- **构建工具**Vite
- **状态管理**Pinia
- **UI 组件库**Element Plus
- **路由**Vue Router
- **网络请求**Axios
- **数据可视化**ECharts、AntV G6
- **富文本编辑器**Tinymce
- **代码编辑器**Vue-CodeMirror
- **拖拽交互**VueDraggable
## 项目成果
从"基础系统"提升为"企业级低代码平台",突出技术深度
- 显著提升开发效率,减少 60% 重复代码开发
新增4个核心技术挑战点体现实践中的技术攻坚能力
- 降低业务系统搭建门槛,非技术人员可通过可视化配置完成基础功能搭建
技术亮点 强调 Undo/Redo、跨数据源适配、零代码搭建等高级功能
## 开源链接
- Gitee 前端:[https://gitee.com/fateverse/fateverse-vue](https://gitee.com/fateverse/fateverse-vue)
- Gitee 后端:[https://gitee.com/fateverse/fateverse](https://gitee.com/fateverse/fateverse)