介绍

Avue 是一个基于Element框架 (opens new window)低代码前端框架，它使用 JSON 配置来生成页面，可以减少页面开发工作量，极大提升效率

为什么要做 Avue？

在经历了十几年的发展后，前端开发变得越来越复杂，门槛也越来越高，要使用当下流行的 UI 组件库，你必须懂 npm、webpack、react/vue，必须熟悉 ES6 语法，最好还了解状态管理，比如 Redux，如果没接触过函数式编程，光入门都很费劲，而入门之后会发现它还有巨大的 生态，相关的库很多，很多功能相似，挑选成本高。

然而前端技术的发展不会停滞，等学完这些后可能会发现大家都用 Hooks 了、某个打包工具取代 Webpack 了……

而有时候其实只想做个普通的增删改查界面，用于信息管理

用 JSON 写页面有什么好处

为了实现用最简单方式来生成大部分页面，Avue 的解决方案是基于 JSON 来配置，它的独特好处是：

不需要懂前端

大部分 Avue 用户之前从来没写过前端页面，也不会 JavaScript，却能做出专业且复杂的后台界面，这是所有其他前端 UI 库都无法做到的；

不受前端技术更新的影响

当年的 Angular/Vue/React 版本现在都废弃了，当年流行的 Gulp 也被 Webpack 取代了，如果这些页面不是用 Avue，现在的维护成本会很高；

享受 Avue 的不断升级：

Avue 一直在提升细节交互体验，比如表格首行冻结、下拉框大数据下不卡顿等，之前的 JSON 配置完全不需要修改； 可以 完全 使用 可视化页面编辑器 来制作页面：一般前端可视化编辑器只能用来做静态原型，而 Avue 可视化编辑器做出的页面是可以直接上线的。

Avue 的其它亮点

提供完整的界面解决方案

其它 UI 框架必须使用 JavaScript 来组装业务逻辑，而 AVUE 只需 JSON 配置就能完成完整功能开发，包括数据获取、表单提交及验证等功能，做出来的页面不需要经过二次开发就能直接上线；

大量内置组件（50+），一站式解决：

其它 UI 框架大部分都只有最通用的组件，如果遇到一些稍微不常用的组件就得自己找第三方，而这些第三方组件往往在展现和交互上不一致，整合起来效果不好，而 Avue 则内置大量组件，包括了表格、表单等业务组件，绝大部分中后台页面开发只需要了解 Avue 就足够了；

#支持扩展

除了低代码模式，还可以通过 自定义组件 来扩充组件，实际上 Avue 可以当成普通 UI 库来使用，实现 90% 低代码，10% 代码开发的混合模式，既提升了效率，又不失灵活性；

容器支持无限级嵌套

可以通过嵌套来满足各种布局及展现需求；

Avue 不适合做什么？

使用 JSON 有优点但也有明显缺点，在以下场合并不适合 Avue：

大量定制 UI

JSON 配置使得 Avue 更适合做有大量常见 UI 组件的页面，但对于面向普通客户（toC）的页面，往往追求个性化的视觉效果，这种情况下用 Avue 就不合适，实际上绝大部分前端 UI 组件库也都不适合，只能定制开发。

极为复杂或特殊的交互

有些复杂的前端功能，比如 可视化编辑器，其中有大量定制的拖拽操作，这种需要依赖原生 DOM 实现的功能无法使用 Avue。

快速上手

请参考快速上手章节。

贡献代码

修改代码请阅读我们的贡献指南。

使用过程中发现任何问题都可以提 Issue (opens new window) 给我们，当然，我们也非常欢迎你给我们发 PR (opens new window)。

开源协议

本项目基于 MIT (opens new window) 协议，请自由地享受和参与开源