laravel5.5 && adminlte

2017-10-09  本文已影响203人  zzz1t1

个人比较喜好adminlte模板的风格,加上自己使用php的是laravel框架,在GitHub上面搜了下好像比较少这种项目 ,萌发一个用laravel+adminlte做一个后台的想法。行,上手先~

工具:composer 、php7.0、mysql5.5、node.js、gulp、npm

在下载好的laravel项目目录下下载adminlte模板:

composer require "almasaeed2010/adminlte=2.0"        #必须用2.0

gulp是基于node.js的,如果还没有安装,请到 Node.js官网 下载并安装,安装完成后执行下面命令确保安装成功:

node -v

执行安装gulp:

npm install -g gulp     #-g 是全局安装

在laravel根目录下创建一个名为gulpfile.js文件

var gulp = require('gulp');
// 拷贝任何需要的文件
gulp.task("copyfiles", function() {
    gulp.src("vendor/almasaeed2010/adminlte/dist/css/AdminLTE.min.css")
        .pipe(gulp.dest("public/assets/css"));
    gulp.src("vendor/almasaeed2010/adminlte/dist/css/skins/skin-blue.min.css")
        .pipe(gulp.dest("public/assets/css"));
    gulp.src("vendor/almasaeed2010/adminlte/bootstrap/css/bootstrap.min.css")
        .pipe(gulp.dest("public/assets/css"));
    gulp.src("vendor/almasaeed2010/adminlte/plugins/jQuery/jquery-2.2.3.min.js")
        .pipe(gulp.dest("public/assets/js"));
    gulp.src("vendor/almasaeed2010/adminlte/bootstrap/js/bootstrap.min.js")
        .pipe(gulp.dest("public/assets/js"));
    gulp.src("vendor/almasaeed2010/adminlte/dist/js/app.min.js")
        .pipe(gulp.dest("public/assets/js"));
    gulp.src("vendor/almasaeed2010/adminlte/bootstrap/fonts/**")
        .pipe(gulp.dest("public/assets/fonts"));
    gulp.src("vendor/almasaeed2010/adminlte/dist/img/**")
        .pipe(gulp.dest("public/assets/img"));
});

在根目录下执行:

gulp  copyfiles

在public目录下会自动生成css、js、img等目录
在模板文件中直接调用即可

借鉴于:https://blog.6ag.cn/1597.html

上一篇下一篇

猜你喜欢

热点阅读