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/