用這些后臺管理模版后，三天完成項目！

前言

你是否遇到過PM今天丟給你一堆后臺管理系統(tǒng)的需求文檔，并說這個產(chǎn)品下個星期上線沒有問題吧！

然后你是不是就已經(jīng)做好了007奮戰(zhàn)項目的準備了，其實大可不必，我們首先需要做的是技術(shù)選型，然后基于這個框架去完成需求，因為框架的加持可以給我們帶來很多的開發(fā)便利，提高寫代碼的效率。

這里找了幾款Vue的后臺管理模版，希望給同樣被PM安排寫需求的你代碼寫起來能夠"策馬奔騰"。

Vue Element Admin

github獲得? 70.2k

github地址：https://github.com/PanJiaChen/vue-element-admin

vue-element-admin 是一個后臺管理系統(tǒng)案例，它基于 vue 和 element-ui實現(xiàn)，使用最新的前端技術(shù)棧，內(nèi)置了 i18n 國際化解決方案。動態(tài)路由、權(quán)限驗證、提煉了典型的業(yè)務(wù)模型，提供了豐富的*功能組件，可以幫助你快速搭建企業(yè)級中后臺產(chǎn)品原型。相信不管你的需求是什么，本項目都能幫助到你。

vue2-manage

github獲得? 11.0k

github地址：https://github.com/bailicangdu/vue2-manage

vue2-manage 是一個前端后端系統(tǒng)、手機端系統(tǒng)的案例，它是基于 vue2 + vuex + vue-router + webpack + ES6/7 + less + element-ui 完成的，后端則采用 nodejs + express + mongodb + mongoose 的架構(gòu)，客戶端采用基于 Flutter 構(gòu)建的兼容IOS和Android的原生APP.可以說是比較完整的一個前端、后端、用戶端都包含的餐飲行業(yè)的完整項目了。有興趣自己搭建完整項目練手的小伙伴可以參考參考。

PC管理后臺:

APP客戶端:

非常適合遇到做電商項目的基礎(chǔ)搭建架構(gòu)。

媽媽再也不用擔心我不會做電商系統(tǒng)了。

vue-manage-system

github獲得? 13.5k

github地址：https://github.com/lin-xin/vue-manage-system

vue-manage-system 是一個 Vue3 + Element Plus 的后臺管理系統(tǒng)解決方案。使用 vue-cli3 腳手架，引用 Element Plus 組件庫，方便開發(fā)快速簡潔好看的組件。支持手動切換主題色，而且很方便使用自定義主題色，并且使用含有富文本的案例。

mall-admin-web

github獲得? 8.7k

github地址：https://github.com/macrozheng/mall-admin-web

mall-admin-web 是一個 電商后臺管理系統(tǒng) 的前端項目，基于 Vue+Element 實現(xiàn)。主要包括 商品管理、訂單管理 、會員管理 、促銷管理 、運營管理 、內(nèi)容管理 、統(tǒng)計報表 、財務(wù)管理 、權(quán)限管理 、設(shè)置等功能。對于電商后臺管理系統(tǒng)來說非常全面了。

技術(shù)選型：

預(yù)覽界面：

角色分配也相當明確：

當然它也配備了手機端的項目：

都是非常不錯的案例，對應(yīng)的后臺代碼也有發(fā)布出來。后端代碼基于 SpringBoot+MyBatis 實現(xiàn)，采用 Docker 容器化部署。有興趣的小伙伴自行翻閱。

RuoYi-Vue

gitee獲得? 11.3k

gitee地址：https://gitee.com/y_project/RuoYi-Vue/tree/master/ruoyi-ui

若依是一個開源項目，用于所有的Web應(yīng)用程序，如網(wǎng)站管理后臺，網(wǎng)站會員中心，CMS，CRM，OA。所有前端后臺代碼封裝過后十分精簡易上手。

它有自己的開發(fā)文檔介紹和使用手冊。http://doc.ruoyi.vip/ruoyi-vue/

jeecg-boot

github獲得? 24.6k

github地址：https://github.com/jeecgboot/jeecg-boot/tree/master/ant-design-vue-jeecg

jeecg-boot 號稱是一款基于 代碼生成器 的低代碼平臺！前后端分離架構(gòu) SpringBoot2.x，SpringCloud，Ant Design&Vue，Mybatis-plus，Shiro，JWT，支持微服務(wù)。強大的代碼生成器讓前后端代碼一鍵生成，實現(xiàn)低代碼開發(fā)!

它可以應(yīng)用在任何J2EE項目的開發(fā)中，尤其適合SAAS項目、企業(yè)信息管理系統(tǒng)（MIS）、內(nèi)部辦公系統(tǒng)（OA）、企業(yè)資源計劃系統(tǒng)（ERP）、客戶關(guān)系管理系統(tǒng)（CRM）等，其半智能手工Merge的開發(fā)方式，可以顯著提高開發(fā)效率70%以上，極大降低開發(fā)成本。

內(nèi)容太多，就不一一截圖展示了，有興趣的小伙伴自行查閱參考吧。另外，這里的數(shù)據(jù)庫設(shè)計也相當巧妙！后端的大佬可以參考下。