简介
amis 是一个低代码前端框架,使用 JSON 配置来生成页面,可以减少页面开发工作量,极大提升效率。其官方文档地址为:https://aisuda.bce.baidu.com/amis/zh-CN/docs/index
在的前端开发越来越复杂、门槛越来越高的背景下,amis 旨在让开发者(甚至不懂前端的人)通过简单的 JSON 配置完成大部分常用页面的开发,无需深入了解 React/Vue、Webpack 或 JavaScript。
主要功能
- 基于 JSON 配置生成页面:通过编写 JSON 即可生成完整页面,不需要懂前端框架与构建工具。例如一个包含筛选、刷新、编辑、批量操作、排序、分页等细节功能的增删改查表格界面,用 amis 仅需约 157 行 JSON 配置即可实现。
- 完整的界面解决方案:只需 JSON 配置就能完成数据获取、表单提交及验证等功能,做出的页面不需要二次开发就能直接上线。
- 大量内置组件:内置 120+ 组件,包括富文本编辑器、代码编辑器、diff、条件组合、实时日志等业务组件,一站式解决中后台页面开发需求。
- 支持扩展与混合开发:可通过自定义组件扩充能力,也能将 amis 当成普通 UI 库使用,实现“90% 低代码 + 10% 代码开发”的混合模式。
- 容器无限级嵌套:通过嵌套满足各种布局及展现需求。
- 可视化编辑器:提供可视化页面编辑器,制作出的页面可直接上线,而非仅静态原型。
- 多语言、移动端定制、调试工具等高级特性:文档中还涵盖了工作原理、SDK/React 自定义组件、页面交互行为跟踪、多语言、移动端定制等高级用法。
用 JSON 写页面的好处
- 不需要懂前端:百度内部大部分 amis 用户此前从未写过前端页面,也不会 JavaScript,却能做出专业且复杂的后台界面。
- 不受前端技术更新影响:老的 amis 页面创建 6 年多后仍可使用,无需因前端框架或构建工具更迭而重构。
- 持续享受升级:amis 提升的细节交互(如表格首行冻结、下拉框大数据不卡顿)无需修改原有 JSON 配置。
- 可视化制作可上线页面:与一般只能做静态原型的编辑器不同,amis 可视化编辑器输出的页面可直接部署。
适用场景
amis 非常适合以下场景:
- 后台管理系统的增删改查界面、信息管理等常用页面开发;
- 百度内部实践显示,从内容审核到机器管理、数据分析到模型训练等各式各样的中后台页面(最复杂页面超 1 万行 JSON 配置);
- 不懂前端或不想依赖前端技术栈的团队快速搭建专业界面。
不适用场景
amis 并不适合:
- 大量定制 UI:面向普通客户(toC)、追求个性化视觉效果的页面,JSON 配置难以满足,通常需定制开发。
- 极为复杂或特殊的交互:如依赖原生 DOM 大量定制拖拽操作的可视化编辑器等,无法使用 amis 实现(但部分固定交互领域后续会有专门组件支持)。
阅读建议
- 第一次接触 amis:务必认真阅读文档中的“概念”部分,建立整体认识。
- 已掌握概念且有开发经验:可直接参考“组件文档”查阅组件用法。