沉淀了一套可视化搭建方案，最终决定开源了

文章摘要

徐小夕分享了其在可视化文档知识引擎Nocode/WEP的迭代工作，并宣布搭建模块的开源，提供给有兴趣研究低代码可视化的人参考。同时，他回顾了之前的一些重要成果和提供了学习资源。

你将收获

• 可视化零代码的产品原型设计
• 可视化搭建项目的技术栈和技术实现

开源地址：https://github.com/MrXujiang/Nocode-Wep

正文

徐小夕用了近一周时间来设计产品原型，并分享了可视化搭建平台原型设计思路。他指出，一个高效的可视化编辑器是搭建平台的核心，其设计目标是通过拖拽搭建模式来设计页面，包括复杂的业务和交互逻辑。编辑器由四个部分组成：组件物料区、画布控件区、搭建画布和属性配置区。在属性配置区，他设计了四个分类以满足业务交互能力：基础样式区、动画区、交互区和数据区。

接下来，他详细介绍了几个重点设计模块，包括动画区和交互配置面板。动画区允许自由配置动画效果，而交互配置面板支持多种交互类型，如跳转链接、打开弹窗、发送请求、组件显示隐藏和自定义代码。数据配置面板也是低代码平台的复杂部分，徐小夕分享了一套既低成本又满足需求的数据配置方案。

技术实现方面，他指出需要研究拖拽搭建方案、组件动态加载方案、数据规范设计（Schema）、页面渲染机制和搭建平台插件化设计。目前，搭建模块的开源项目完成度为70-80%，并且鼓励技术人进行共建和提出建议。

往期精彩

• 零代码+AI的阶段性复盘
• 文档引擎+AI可视化打造下一代文档编辑器
• 爆肝1000小时, Dooring零代码搭建平台3.5正式上线
• 从零打造一款基于Nextjs+antd5.0的中后台管理系统

测试工程师必知的10大测试法则

了解更多

想要了解更多内容？

查看原文：沉淀了一套可视化搭建方案，最终决定开源了

文章来源：

趣谈前端

扫码关注公众号