百度出品革命级低代码开源框架平台 Amis,通过JSON 配置快速生成页面
|
admin
2025年3月16日 0:51
本文热度 261
|
低代码开发太火了,但专注前端的工具却不够强大?
别急,百度出手,直接整了个革命级开源框架 Amis。它能通过JSON 配置快速生成页面,简直就是前端开发者的加速神器!不懂代码也能打造专业后台,开发效率秒飞起!
Amis 是什么?

Amis 是由百度团队开发的前端低代码框架,通过简单的 JSON 配置,就能快速生成各种后台页面。
总结一下就是:零代码≠零样式,低代码带来的是高效率! 你不需要精通前端技术,只需要定义表单、表格等基本配置,Amis 会自动帮你搞定页面外观、交互逻辑,还能轻松集成到你的项目中!
开源成就
- Star 数:目前在 GitHub 上已获 17.9k Star。
- 开发语言:框架核心以 TypeScript(85%)为主,辅助使用 SCSS、JavaScript 等语言。
核心功能
基于 JSON 配置,零基础也能上手
- 使用 JSON 字符串直接生成页面元素(如表单、图表、CRUD 列表等),完全无需前端代码。
- 简化组件化开发,还能直接预览生成的效果。

功能全面的低代码支持
- 自定义字段的表单控件、自适应图表渲染等,让复杂后台页面不用多写代码也能搞定!
- 支持复杂 CRUD(增删改查)操作,搭建后台系统超级轻松。
高扩展性与灵活性
- Amis 提供了丰富的开箱即用的组件,支持主题、样式自定义,还能二次开发!
- 兼容性好,不管是 React 还是纯 HTML 项目都能轻松集成。
可视化编辑器
- 提供拖拽式 UI 编辑器,简单配置即可组合页面,让开发和设计的协作更加高效。
企业级特性
支持复杂表单验证、国际化和权限管理,还有文件上传、预览 PDF 等企业需求超全面!

快速上手指南
安装 Node.js 环境(推荐 Node 12/14/16+ 和 NPM 7+)
# 克隆仓库
git clone https://github.com/baidu/amis.git
# 进入项目目录
cd amis
# 安装依赖
npm i --legacy-peer-deps
启动本地开发服务器
npm start
# 浏览器访问 http://127.0.0.1:8888/examples/pages/simple
按需修改 json 配置文件,预览自定义页面

Amis 并不是一般的低代码工具,而是专注前端的高可定制化框架,提升开发效率的最佳神器!无论你是想快速实现复杂后台,还是打造功能强大的企业级应用,Amis 都能助你轻松搞定。
开源地址:https://github.com/baidu/amis
阅读原文:原文链接
该文章在 2025/3/17 10:14:35 编辑过