AMIS

AMIS（Application Made In Simple / Application Making Is Simple）是百度开源的前端低代码框架，通过 JSON 配置即可生成完整的后台管理页面，无需编写前端代码¹⁾.

AMIS 由百度 FEX（前端体验）团队开发维护，采用 Apache 2.0 协议开源。截至 2026 年 7 月，GitHub 获得约 18,900 Stars、2,720 Forks，累计合并 PR 超过 5,800 个，关闭 Issue 超过 4,200 个²⁾. 最新稳定版为 v6.13.0，开发语言以 TypeScript 为主（约 85%）。

百度内部已有 100+ 部门使用 AMIS，累计创建超过 50,000 个页面³⁾. 广泛用于审核系统、数据管理后台、模型监控、机器管理等内部平台。

AMIS 的渲染流程如下⁴⁾：

JSON 配置 → SchemaRenderer → resolveRenderer() → React 组件树 → DOM

核心步骤：

1. JSON Schema：页面由 JSON 对象定义，type 字段指定使用哪个组件
2. SchemaRenderer：递归遍历 JSON，调用 resolveRenderer() 找到对应 React 组件
3. 组件工厂：type → React 组件的注册表（如 type: “form” → Form 组件）
4. 属性注入：JSON 属性作为 React props 传入，支持 ${variableName} 数据绑定
5. 递归渲染：容器组件（page/form/dialog）的 body 数组包含子组件，递归构建组件树
6. 数据流：内置数据存储，组件通过 data/api/action 三种方式读写数据

AMIS 提供两种渲染模式：React 库模式（npm 包集成到 React 项目）和 SDK 独立模式（单 JS 文件，无需 React 基础）⁵⁾.

AMIS 内置 120+ 组件（部分来源称 140+），覆盖以下类别⁶⁾⁷⁾：

• 布局：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 提供拖拽式页面设计⁸⁾
• 表单验证：内置 required/min/max/pattern 规则，支持自定义 JS 验证器
• 数据联动：表单提交后自动刷新表格、级联选择、动态选项
• 导入导出：CSV、Excel 导出，Office 文档预览
• 主题系统：多套内置主题（cxd、dark、antd、ang）+ 自定义 CSS 变量
• 权限控制：基于角色/权限的组件级显隐控制
• 国际化：内置 zh-CN、en-US 等多语言
• WebSocket：实时数据推送
• Action 链：复杂的组件间交互编排

AMIS 与后端框架无关，通过标准 REST/HTTP API 通信⁹⁾：

1. 数据加载：api 配置发起 GET 请求
2. 表单提交：api 配置发起 POST/PUT/DELETE
3. 请求适配：fetcher 配置自定义请求逻辑

社区常见的后端集成方案：FastAPI（Python）、Spring Boot（Java）、ThinkPHP（PHP）。

百度在 AMIS 基础上提供了商业产品爱速搭（Aisuda / AI速搭）¹⁰⁾，在开源版之上增加了可视化搭建、流程引擎、数据源管理、团队协作等功能。

其他工具：

1. amis-editor：可视化拖拽编辑器开源版¹¹⁾
2. amis-admin：基于 AMIS 的后台管理模板
3. FastAPI-Amis：Python 社区的集成方案

AMIS 最适合中后台管理页面（增删改查、数据看板、审批流程），在百度内部已验证大规模可行性。不适用的场景包括：面向消费者的前端页面、复杂的自定义交互、移动端原生应用、需要精细控制 DOM 的场景¹²⁾.

生态以中文为主，国际化社区较小，目前仅支持 React（Vue 需要通过桥接方案集成）。

AMIS 是国内开源低代码领域的优秀代表，经过百度内部大规模验证，适合快速搭建中后台管理页面。核心优势是 JSON 配置即界面、组件丰富、学习成本低。局限是仅限 Web 后台场景、React-only、社区以中文为主。