低代碼開發太火了,但專注前端的工具卻不夠強大?
別急,百度出手,直接整了個革命級開源框架 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 編輯過