用這些后臺管理模版后，三天完成項(xiàng)目！

前言

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

然后你是不是就已經(jīng)做好了007奮戰(zhàn)項(xiàng)目的準(zhǔn)備了，其實(shí)大可不必，我們首先需要做的是技術(shù)選型，然后基于這個(gè)框架去完成需求，因?yàn)榭蚣艿募映挚梢越o我們帶來很多的開發(fā)便利，提高寫代碼的效率。

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

Vue Element Admin

github獲得? 70.2k

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

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

vue2-manage

github獲得? 11.0k

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

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

PC管理后臺:

APP客戶端:

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

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

vue-manage-system

github獲得? 13.5k

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

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

mall-admin-web

github獲得? 8.7k

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

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

技術(shù)選型：

預(yù)覽界面：

角色分配也相當(dāng)明確：

當(dāng)然它也配備了手機(jī)端的項(xiàng)目：

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

RuoYi-Vue

gitee獲得? 11.3k

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

若依是一個(gè)開源項(xiàng)目，用于所有的Web應(yīng)用程序，如網(wǎng)站管理后臺，網(wǎng)站會(huì)員中心，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ù)。強(qiáng)大的代碼生成器讓前后端代碼一鍵生成，實(shí)現(xiàn)低代碼開發(fā)!

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

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