一、简搭云平台技术栈全景解析

简搭云平台作为一款面向高效开发与低代码实施的平台型产品，其技术选型围绕 “可视化配置、低代码开发、高扩展性、强安全性” 四大核心目标展开，前端侧重交互体验与可视化工具能力，后端聚焦业务处理效率与权限安全，整体技术栈覆盖 “界面呈现 - 交互逻辑 - 数据处理 - 权限控制 - 业务引擎” 全链路，以下从前端技术栈、后端技术栈、核心特色引擎、技术保障与生态四大维度展开详细解析。

1. 核心框架与开发模式

Vue2：作为前端核心框架，依托其成熟的 Options API、响应式数据绑定（Object.defineProperty 实现）及丰富的生态系统，为平台复杂组件（流程设计器、表单设计器）提供稳定支撑。相比 Vue3，Vue2 在企业级应用中更易找到成熟的第三方组件适配方案，且团队迁移成本更低，符合平台 "高效开发" 的定位。 一、前端技术栈：聚焦可视化与低代码交互 前端技术选型以 “Vue 生态” 为核心，搭配多套 UI 组件库与专业工具库，同时兼顾 “无码配置” 与 “源码编辑” 双模式，满足不同技术能力用户的需求，具体可分为核心框架、UI 组件库、专业工具库、构建工具四大类：

2. UI 组件库：兼顾通用性与场景化

平台未绑定单一 UI 库，而是根据不同场景选择适配的组件库，平衡 “组件丰富度” 与 “交互一致性”： Element Plus：Vue3 生态下的主流 UI 库，承接了 Element UI 的易用性，提供表单、表格、弹窗等基础组件，是平台 “通用页面（如权限管理、租户配置）” 的核心组件来源，适配大多数企业级应用的交互习惯。 Ant Design Vue：侧重复杂场景的组件能力（如高级表格、树形控件、图表组件），补充 Element Plus 在 “数据可视化、复杂表单” 等场景的不足，例如在 “透视报表、可视化大屏” 模块中，可提供更丰富的图表与布局组件。 vue-element-admin：作为开源 Admin 模板的参考，平台借鉴了其 “权限路由设计、布局模板、通用业务组件（如搜索栏、分页）”，减少重复开发，官方 “特别鸣谢” 也体现了对开源生态的兼容与复用。

3. 专业工具库：支撑可视化与低代码能力

这类库是平台 “无码开发、在线配置” 核心能力的直接载体，覆盖 “代码编辑、流程可视化、表单设计、数据导出” 等关键场景： 代码编辑类： codemirror：轻量级在线代码编辑器，支持语法高亮、代码折叠，适用于 “表单设计器源码编辑、简单脚本编写” 等场景，满足技术人员 “无码 + 源码” 双模式需求。 monaco：微软开源的代码编辑器（VS Code 核心），功能更强大（支持智能提示、调试、多语言），可能用于平台 “复杂脚本编辑（如 Groovy 业务逻辑）、自定义组件开发” 等高阶场景。 流程可视化类： jsplumb：专业的流程图绘制库，支持节点拖拽、连线编辑、节点样式自定义，是平台 “自主研发流程引擎” 的前端可视化载体，实现 “业务流转在线配置（如审批流程、数据处理流程）”，用户可通过拖拽节点、配置连线规则完成流程设计，无需编写代码。 数据与 UI 辅助类： JqueryTemplate：jQuery 生态的模板引擎，动态解析表单设计器json生成vue源码，并与手工编码实现了代码融合技术。

二、后端技术栈：聚焦安全、效率与扩展性

后端技术选型围绕 “Spring 生态” 构建，核心解决 “权限认证、业务处理、数据缓存、多租户支持” 四大问题，同时通过 “双引擎” 设计提升复杂业务处理能力：

1. 核心框架：稳定与高效的基础

Spring Boot：后端应用的核心框架，通过 “自动配置” 简化项目搭建与依赖管理，减少 XML 配置，同时支持 “嵌入式容器（如 Tomcat）”，降低部署复杂度，适配云环境下的轻量级部署需求。 Spring Security：权限安全框架，负责 “用户认证、资源授权” 的底层逻辑，与 JWT 结合实现 “多终端认证”，同时支持 “动态权限配置”（如基于角色的权限控制 RBAC），为 “动态权限菜单、多方式权限控制” 提供底层支撑。

2. 权限与认证：多终端安全访问

JWT（JSON Web Token）：替代传统 Session 的认证方案，通过 “无状态 Token” 实现 “多终端认证”（如 PC 端、移动端、第三方系统对接），Token 中可携带用户身份、角色、权限等信息，减少服务端存储压力，同时支持 “Token 过期控制、刷新机制”，保障认证安全性。 动态权限机制：基于 Spring Security 扩展，支持 “加载动态权限菜单（根据用户角色动态生成可访问菜单）、多方式权限控制（如 URL 权限、按钮权限、数据权限）”，例如 “管理员可见所有菜单，普通用户仅可见自己的业务表单”，且权限配置可通过前端界面在线调整，无需重启服务。

3. 缓存与性能优化

Redis：作为分布式缓存，主要用于 “JWT Token 存储（避免 Token 伪造与重复验证）、高频访问数据缓存（如权限菜单、租户配置）、分布式锁（解决多实例并发问题）”，减少数据库访问压力，提升接口响应速度，同时支持 “缓存过期策略”，保障数据一致性。

4. 业务处理引擎：双引擎提升复杂业务能力

平台通过 “在线 DB 解析引擎 + Groovy 自动化解析引擎” 的 “双引擎合并” 设计，解决 “复杂业务处理、第三方数据集成、大数据处理” 等需求，是后端核心竞争力之一： 在线 DB 解析引擎：负责 “数据库表结构解析、SQL 自动生成、数据 CRUD 封装”，用户无需编写 SQL，通过前端 “表单设计器” 配置表字段后，引擎可自动生成对应的数据库操作逻辑，实现 “无码建表、无码操作数据”。 自动化 Groovy 解析引擎：Groovy 是基于 JVM 的动态脚本语言，语法接近 Java 且支持动态编译，引擎可 “在线解析并执行 Groovy 脚本”，用于处理 “复杂业务逻辑（如订单计算、数据校验规则）、第三方系统数据集成（如 API 调用、数据抓取与清洗）、大数据处理（如批量数据筛选、转换）”。 结合 “多租户定时任务”：可实现 “定时数据抓取（如每日同步第三方系统数据）、定时数据清洗（如每月清理冗余数据）、定时报表生成” 等场景，例如 “电商租户定时抓取平台订单数据，通过 Groovy 脚本清洗后存入自有数据库”。

三、核心特色引擎：平台差异化竞争力

除了通用技术栈，简搭云的 “自主研发引擎” 是其 “低代码、高可控” 的核心，主要包括三大引擎：

1. 轻量级流程引擎（自主研发）

核心优势：“无黑盒、轻量级、代码可控”—— 区别于 Activiti、Flowable 等重量级流程引擎，自主研发引擎仅保留 “业务流转核心能力（节点、连线、分支条件、任务分配）”，去除冗余功能，因此 “运行速度快”，同时所有代码开源可控，用户可根据业务需求修改引擎逻辑（如自定义审批规则、节点通知方式）。 前端协同：通过jsplumb实现可视化配置，用户拖拽节点（如 “审批节点”“数据处理节点”）、配置节点属性（如审批人、处理时限）、设置分支条件（如 “金额 > 1000 需总经理审批，否则部门经理审批”），即可完成流程设计，引擎后端负责 “流程实例运行、任务分配、状态流转”。

2. 表单设计器引擎

核心能力：“无码实施应用”—— 提供 “丰富 UI 组件（输入框、下拉框、表格、图表）、多套皮肤、在线源码编辑”，用户通过拖拽组件、配置组件属性（如字段名、校验规则、默认值），即可生成 “业务表单（如请假单、报销单、客户信息表）”，无需编写前端代码。 扩展性：支持 “源码编辑”，技术人员可通过codemirror修改表单的 HTML/CSS/JS 代码，实现 “自定义组件、特殊交互逻辑（如字段联动）”，兼顾 “无码用户” 与 “技术用户” 需求。

3. 数据可视化与导出引擎

集成多类 “设计器”，覆盖 “数据展示、报表生成、打印导出” 全场景，满足企业 “数据决策、业务记录” 需求： 透视报表设计器：支持 “多维度数据透视（如按时间、部门统计业务数据）、报表样式自定义（表头、颜色、汇总规则）”，用户可拖拽字段生成透视表，无需编写 SQL。 可视化大屏设计器：提供 “大屏模板、图表组件（折线图、柱状图、地图）、布局工具”，支持 “数据实时刷新、大屏样式自定义”，用于企业 “运营监控、数据驾驶舱” 场景。 xls 设计器 / 打印设计器：支持 “Excel 模板自定义（如报表导出格式）、打印样式设计（如表单打印布局、水印设置）”，解决 “数据导出规范、业务表单打印” 需求，配合html2canvas可实现 “预览 - 导出 - 打印” 全流程。

四、技术保障与生态：兼容开源与持续更新

1. 技术同步与更新

平台明确 “提供技术栈（Vue3 Element Plus Vite），保持同步更新”，意味着会跟随主流框架的版本迭代（如 Vue3 的新特性、Element Plus 的组件更新、Vite 的性能优化），避免技术栈 “老化” 导致的维护成本上升与兼容性问题。

2. 开源生态兼容

官方 “特别鸣谢 element、ant-design UI、vue-element-admin、若依框架”，体现了平台对开源生态的尊重与复用： 一方面，通过借鉴开源项目的成熟设计，减少重复开发，降低技术风险； 另一方面，用户若熟悉这些开源工具，可快速上手简搭云，降低学习成本（如熟悉 Element Plus 的用户，使用平台表单设计器时无需重新适应组件逻辑）。

3. 多租户支持

虽然未单独列出 “多租户框架”，但 “多租户定时任务”“动态权限菜单” 等特性表明，平台后端通过 “租户 ID 隔离” 设计（如数据库表加租户字段、缓存按租户分区），支持多企业 / 组织共用一套系统，且数据与权限相互隔离，符合 SaaS 平台的核心需求。 总结 简搭云平台的技术栈呈现 “前端可视化驱动、后端引擎支撑、全链路低代码” 的特点： 前端以 Vue2+element-ui 为基础，通过多 UI 库 + 专业工具库，实现 “无码配置 + 源码编辑” 双模式，降低开发门槛； 后端以 Spring Boot+Spring Security 为核心，通过 JWT+Redis 保障安全与性能，以 “双引擎” 提升复杂业务处理能力； 自主研发的流程引擎、表单引擎等，结合可视化工具，形成 “低代码开发闭环”，同时兼顾 “代码可控性”，满足企业 “快速实施、灵活扩展” 的需求。 整体技术选型既贴合企业级应用的 “稳定性、安全性” 需求，又紧跟前端低代码、可视化的技术趋势，同时兼容开源生态，为用户提供 “高效、灵活、可控” 的开发与使用体验。

五、实现无码架构图

1.表单实现无码架构图

2.SaaS无码实现架构图

SaaS多租户：因为我们的表单设计是会自动创建物理表结构的，所以我们的多租户是以数据库分离方式实现的，一个租户就是一个独立数据库，每次创建一个新的租户，系统会创建一个新的数据库，并会将若依基础功能初始化到新的数据库中，主库包含：全国600万白膜数据，在线教学，应用市场，租户数据库中心（支持多数据服务），2w+echart图表素材，定时任务采用的数据隔离方式多租户实现，微信用户（也是采用数据隔离方式实现的），租户信息等表，租户初始化功能如下：

应用模块是发布到应用市场，应用市场是主库，所有租户进行共享使用的，所以每个租户都可以到应用市场中 安装其他的应用模块功能，