这是一个或许对你有用的社群 一对一交流/面试小册/简历优化/求职解惑欢迎加入「芋道快速开发平台」知识星球。下面是星球提供的部分资料《项目实战视频》从书中学往事上“练”《互联网高频面试题》面朝简历学习春暖花开《架构 x 系统设计》摧枯拉朽掌控面试高频场景题《精进 Java 学习指南》系统学习互联网主流技术栈《必读 Java 源码专栏》知其然知其所以然这是一个或许对你有用的开源项目国产Star破10w的开源项目前端包括管理后台、微信小程序后端支持单体、微服务架构RBAC权限、数据权限、SaaS多租户、商城、支付、工作流、大屏报表、ERP、CRM、AI大模型、IoT物联网等功能多模块https://gitee.com/zhijiantianya/ruoyi-vue-pro微服务https://gitee.com/zhijiantianya/yudao-cloud视频教程https://doc.iocoder.cn【国内首批】支持 JDK17/21SpringBoot3、JDK8/11Spring Boot2双版本生产流水线物料、编排、发布三段式tmagic-editor 给了你三件武器想用 tmagic-editor业务方得自己干这五件事能力一览与上手入口腾讯内部跑了多年的一款可视化页面搭建神器tmagic-editor。腾讯视频会员、爱玩游戏、云视听极光、腾讯会议等十几个业务都在用每月扛住数百个 H5/PC/TV 页面——不是 PPT 玩具是打过仗的工业级框架。GitHub 上4.9k Star、216 个 release最新 v1.7.102026-04-14——大厂内部 dogfood 持续投入质量基本不用担心。一句话定位所见即所得的页面可视化编辑器非技术同学拖拖配配就能交付一个完整页面——而且 H5、PC、TV 三端通吃。它凭什么牛三个硬实力硬实力说明多端多框架一份 DSL能用 vue2/vue3/react 三种 runtime 渲染——编辑器是 vue3渲染层任你选腾讯生产级背书不是 demo 项目是真在腾讯视频、爱玩游戏、云视听极光等业务每月扛数百个页面架构可扩展编辑器、runtime、UI 包模块化解耦业务随便接、随便改下面这张是官方 README 里的演示图——腾讯视频会员业务真实在用的可视化页面搭建平台你能看到拖拽组件、实时预览、配置面板的全貌腾讯内部架构示意图生产流水线物料、编排、发布三段式tmagic-editor 把页面生产拆成三段理解这个流水线就理解了整个产品的设计逻辑。第一阶段物料开发开发同学的活tmagic-editor 自己不提供任何业务组件——抽奖、登录、视频播放全得业务方自己写。设计哲学是组件一次开发、多页面复用所以组件必须开放足够的配置项保证灵活性。支持 vue2、vue3、react 三套框架开发组件这是它最大的灵活点。第二阶段编排运营/产品的活非技术同学在编辑器里拖拖配配页面就出来了。第三阶段保存与发布自动化的活这一步技术含量最高背后是三件事生成 DSL编辑器和最终页面通过一份 js schema 解耦——配置好的页面被序列化成描述文件页面元信息 组件信息 组件间逻辑。构建基于 runtime 把组件打包成 html、js、css。runtime 默认有 vue2/vue3/react 三种实现。部署构建产物推到业务自己的服务器/CDN。说白了编辑器只负责画runtime 负责跑DSL 是两边的合同。这种解耦让框架可以vue3 编辑、react 渲染互不干扰。基于 Spring Boot MyBatis Plus Vue Element 实现的后台管理系统 用户小程序支持 RBAC 动态权限、多租户、数据权限、工作流、三方登录、支付、短信、商城等功能项目地址https://github.com/YunaiV/ruoyi-vue-pro视频教程https://doc.iocoder.cn/video/tmagic-editor 给了你三件武器武器一可视化编辑器vue3 实现布局是经典的左中右三栏左侧组件列表 组件树中间拖拽画布也叫模拟器通过 iframe 渲染与编辑器框架解耦右侧表单配置区顶部缩放、网格线、预览、保存、查看 DSL底部页面增删这套布局用过任何低代码工具的人都熟几乎没学习成本。侧边栏和顶部栏都开放了扩展点业务可以塞自己的版本管理、发布按钮进去。武器二runtime页面运行环境runtime 是 tmagic-editor 最值得品的设计。它同时是两个东西编辑期的渲染环境模拟器里被你拖拽的那一切是 runtime 在跑生产期的渲染环境用户访问的真实页面也是 runtime 在跑因为模拟器是 iframe 嵌入的所以 runtime 完全可以和编辑器用不同框架——这是它能vue3 编辑 react 输出的根本原因。runtime 同时也是打包构建的载体。武器三管理端 demo只有编辑器还不够得有一个后台管页面列表。tmagic-editor 给了一个开箱即用的 demo覆盖页面列表展示与查询页面创建、复制页面编辑及 AB Test 配置页面发布与发布状态管理这个 demo 才是这个项目的上手开关——业务方拿来改改就能上线一个低代码后台免去从零搭后端的工作。基于 Spring Cloud Alibaba Gateway Nacos RocketMQ Vue Element 实现的后台管理系统 用户小程序支持 RBAC 动态权限、多租户、数据权限、工作流、三方登录、支付、短信、商城等功能项目地址https://github.com/YunaiV/yudao-cloud视频教程https://doc.iocoder.cn/video/想用 tmagic-editor业务方得自己干这五件事开源不等于开箱即用下面这五件事必须自己做1. 开发业务组件tmagic-editor 不带组件业务的抽奖、视频播放、登录组件都要自己撸。好处是 vue2/vue3/react 都能写坏处是确实得花时间。如果想用其它前端框架必须先实现对应框架的 runtime。2. 开发业务插件可选插件用来补充页面行为逻辑——登录、环境判断、请求拦截器这类不直接渲染的功能。和组件一样可以用任意前端框架实现。3. 部署可视化搭建服务tmagic-editor 是开源代码不是 SaaS业务方要自己搭后端、自己部署。4. 构建和发布页面业务自己管组件库发布时拿到 DSL用 runtime 打包把产物推到 CDN。5. 其它定制编辑器侧边栏/顶部栏扩展、runtime 修改、新框架 runtime 的开发——这些都属于想用得更顺手的活可选但常做。能力一览与上手入口三个关键链接建议直接收藏开源地址github.com/Tencent/tmagic-editor在线文档tencent.github.io/tmagic-editor/docs/在线体验tencent.github.io/tmagic-editor/playground/index.html适合谁团队内部需要做营销页/活动页搭建平台的——直接抄给业务交付运营自助配置中后台工具的研发——demo runtime 改改就能上线想了解大厂可视化搭建怎么做的——架构师品鉴级好文不适合谁想要 SaaS 拿来即用的——这个项目是框架不是产品自己搭服务的成本要算进来。欢迎加入我的知识星球全面提升技术能力。 加入方式“长按”或“扫描”下方二维码噢星球的内容包括项目实战、面试招聘、源码解析、学习路线。文章有帮助的话在看转发吧。 谢谢支持哟 (*^__^*