atnic/laravel-paper-dashboard

Laravel 包用于集成 Paper Dashboard。

安装: 250

依赖项: 0

建议者: 0

安全: 0

星星: 2

关注者: 4

分支: 0

开放问题: 0

语言:CSS

类型:package

dev-master 2018-06-21 08:50 UTC

This package is auto-updated.

Last update: 2024-09-08 09:27:21 UTC


README

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

安装

composer require atnic/laravel-paper-dashboard

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

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

然后运行:

php artisan make:paper-dashboard

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

php artisan serve

恭喜!您现在正在运行使用 Paper Dashboard 的 Laravel 网站。

有关命令的更多信息

php artisan make:paper-dashboard --help

用法

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

在此文件中,您可以扩展全局部分,如菜单。

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

@section('sidebar-menu')
<ul class="nav">
  <li class="{{ request()->routeIs('home') ? 'active' : '' }}">
    <a href="{{ route('home') }}">
      <i class="nc-icon nc-bank"></i>
      <p>Home</p>
    </a>
  </li>
</ul>
@endsection

此包让您自由选择使用任何 Laravel 包来制作菜单。我们推荐 spatie/laravel-menulavary/laravel-menu

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

@extends('layouts.app')

// Your blade here

配置和视图自定义

配置

要发布此包的配置到您的应用配置中,请运行

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

视图

要发布此包的视图以便您自行自定义,请运行

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

下一步

首先,您应该了解如何使用 Laravel Mix

Paper Dashboard 需要一些 npm 包。首先,您需要运行

npm install

从 npm 安装 Paper Dashboard 所需的包

npm install --save-dev bootstrap bootstrap-notify bootstrap-sass font-awesome popper.js perfect-scrollbar

运行 Laravel Mix 命令

npm run development

或使用 production 最小化输出

npm run production

然后仔细查看这些文件

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

祝您实验愉快!