介绍
amis 是一个低代码前端框架，它使用 JSON 配置来生成页面，可以节省页面开发工作量，极大提升开发前端页面的效率。通过 JSON 配置就能生成各种后台页面，极大减少开发成本，甚至可以不需要了解前端。目前在百度广泛用于内部平台的前端开发，已有 100 部门使用，创建了 3w 页面。
Github和Gitee
https://github.com/baidu/amis
https://gitee.com/baidu/amis
相关工具及平台
- 通过 amis 搭建自己的后台系统：
https://github.com/fex-team/amis-admin
- 可视化编辑器：
https://github.com/fex-team/amis-editor
组件介绍
关于概念部分，amis提供了详细的文档，我们来看一看它的组件，以下是简单介绍以及截图：
- Page 页面
Page 组件是 amis 页面 JSON 配置中，唯一的 顶级容器组件，是整个页面配置的入口组件。
- Form 表单
表单是 amis 中核心组件之一，主要作用是提交或者展示表单数据。
表单内部具备非常多的常用的功能组件
- FormItem 普通表单项
表单项 是组成一个表单的基本单位，它具有的一些特性会帮助我们更好地实现表单操作。
- Options 选择器表单项
选择器表单项 是指那些（例如下拉选择框）具有选择器特性的表单项
它派生自 表单项，拥有表单项所有的特性。
- Array 数组输入框
普通表单项，其实就是 Combo 的一个 flat 用法。
- Button 按钮
form中除了支持 行为按钮以外，还支持一些特定的按钮。
- Checkbox 勾选框
- City 城市选择器
城市选择器，可用于让用户输入城市。
- 颜色选择器
- Date 日期、时间、范围
- DiffEditor 对比编辑器
- File 文件上传
用来负责文件上传，文件上传成功后会返回文件地址，这个文件地址会作为这个表单项的值，整个表单提交的时候，其实提交的是文件地址，文件上传已经在这个控件中完成了。
- Formula 公式
可以设置公式，将公式结果设置到指定表单项上
- Transfer 穿梭器
- Tree 树形
CRUD 增删改查
CRUD，即增删改查组件，主要用来展现数据列表，并支持各类【增】【删】【改】【查】等操作。最基本的用法是配置 数据源接口(api) 以及 展示列(columns)
。。。amis的组件过于丰富，本文不再详细介绍，以上只是部分组件的截图
可视化编辑器
后台管理界面
总结
amis确实可以说是一个良心产品，特别是对于一些简单的功能，基本上只要有api就能完全实现一个完整的系统，组件丰富，样式也很好看，对于前端不是很擅长的人员来说非常的友好，对于高手也能提升效率！本文只是简单的概述，详细的可以参考文档和代码！
内容出处：，
声明：本网站所收集的部分公开资料来源于互联网，转载的目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。如果您发现网站上有侵犯您的知识产权的作品，请与我们取得联系，我们会及时修改或删除。文章链接：http://www.yixao.com/share/9377.html
微信扫一扫
支付宝扫一扫
相关推荐
-
基于Vue可视化大屏制作库Vue-DataV
当下越来越多的公司引入可视化大屏，不仅酷炫，而且能更直观的看到各个维度的数据展示。今天给大家分享一款超酷炸的Vue大屏可视化组件库DataV。 datav 基于 vue.js 免费…
-
5款开发必备chrome插件
1. Octotree • 下载安装地址:https://www.octotree.io/ • 介绍: 是一款用来显示Github项目的目录结构的Chrome扩展。在Github上…
-
Windows1020H2 2021.4 更新镜像下载
一、Win10发展历程 Windows 10每年都会发布两次大版本更新，最新的版本是2020年9月发布的，一般被称为V2009，也叫做20H2（2020年第二次大更新）。所以，说到…
-
Caddy2：比Nginx性能更强的下一代Web server
简介 Caddy 2 是一个强大的、企业级的、开源的 Web 服务器。是一个 Go 编写的 Web 服务器，类似于 Nginx，Caddy 提供了更加强大的功能。 支持 HTTP/…
-
京东Vue3.x移动端UI组件库NutUI3.0
今天给小伙伴们分享一个超赞的手机端vue3.0组件库nutui3。star高达3K 。 nutui 京东前端团队推出的一款轻量级vue.js组件库。主要服务于移动端web界面的企业…
-
免费使用CNAME版CloudFlare 极客族提供
使用过CloudFlare的同学都知道，免费版套餐只能使用NS方式，不支持CNAME，而收费版至少也得每月20刀，这价格可以养个便宜独服了。有时候我们使用别的NS不方便切换，比如c…
-
DoraCMS–高质量Vue+Egg.js后台内容管理
今天给大家推荐一款超不错的CMS内容管理系统DoraCMS-Admin。 dora-cms 基于vue.js eggjs express mongodb构建的一套后台CMS管理系统…
-
Vuetify–广受欢迎的Material风格的开源UI框架
全世界范围内广受欢迎的 Vue UI 框架，一个非常精致的 Material Design UI 套件。 Material Design 风格 UI 框架 Vuetify 是一个基…
-
厦大语音实验室推出声纹识别开源工具ASV-Subtools
近年来，随着深度学习的快速发展，简单易用、性能稳定、开发高效的深度学习框架越来越被科研和工业界人员所需要。其中，TensorFlow和Pytorch则是目前深度学习的主流框架。在语…
-
OpenBLT Bootloader的使用分享
OpenBLT 简介 OpenBLT是一种开源引导加载程序，可以在任何微控制器上运行并使用任何类型的通信接口来执行软件更新，而无需专用的调试器硬件。 官网介绍页： https://…