【从零开始集成低代码平台】思维导图

777 阅读2分钟

携手创作,共同成长!这是我参与「掘金日新计划 · 8 月更文挑战」的第1天,点击查看活动详情

源起

迷惑了大半年了,没有目标,学习前端也特没劲,一直找不到突破方向。最近学的很杂,刚好之前做过几年的低代码,但是效果都一般,选中打算集成一个学习目标,也做为一种激励,边学边去实现。该集成项目将在github开源,本人也将这个学习过程逐步的在博客上体现,有建议或者意义可以在github或者博客下方提出。

思维导图

本项目主要分为组件打包框架、编辑器、渲染器,主要集成自动化和适应性编码。打造该低代码的目的主要是现有的开源低代码没有具体且完整的解决方案,非开源的虽然好但是局限性比较大。该集成平台将以开放式编码为目标,打造出一款自定义mod的“Minecraft”。思维导图将随着作者的学习计划分为各个具体的组件、函数、调用库进行,也会跟随作者的知识以及反馈进行修改或者优化。

集成低代码.png

总结

主要思路就是编辑器+渲染器,通过对标定的数据格式去做各类约定,包括数据的处理、事件的传递、代码规范之类。

编辑器要处理组件库的管理,组件的拖拽、拉伸、旋转、组合、吸附、弹开等,以及对页面和图层的处理、不同数据之间的格式化问题,以及各类操作的历史记录包括撤销重复之类的。

渲染器就是要针对编辑处理好的数据进行一步一步的解析、在这之前我们需要对组件库进行规范性的开发。组件需要通过json-schema等的格式化工具进行工程标准化,通过某种消息机制进行事件绑定,并且需要为编辑器提供一个示例demo或者设定好默认数据。在处理好组件库之后,我们的渲染器要考虑的就是路由的动态渲染,组件的缓存机制、身份权鉴、本地存储。最重要的就是选择渲染组件的机制包括jsx、render等思路,其中组件的注册需要思考异步还是同步,它的注册name是怎样的等等。

当然,这只是一个思考过程,这个思考过程会随着作者的思路不断进行完善。低代码看上去是一个具体的东西,但是其中包含的是各类学科之间的相互融合,以及对前端工程化、视觉处理等的技术能力的体现。