rob-lester-jr04 / laravel-admin-lte
Laravel 包用于集成 AdminLTE 模板,且该包与 Laravel Mix 兼容。
Requires
- php: >=5.6.4
- laravel/framework: ^5.4
Requires (Dev)
- fzaninotto/faker: ~1.4
- laravel/tinker: ~1.0
- mockery/mockery: 0.9.*
- phpunit/phpunit: ~5.7
README
Laravel 包用于集成 AdminLTE 模板,且该包与 Laravel Mix 兼容。目前该包只能在新安装的系统中轻松集成。
对于印度尼西亚语 🇮🇩 的翻译,请点击此链接
安装
composer require atnic/laravel-admin-lte
如果您正在使用 Laravel 5.5 或更高版本,请跳过此步骤,否则在 config/app.php
的 providers
中添加此行
'providers' => [ ... Atnic\AdminLTE\Providers\AppServiceProvider::class, ... ]
然后运行:
php artisan make:admin-lte
让我们看看我们安装了什么。首先,请确保您已运行 php artisan migrate
命令,然后执行
php artisan serve
太棒了!您现在正在使用 AdminLTE 运行一个 Laravel 网站。
有关更多命令信息
php artisan make:admin-lte --help
用法
此包提供了认证和应用视图。查看 resources/views/layouts/app.blade.php
。
在此文件中,您可以扩展全局部分,如用户名、头像、面包屑和菜单。
要扩展菜单,在 app.blade.php
中添加以下内容
@section('sidebar-menu') <ul class="sidebar-menu"> <li class="header">MAIN NAVIGATOR</li> <li class="active"> <a href="{{ route('home') }}"> <i class="fa fa-home"></i> <span>Home</span> </a> </li> </ul> @endsection
要扩展面包屑,添加以下内容
@section('breadcrumbs') <ol class="breadcrumb"> <li><a href="#"><i class="fa fa-dashboard"></i> Home</a></li> <li class="active">Title</li> </ol> @endsection
此包让您有选择地使用任何 Laravel 包进行菜单和面包屑。我们推荐 spatie/laravel-menu 或 lavary/laravel-menu,以及 davejamesmiller/laravel-breadcrumbs。
任何新创建的页面都应该扩展此视图。
@extends('layouts.app') // Your blade here
配置和视图自定义
配置
要发布此包配置到您的应用配置,请运行
php artisan vendor:publish --provider="Atnic\AdminLTE\Providers\AppServiceProvider" --tag="config"
视图
要发布此包视图,以便您可以根据自己的需要进行自定义,请运行
php artisan vendor:publish --provider="Atnic\AdminLTE\Providers\AppServiceProvider" --tag="views"
下一步
首先,您应该了解如何使用 Laravel Mix。
请确保 package.json
中有 "laravel-mix": "^2.0"
。
AdminLTE 需要在 npm 上安装一些包。首先,您需要运行
npm install
从 npm 安装 AdminLTE 需要的包
npm install --save-dev admin-lte@^2.4 bootstrap-sass fastclick font-awesome icheck ionicons jquery jquery-slimscroll
运行 Laravel Mix 命令
npm run development
或使用 production
最小化输出
npm run production
然后仔细查看这些文件
webpack.mix.js
resources/assets/js/admin-lte.js
resources/assets/js/auth.js
resources/assets/sass/admin-lte.scss
resources/assets/sass/auth.scss
祝您实验愉快!