README

原始项目

这只是一个示例！

如果您只是想研究这些源代码，可以自由查看。

如果您想部署或使用它（特别是用于商业），请在 {wrap}Bootstrap 上购买它，价格为 36 美元。

本项目的所有权利均归项目所有者 WebAppLayers 所有。

Laravel Inspinia

Laravel 包用于集成 Inspinia 模板，并且这个包与 Laravel Mix 兼容。目前这个包只能轻松地集成在全新安装中。

安装

composer require atnic/laravel-inspinia

如果您使用的是 Laravel 5.5 及以上版本，请跳过此步骤，如果不是，请在 config/app.php 的 providers 中添加此行。

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

然后执行：

php artisan make:inspinia

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

php artisan serve

哇！您现在正在运行一个使用 Inspinia 的 Laravel 网站。

有关命令的更多信息

php artisan make:inspinia --help

用法

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

在此文件中，您可以扩展全局部分，如用户名、头像、面包屑和菜单。

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

@section('sidebar-menu')
<ul class="nav metismenu" id="side-menu" style="padding-left:0px;">
  <li class="active">
    <a href="{{ route('home') }}"><i class="fa fa-home"></i> <span class="nav-label">Home</span></a>
  </li>
</ul>
@endsection

要扩展面包屑，请添加以下内容：

@section('breadcrumbs')
@include('inspinia::layouts.main-panel.breadcrumbs', [
  'breadcrumbs' => [
    (object) [ 'title' => 'Home', 'url' => route('home') ]
  ]
])
@endsection

此包为您提供选择使用任何 Laravel 包进行菜单和面包屑的自由。我们推荐 spatie/laravel-menu 或 lavary/laravel-menu，以及 davejamesmiller/laravel-breadcrumbs。

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

@extends('layouts.app')

// Your blade here

配置和视图自定义

配置

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

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

视图

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

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

下一步

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

Inspinia 需要一些 npm 包。首先，您需要运行：

npm install

从 npm 安装 Inspinia 需要的包

npm install --save-dev animate.css bootstrap-sass bootstrap-datepicker clockpicker font-awesome icheck jquery-slimscroll metismenu moment pace-js select2 select2-bootstrap-theme toastr

运行 Laravel Mix 命令

npm run development

或使用 production 最小化输出

npm run production

然后仔细查看这些文件：

• webpack.mix.js
• resources/assets/js/inspinia.js
• resources/assets/js/auth.js
• resources/assets/sass/inspinia.scss
• resources/assets/sass/auth.scss

祝您实验愉快！