欢迎来到低码家!
logo

你的低代码专家

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

amis

[百度]Amis

Apache License
技术详情
Amis为百度推出的开源前端低代码开发框架,也是百度爱速搭的底层框架,其核心设计理念是通过json配置来自动生成前端页面提高产出效率。

组件

低代码的核心即组件,amis本身就是一套完整的面向中台的UI框架,其内置了100多个React组件,包括富文本编辑器、条件组合甚至代码编辑器。

amis1.png

对于像后端开发这样的非前端人员,在安装完amis环境后,可以直接使用json配置进行低代码开发。对于前端人员,则还可以采用自定义组件的方式进行扩展。

amis支持两种方式进行amis扩展。一是采用SDK的方式,开发人员可以基于custom组件直接在amis配置里实现自定义功能。此种方式即支持编写代码,也支持在可视化编辑器内使用。二是采用自定义React组件并使用内置Renderer注册方法的方式进行扩展,适合更高定制化要求的场景。

事件绑定和触发

低代码开发的一大要点为事件绑定和触发,amis使用onEvent字段来绑定原生事件如click、mouseenter等,使用actionType来触发amis内置的默认行为如toast、dialog、ajax等。

自定义样式

低代码开发的另一个要点是自定义样式,amis内可以直接使用react的className来使用css,同时amis内置了上百种常用的css样式供开发人员使用。

表达式

低代码开发碰到复杂场景都绕不开表达式,比如典型的数据联动场景。amis将使用 ${ 和 } 包裹的字符串作为表达式,其语法与一般的JavaScript表达式类似。另外,amis也内置了一些逻辑、数学、文本等公式方便开发人员使用。

低代码编辑器

对于想要快速出页面的后端人员甚至前端人员而言,amis本身已足够。不过对于想要继续赋能其他非开发人员的企业来说,百度还提供了amis-editor来搭建自己的低代码编辑器,有兴趣的朋友可以尝试一下。