欢迎来到低码家!
logo

你的低代码专家

专注低代码平台、技术资讯评测

技术详情
XRender是阿里飞猪提供的基于React的开源中后台开发框架,包含了表单生成器FormRender、表格生成器TableRender、图表生成器ChartRender及表单设计器FormGenerator。

xrender.png

FormRender

TableRender为XRender的表单快速生成方案,其组件依赖于antd,描述协议采用json schema规范。

在自定义组件方面,FormRender通过widgets字段来添加定制组件,其组件编写有一定规范,核心一点就是组件要有value和onChange两个属性用于双向绑定,如果没有则需要先实现。

在表单联动方面,FormRender使用函数字符串表达式来实现表单间的联动,字符串{{...}}包裹的即表达式,相比使用定制格式灵活性更高。

TableRender

TableRender为XRender的中后台列表解决方案,一般常用于搜索列表页的自动生成,其表格使用antd的table组件,搜索和筛选功能则直接使用FormRender。

ChartRender

ChartRender为XRender的中后台图表解决方案,用于图表浏览页的自动生成,其图表使用antd的charts组件,当然搜索筛选功能也使用FormRender。

FormGenerator

FormGenerator为XRender提供的表单设计器,用于开发人员快速搭建表单类低代码平台的能力。设计器包含了左侧组件选择、中间画布拖拽、右侧属性编辑等核心组件,不过整体功能比较简单,自己用没问题,但更多人使用需要开发人员继续扩展完善才行。

XRender配置及组件的许多属性与antd类似,更像是antd更上一层的封装,因此它对于前端尤其是大量使用antd框架的企业比较友好,能够降低开发人员学习和使用成本。