美文网首页收藏
低代码--解析schema渲染对应物料到画布

低代码--解析schema渲染对应物料到画布

作者: 习惯水文的前端苏 | 来源:发表于2022-04-07 08:35 被阅读0次

    \bullet 前言

        上一篇,我们已经能够通过拖拽生成一个或许还不是近乎完美的jsonSchame协议了,接下来要做的就是整个低代码的“心脏”部分了,没有它,一切毫无意义

    \bullet 遍历方式的选择

        显而易见的是,schame协议是一颗多叉树,那么对树的遍历就分为深度优先遍历和广度优先遍历这两种,其中深度优先遍历相比较广度优先遍历具有“向下收集”的能力,这恰好是我们交互组件所需要的能力,故以此方式为准

    \bullet 实现

        目前来说只需要接收jsonSchame即可

        我们做一个init函数用来做一些初始化(created时),比如获取url上传递的参数等

        考虑将根节点的渲染单独分离出来,这样后边可以做一些全局化的处理,比如配置是否渲染结束后立即唤起配置面板

        最后即遍历整棵树,并根据type属性匹配物料组件并渲染。这里分开来写,主要是为了后序组件之间的交互留个口子

    \bullet 效果

    相关文章

      网友评论

        本文标题:低代码--解析schema渲染对应物料到画布

        本文链接:https://www.haomeiwen.com/subject/pufirrtx.html