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