美文网首页
laravel5.5 && adminlte

laravel5.5 && adminlte

作者: zzz1t1 | 来源:发表于2017-10-09 21:38 被阅读203次

    个人比较喜好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

    相关文章

      网友评论

          本文标题:laravel5.5 && adminlte

          本文链接:https://www.haomeiwen.com/subject/wxfmyxtx.html