diff --git a/fateverse_project.md b/fateverse_project.md new file mode 100644 index 0000000..dc8a8a0 --- /dev/null +++ b/fateverse_project.md @@ -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)