AMS：用类json配置快速搭建管理后台前端页面

今天给你们分享一个开源项目——AMS，一个由惟品会开源的，基于类json配置的管理后台前端解决方案。

背景

咱们先来回顾一下，管理后台的搭建方式。

1. 最原始的方式，先后端还未分离，先后端代码融合一块儿，每每是后端把整个管理后台负责了
2. 发展到先后端分离和JQ兴起，前端能够彻底手写实现，也可使用相似bootstrap这些框架进行快速搭建
3. 在发展到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/