49 lines
3.2 KiB
Markdown
49 lines
3.2 KiB
Markdown
# 缘境系统(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)
|