docs: 添加缘境系统(FateVerse)项目文档
添加项目描述文档,包含技术架构、核心功能、技术难点与项目成果
This commit is contained in:
48
fateverse_project.md
Normal file
48
fateverse_project.md
Normal 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)
|
||||||
Reference in New Issue
Block a user