amis -- 低代码前端框架

amis

https://gitee.com/baidu/amis

前端低代码框架，通过 JSON 配置就能生成各种后台页面，极大减少开发成本，甚至可以不需要了解前端。

https://aisuda.bce.baidu.com/amis/zh-CN/docs/index

amis 的其它亮点

• 提供完整的界面解决方案：其它 UI 框架必须使用 JavaScript 来组装业务逻辑，而 amis 只需 JSON 配置就能完成完整功能开发，包括数据获取、表单提交及验证等功能，做出来的页面不需要经过二次开发就能直接上线；
• 大量内置组件（120+），一站式解决：其它 UI 框架大部分都只有最通用的组件，如果遇到一些稍微不常用的组件就得自己找第三方，而这些第三方组件往往在展现和交互上不一致，整合起来效果不好，而 amis 则内置大量组件，包括了富文本编辑器、代码编辑器、diff、条件组合、实时日志等业务组件，绝大部分中后台页面开发只需要了解 amis 就足够了；
• 支持扩展：除了低代码模式，还可以通过 自定义组件 来扩充组件，实际上 amis 可以当成普通 UI 库来使用，实现 90% 低代码，10% 代码开发的混合模式，既提升了效率，又不失灵活性；
• 容器支持无限级嵌套：可以通过嵌套来满足各种布局及展现需求；
• 经历了长时间的实战考验：amis 在百度内部得到了广泛使用，在 6 年多的时间里创建了 5 万页面，从内容审核到机器管理，从数据分析到模型训练，amis 满足了各种各样的页面需求，最复杂的页面有超过 1 万行 JSON 配置。

 

组件

https://aisuda.bce.baidu.com/amis/zh-CN/components/page

示例

https://aisuda.bce.baidu.com/amis/examples/index

后台

https://github.com/aisuda/amis-admin

 

JSON代码如何生成？

官方提供可视化的界面编辑器，构造完成界面，可以自动生成JSON.

 

https://github.com/aisuda/amis-editor-demo

https://aisuda.github.io/amis-editor-demo/#/edit/0

 

 

 

入门介绍

https://juejin.cn/post/7005483831998283812

 

fastapi + amis 后台管理系统

https://github.com/amisadmin/fastapi_amis_admin

https://developer.aliyun.com/article/871171

 

示例

http://demo.amis.work/admin/?spm=a2c6h.12873639.article-detail.11.47027a28IyPOku#/admin/page/home

http://user-auth.demo.amis.work/admin/#/

 

上面例子，json是使用python生成， 事实上通过IDE可以生成JSON

 

json原样保存：

https://github.com/ykbj/fastapi-amis-webframe