共计 967 个字符，预计需要花费 3 分钟才能阅读完成。
今天给大家分享一个开源项目——AMS，一个由唯品会开源的，基于类 json 配置的管理后台前端解决方案。
背景
我们先来回顾一下，管理后台的搭建方式。
- 最原始的方式，前后端还未分离，前后端代码融合一起，往往是后端把整个管理后台负责了
- 发展到前后端分离和 JQ 兴起，前端可以完全手写实现，也可以使用类似 bootstrap 这些框架进行快速搭建
- 在发展到 React/Vue 这些 MVVM 框架的兴起，也产生了很多对应的配套，比如 Element-ui、Ant Design
由于管理后台对 UI 要求不高以及功能通用，UI 框架的使用给前端带来极大的方便，前端可以不需要再关心 UI 组件的实现，只需要把 UI 框架提供的组件像搭积木一样搭建，然后再去写数据交互逻辑，就可以比较快的实现一个管理后台。
这样看好像很完美，特别是用着高质量的 UI 框架，坑少～
但是！积木搭久了，你会发现还是要写不少代码：
- UI 组件代码。比如你写一个列表，拿 Element-ui 举例，你可能需要用到
el-table、el-table-column，然后再来个分页el-pagination。可能 90% 的场景都是这样的，但是你每次都要写，即使复制，可能也要微调 - 搭完 UI，然后要写数据逻辑交互，比如请求个列表接口，梳理接口字段，把数据塞到表格，然后处理分页时的数据交互逻辑。同理，每个项目每个列表都要这样。
上面举例的只是一个列表场景，还有很多比如后台 router、表单、图表、搜索、筛选、查增删改等等，这些都是很常见的后台功能吧。
有没有更简单的搭积木呢？最后这个积木能带一些常见的数据交互逻辑！
或者你可以尝试一下 AMS！！
AMS
AMS 是 Admin Materiel System 的首字母缩写，意为管理后台物料系统，是通过 JSON 配置的形式来快速搭建管理后台的一整套解决方案。
特性：
- 底层基于 Vue + Element-UI（AMS 并不是想做一套新的 UI 框架）
- 通过 JSON 配置的形式来快速搭建管理后
- 内置常见的数据交互逻辑，比如查增删改
下面来看一个简单 Demo：JSRUN 上的官方入门 Demo
你也可以在 在 Scrimba 上尝试 AMS 入门 Demo>>
项目信息
开源项目地址：https://github.com/vipshop/ams
开源项目作者：唯品会团队
官方文档地址：https://vipshop.github.io/ams/
正文完