介绍
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
微信扫一扫
支付宝扫一扫
相关推荐
-
driver.js：Web页面用户分步操作引导插件
介绍 driver.js是一个网页端的用户操作分步引导操作，可以在整个页面上引导用户操作，用这种方式来引导用户在进入页面后的操作，以便于用户更快的熟悉系统功能！ Github ht…
-
2021年国内十大API接口服务平台
API的概念早在上世纪60年代就已经出现，其代表的是应用程序的编程接口，是一些预先定义的函数，或指软件系统不同组成部分衔接的约定。 换句话说，API是一个信使，它将用户的请求交付给…
-
《胡闹厨房2》Epic限时免费
Epic又送好东东了，《胡闹厨房2》一键领取入库。 领取地址：https://www.epicgames.com/store/zh-CN/p/overcooked-2 《胡闹厨房2…
-
java项目本地部署JeecgBoot低代码开发平台Vue3版系统源码
前言 这几天整理了小程序里心愿圈里朋友们发的几个源码需求：人员管理系统、人事管理系统（模块齐全）、工资管理系统。 网上是找到类似的系统源码并且测试了，但很遗憾，这类系统要么都是伪开…
-
基于Vue的无渲染的富文本编辑器–tiptap
介绍 tiptap编辑器基于Prosemirror，完全可扩展且无渲染。可以轻松地将自定义节点添加为Vue组件。 Github https://github.com/scrumpy…
-
你想下载的所有win10版本全在这里，微软官方原版ISO
Windows 10是Windows操作系统的一个里程碑，微软公司在2015年7月发布了第一版，至今已经发布了11个版本，基本上每年发布二次更新，上半年、下半年各一次，这些不断更新…
-
Chemex–基于Laravel的资产管理系统
随着企业内信息化设备数量越来越多，设备的管理和运维对于广大中小企业来说是一个不小的难题。目前仍旧有很多公司使用 Excel 来进行公司设备的管理，这样可能会造成信息丢失、人工录入不…
-
Vue-core-image-Upload–轻量级Vue图片上传插件
介绍 vue-core-image-upload 是一款轻量级的 Vue.js 上传插件，它可以支持的图片的上传，裁剪，压缩。它同样也支持在移动端的图片处理，它定义了诸多上传周期，…
-
petite-vue：尤雨溪的新作品
petite-vue 是 Vue 的替代发行版，针对渐进式增强进行了优化。它提供了与标准 Vue 相同的模板语法和反应性思维的模型。但是，它专门针对在服务器框架(比如 larave…
-
如何挑选一款高效的原型设计工具？
每当设计一个新的App或网站时，作为对原型设计有一定了解的人来说，我们会倾向于选择那些“明星”原型设计工具。它们功能齐全、模板酷炫，能够帮助我们解决大部分设计问题。然而，任何事物都…