amis 是一个低代码前端框架,它使用 JSON 配置来生成页面,可以减少页面开发工作量,极大提升效率。
在经历了十几年的发展后,前端开发变得越来越复杂,门槛也越来越高,要使用当下流行的 UI 组件库,你必须懂 npm
、webpack
、react/vue
,必须熟悉 ES6
语法,最好还了解状态管理,比如 Redux
,如果没接触过函数式编程,光入门都很费劲,而入门之后会发现它还有巨大的 生态,相关的库有 2347 个,很多功能相似,挑选成本高。
然而前端技术的发展不会停滞,等学完这些后可能会发现大家都用 Hooks
了、某个打包工具取代 Webpack
了……
而有时候其实只想做个普通的增删改查界面,用于信息管理,类似下面这种:
这个界面虽然用 Bootstrap
及各种前端 UI 库也能做出个大概,但仔细观察会发现它有大量细节功能,比如:
全部实现这些需要大量的代码。
但可以看到,用 amis 只需要 157 行 JSON 配置(其中 47 行只有一个括号),你不需要了解 React/Vue
、Webpack
,甚至不需要很了解 JavaScript
,即便没学过 amis 也能猜到大部分配置的作用,只需要简单配置就能完成所有页面开发。
这正是建立 amis 的初衷,我们认为:对于大部分常用页面,应该使用最简单的方法来实现,甚至不需要学习前端框架和工具。
为了实现用最简单方式来生成大部分页面,amis 的解决方案是基于 JSON 来配置,它的独特好处是:
JavaScript
,却能做出专业且复杂的后台界面,这是所有其他前端 UI 库都无法做到的;Angular/Vue/React
版本现在都废弃了,当年流行的 Gulp
也被 Webpack
取代了,如果这些页面不是用 amis,现在的维护成本会很高;使用 JSON 有优点但也有明显缺点,在以下场合并不适合 amis:
点击页面底部的下一篇,继续阅读文档。