Bootstrap後臺管理系統收集

1、框架整理

一、灰黑色後臺框架
二、論如何把後臺管理系統寫出花(關於後臺開發的相關技術）
三、最新的技術-Vue後臺管理
四、AdminLTE

可使用YII創建RABC權限管理
yii2+AdminLTE搭建完美后臺並實現rbac權限控制實例教程

Laravel創建RABC權限管理
在Laravel5.* 中使用 AdminLTE

五、flatlab

六、laravel-vue-cms
使用laravel+Vue開發的後臺管理系統

七、支付寶螞蟻前段框架https://ant.design

八、餓了麼開源的後臺管理框架

九、 Larval 5.3 Rbac 後臺實例

十、2016 Top20後端管理模板

十一、模板之家國內後臺管理框架收集

2、選擇框架

後臺管理系統框架很是多，通過考慮，選擇餓了麼的開源框架，緣由是：該框架大氣簡潔，最重要的一點是使用最新的前端技術Vue.js，Vue簡單易上手，有許多現成的腳手架能夠直接拿來用，在使用該框架時，也能夠順手學學目前最流行的前端技術。

3、打包工具Webpack瞭解

Webpack是當下最熱門的前端資源模塊化管理和打包工具。它能夠將許多鬆散的模塊按照依賴和規則打包成符合生產環境部署的前端資源。還能夠將按需加載的模塊進行代碼分隔，等到實際須要的時候再異步加載。經過 loader 的轉換，任何形式的資源均可以視做模塊，好比 CommonJs 模塊、 AMD 模塊、 ES6 模塊、CSS、圖片、 JSON、Coffeescript、 LESS 等。

4、包管裏工具npm

在正式開始餓了麼管理框架學習以前，咱們先認識一下npm。

npm是什麼東東？npm實際上是Node.js的包管理工具（package manager）。

爲啥咱們須要一個包管理工具呢？由於咱們在Node.js上開發時，會用到不少別人寫的JavaScript代碼。若是咱們要使用別人寫的某個包，每次都根據名稱搜索一下官方網站，下載代碼，解壓，再使用，很是繁瑣。因而一個集中管理的工具應運而生：你們都把本身開發的模塊打包後放到npm官網上，若是要使用，直接經過npm安裝就能夠直接用，不用管代碼存在哪，應該從哪下載。

更重要的是，若是咱們要使用模塊A，而模塊A又依賴於模塊B，模塊B又依賴於模塊X和模塊Y，npm能夠根據依賴關係，把全部依賴的包都下載下來並管理起來。不然，靠咱們本身手動管理，確定既麻煩又容易出錯。

簡而言之，NPM是隨同NodeJS一塊兒安裝的包管理工具(安裝NodeJS)，能解決NodeJS代碼部署上的不少問題，常見的使用場景有如下幾種：

• 容許用戶從NPM服務器下載別人編寫的第三方包到本地使用。

• 容許用戶從NPM服務器下載並安裝別人編寫的命令行程序到本地使用。

• 容許用戶將本身編寫的包或命令行程序上傳到NPM服務器供別人使用。

講了這麼多，npm究竟在哪？

其實npm已經在Node.js安裝的時候順帶裝好了。咱們在命令提示符或者終端輸入npm -v，應該看到相似的輸出：

一、查看npm的版本

$ npm -v
2.3.0

二、使用 npm 命令安裝模塊
npm 安裝 Node.js 模塊語法格式以下：

$ npm install <Module Name>

如下實例，咱們使用 npm 命令安裝經常使用的 Node.js web框架模塊 express:

$ npm install express

安裝好以後，express 包就放在了工程目錄下的 node_modules 目錄中，所以在代碼中只須要經過 require('express') 的方式就好，無需指定第三方包路徑。

var express = require('express');

5、示例

使用element開發的後臺框架示例

演示地址：https://taylorchen709.github....

源碼地址：https://github.com/taylorchen...

使用：

# install dependencies
npm install

# serve with hot reload at localhost:8081
npm run dev

# build for production with minification
npm run build

6、 Laravel-Administrator

【擴展推薦】管理員後臺快速生成工具 Administrator "加強版" 分享

該後臺很是好用，十分鐘就能夠搭建起一個簡單的管理後臺：

7、laravel-admin

該管理後臺很是強大，使用Laravel AdminLTE開發，能夠快速實現增刪改查功能及角色管理。

項目：GitHub地址: z-song/laravel-admin