AMIS
AMIS(Application Made In Simple / Application Making Is Simple)是百度开源的前端低代码框架,通过 JSON 配置即可生成完整的后台管理页面,无需编写前端代码1).
概述
AMIS 由百度 FEX(前端体验)团队开发维护,采用 Apache 2.0 协议开源。截至 2026 年 7 月,GitHub 获得约 18,900 Stars、2,720 Forks,累计合并 PR 超过 5,800 个,关闭 Issue 超过 4,200 个2). 最新稳定版为 v6.13.0,开发语言以 TypeScript 为主(约 85%)。
百度内部已有 100+ 部门使用 AMIS,累计创建超过 50,000 个页面3). 广泛用于审核系统、数据管理后台、模型监控、机器管理等内部平台。
核心架构
AMIS 的渲染流程如下4):
JSON 配置 → SchemaRenderer → resolveRenderer() → React 组件树 → DOM
核心步骤:
- JSON Schema:页面由 JSON 对象定义,type 字段指定使用哪个组件
- SchemaRenderer:递归遍历 JSON,调用 resolveRenderer() 找到对应 React 组件
- 组件工厂:type → React 组件的注册表(如 type: “form” → Form 组件)
- 属性注入:JSON 属性作为 React props 传入,支持 ${variableName} 数据绑定
- 递归渲染:容器组件(page/form/dialog)的 body 数组包含子组件,递归构建组件树
- 数据流:内置数据存储,组件通过 data/api/action 三种方式读写数据
AMIS 提供两种渲染模式:React 库模式(npm 包集成到 React 项目)和 SDK 独立模式(单 JS 文件,无需 React 基础)5).
组件生态
AMIS 内置 120+ 组件(部分来源称 140+),覆盖以下类别6)7):
- 布局:Page、Grid、Panel、Card、Tabs、Wizard、Collapse
- 表单:30+ 控件 Input、Select、DatePicker、RichText、ImageUpload、TreeSelect、ColorPicker、InputTable、Editor 等
- CRUD:完整的增删改查 + 搜索、分页、排序、批量操作
- 图表:基于 ECharts 的折线图、柱状图、饼图、散点图、雷达图、漏斗图等
- 反馈:Alert、Toast、Dialog、Drawer、PopOver、Loading、Progress
- 导航:Breadcrumb、Steps、Tabs、Nav
- 数据展示:Markdown、HTML、JSON Tree、Carousel、Audio、Video、IFrame
- 功能组件:Code Editor(Monaco/ACE)、Log 查看器、Diff 查看器、WebSocket、Service
核心特性
- JSON 驱动:完整的增删改查页面仅需几十行 JSON 配置
- 可视化编辑器:amis-editor 提供拖拽式页面设计8)
- 表单验证:内置 required/min/max/pattern 规则,支持自定义 JS 验证器
- 数据联动:表单提交后自动刷新表格、级联选择、动态选项
- 导入导出:CSV、Excel 导出,Office 文档预览
- 主题系统:多套内置主题(cxd、dark、antd、ang)+ 自定义 CSS 变量
- 权限控制:基于角色/权限的组件级显隐控制
- 国际化:内置 zh-CN、en-US 等多语言
- WebSocket:实时数据推送
- Action 链:复杂的组件间交互编排
后端集成
AMIS 与后端框架无关,通过标准 REST/HTTP API 通信9):
- 数据加载:api 配置发起 GET 请求
- 表单提交:api 配置发起 POST/PUT/DELETE
- 请求适配:fetcher 配置自定义请求逻辑
社区常见的后端集成方案:FastAPI(Python)、Spring Boot(Java)、ThinkPHP(PHP)。
商业版与工具链
百度在 AMIS 基础上提供了商业产品爱速搭(Aisuda / AI速搭)10),在开源版之上增加了可视化搭建、流程引擎、数据源管理、团队协作等功能。
其他工具:
- amis-editor:可视化拖拽编辑器开源版11)
- amis-admin:基于 AMIS 的后台管理模板
- FastAPI-Amis:Python 社区的集成方案
适用场景与局限
AMIS 最适合中后台管理页面(增删改查、数据看板、审批流程),在百度内部已验证大规模可行性。不适用的场景包括:面向消费者的前端页面、复杂的自定义交互、移动端原生应用、需要精细控制 DOM 的场景12).
生态以中文为主,国际化社区较小,目前仅支持 React(Vue 需要通过桥接方案集成)。
总结
AMIS 是国内开源低代码领域的优秀代表,经过百度内部大规模验证,适合快速搭建中后台管理页面。核心优势是 JSON 配置即界面、组件丰富、学习成本低。局限是仅限 Web 后台场景、React-only、社区以中文为主。