amis - 低代码前端框架

amis - 低代码前端框架

amis介绍

访问网站
我的收藏170 次访问更新于 a month ago反馈
amis - 低代码前端框架 screenshot

详细介绍

简介

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:务必认真阅读文档中的“概念”部分,建立整体认识。
  • 已掌握概念且有开发经验:可直接参考“组件文档”查阅组件用法。