README

Laravel 包，用于集成 Light Bootstrap Dashboard 模板，并且与 Laravel Mix 兼容。目前，此包仅能在全新安装中轻松集成。

安装

composer require atnic/laravel-light-bootstrap-dashboard

如果你使用的是 Laravel 5.5 或更高版本，可以跳过此步骤。在 config/app.php 的 providers 部分添加以下行

'providers' => [
  ...
  Atnic\LightBootstrapDashboard\Providers\AppServiceProvider::class,
  ...
]

然后运行：

php artisan make:light-bootstrap-dashboard

让我们看看我们安装了什么。首先，确保你已经运行了 php artisan migrate 命令，然后执行以下操作：

php artisan serve

恭喜！你现在正在使用 Light Bootstrap Dashboard 运行 Laravel 网站。

有关命令的更多信息

php artisan make:light-bootstrap-dashboard --help

用法

此包提供了 auth 和 app 的视图。查看 resources/views/layouts/app.blade.php。

在此文件中，你可以扩展全局部分，例如菜单。

要扩展菜单，请在 app.blade.php 中添加以下内容

@section('sidebar-menu')
<ul class="nav">
  <li class="active">
    <a class="nav-link" href="{{ route('home') }}">
      <i class="pe-7s-home"></i>
      <p>Home</p>
    </a>
  </li>
</ul>
@endsection

此包为你提供了选择任何 Laravel 包用于菜单的自由。我们推荐使用 spatie/laravel-menu 或 lavary/laravel-menu。

任何新创建的页面都应该扩展此视图。

@extends('layouts.app')

// Your blade here

配置和视图自定义

配置

要发布此包的配置到你的应用配置中，运行

php artisan vendor:publish --provider="Atnic\LightBootstrapDashboard\Providers\AppServiceProvider" --tag="config"

视图

要发布此包的视图，以便你可以自行自定义，运行

php artisan vendor:publish --provider="Atnic\LightBootstrapDashboard\Providers\AppServiceProvider" --tag="views"

下一步

首先，你应该了解如何使用 Laravel Mix。

Light Bootstrap Dashboard 需要 npm 上的一些包。首先，你需要运行

npm install

从 npm 安装 Light Bootstrap Dashboard 所需的包

npm install --save-dev animate.css bootstrap bootstrap-notify bootstrap-select bootstrap-switch chartist flatui-radiocheck font-awesome popper.js pixeden-stroke-7-icon

运行 Laravel Mix 命令

npm run development

或使用 production 最小化输出

npm run production

然后仔细查看这些文件

• webpack.mix.js
• resources/assets/js/light-bootstrap-dashboard.js
• resources/assets/js/auth.js
• resources/assets/sass/light-bootstrap-dashboard.scss
• resources/assets/sass/auth.scss

祝你好运，开始实验吧！