formily

formily提供后台复杂数据处理的表单设计功能,可以通过这款软件为后台管理系统设计表单,可以为数据页面编辑表单,将表单状态设置为样式管理,让浏览表单更加轻松,解决复杂数据导致表单页面出现延迟卡顿无法加载的问题,让用户可以轻松管理复杂数据处理过程的表单数据,您可以将formily看做是表单组件和框架,可以在大部分需要表单制作的场景使用,formily主要面向中后台开发,用户可以通过这款软件提升表单能,在处理复杂数据联动项目的时候快速部署表单,在处部署选项表单场景的时候获得更方便的表单作方案!

formily软件功能

在React中,在保守模式下,表单的整树呈现问题非常明显。特别是对于数据联动的场景,很容易导致页面卡顿,为了解决这个问题,我们将每个表单的状态调整为样式管理,从而大大提升了表单作能。同时,我们深度整合了ON Schema协议,可以帮助您快速解决此驱动表单渲染的问题。

高质量,细分分布式渲染,大大减轻React渲染压力

支持Ant设计/融合Next组件体系

X标签化写法/ ON架构数据驱动方案无缝迁移过渡

异常逻辑管理,涵盖各种复杂联动校正逻辑

支持各种表单复杂布局方案

formily软件特色

Formily 是一个由阿里巴巴集团多 BU 共建的面向中后台复杂场景的表单解决方案,它也是一个表单框架。

它的前身是供应链平台在 2019 年初对外开源的 UForm 解决方案,UForm 的前身又是在供应链平台内部自研的某个表单框架。

总体来看,Formily 是一个经过了漫长时间所磨炼,沉淀出来的表单解决方案。

同时,我们在集团内部,也有着最复杂的表单场景一直持续在着 Formily 的极限。

所以,Formily 发展到现在,完全是受业务而推进的解决方案,这不是一个简单的前端子!

这是一个真正意义上,为业务而生的表单解决方案!只要阿里巴巴还有中后台表单场景,Formily 就会一直持续下去

formily使用说明

Formily

Formily 解决方案的本质是构造了一个 Observable Form Graph,在这个 Form Graph 中,我们象了整个表单领域模型,同时这个模型又是一个无限循环状态机。

这个状态机主要有 3 个特点:

无限循环

分布式管理状态

UI 无关

在这样一个状态机下,我们就能很简单的来描述字段间的联动关系。我们甚至可以用一句极简表达式来描述:

这句表达式描述了

任何联动,都需要一个路径来描述具体字段

通过一个选择器来选择字段,同时任何联动都是从表单生命周期而发起

联动的最终作是作具体字段的状态,可以是值,可以是它的显示隐藏,也可以是具体组件属等等。

所以,Formily 借助这样一个内核,我们轻松的实现了:

在复杂联动场景下更加清晰简单的描述联动的方式

在超多表单项场景下可以获得更好的表单作能

在跨终端场景下实现通用表单解决方案

核心特

在上面有讲到,Formily 的状态机模型,当然,Formily 不止这些,我们在上层又象了几层

UI 桥接层(React/Vue/Angular/小程序….),这一层主要是对接各种组件化框架,对不同体系的用户提供更便捷的表单管理方案

Schema 动态渲染层(React/Vue/Angular/小程序…),这一层主要提供了针对 Schema 场景下的各种上层能力,比如典型的协议化联动,协议化布局能力

Schema 编辑器层,这一层主要提供了可视化配置 Schema 能力,方便非技术人员快速配置表单

研发工具层,这一层主要提供了针对 Formily 的开发者调试能力

整体架构

从以上架构中,我们可以看到

整个 Formily 是由一个 UI 无关的内核所驱动的,这样的好处就是,我们的表单方案,是可以轻松做到跨终端的,同时,在上层,我们拥有一份标准的表单协议,可以做表单动态渲染,所以,我们可以想象一下,一份 ON Schema 驱动多端的表单页面动态渲染 这样的目标,是可以轻松实现的,这样对于整个前端表单研发领域,是一个突破的解决方案。

数据公示

formily未来规划

支持更多端,现在主要支持了 React,Rax,未来会考虑支持小程序

支持更多组件体系,比如 Antd Mobile、Mateal Design 等

支持更完备,可实际用在生产环境中的的 Schema 表单配置器

在集团内部落地更多场景

上一篇 2022-11-28

相关推荐

  • formily

    formily提供后台复杂数据处理的表单设计功能,可以通过这款软件为后台管理系统设计表单,可以为数据页面编辑表单,将表单状态设置为样式管理,让浏览表单更加轻松,解决复杂数据导致...
正在提交中,请稍等片刻...

发表回复

请登录后评论...
登录后才能评论

评论列表 (0条)