atnic/laravel-admin-lte

Laravel 包,用于集成 AdminLTE 模板,且与 Laravel Mix 兼容。

资助包维护!
Patreon

安装次数: 5,997

依赖项: 0

建议者: 0

安全性: 0

星标: 25

关注者: 5

分支: 8

开放问题: 1

语言:HTML

类型:

v0.5.1 2018-05-23 17:09 UTC

This package is auto-updated.

Last update: 2024-09-14 21:11:02 UTC


README

Latest Stable Version Total Downloads Latest Unstable Version License Monthly Downloads Daily Downloads

Laravel 包,用于集成 AdminLTE 模板,且与 Laravel Mix 兼容。目前,此包只能在新安装中轻松集成。

有关印度尼西亚语(🇮🇩)翻译,请点击此链接

安装

composer require atnic/laravel-admin-lte

如果您使用的是 Laravel 5.5 或更高版本,则可跳过此步骤,否则请在 config/app.phpproviders 中添加此行:

'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

用法

此包提供了 auth 和 app 的视图。请查看 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-menulavary/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

祝您实验愉快!