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