jebog/tabler

Laravel集成Tabler模板的包,该包兼容Laravel Mix。

维护者

详细信息

github.com/jebog/tabler

源代码

问题

安装次数: 31

依赖者: 0

建议者: 0

安全: 0

星标: 0

关注者: 2

分支: 0

开放问题: 0

语言:SCSS

类型:

1.0 2021-01-18 09:27 UTC

This package is auto-updated.

Last update: 2024-09-18 17:33:23 UTC


README

Laravel 7.0和8.0版本包,用于集成Tabler模板,并且该包与Laravel Mix兼容。目前,此包只能在新安装的系统中轻松集成。

安装前

在安装之前,您必须手动创建身份验证脚手架

  1. First install laravel/ui package from composer  
     ```php
     composer require laravel/ui
     ```
  1. And then, run code below
     ```php
     php artisan ui vue --auth
     ```

# Installation
```php
composer require jebog/tabler

运行以下代码以实现模板:

php artisan make:tabler

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

php artisan serve

哇!现在运行的是一个使用Tabler的Laravel网站。

配置和视图定制

配置

要发布此包配置到您的应用程序配置中,请运行以下代码:

php artisan vendor:publish --provider="Jebog\Tabler\Providers\AppServiceProvider" --tag="config"

视图

要发布此包视图,以便您自行定制,请运行以下代码:

php artisan vendor:publish --provider="Jebog\Tabler\Providers\AppServiceProvider" --tag="views"

下一步

首先,您应该了解如何使用Laravel Mix并安装最新的laravel-mix。

Tabler需要一些npm包。首先,您需要运行:

npm install

从npm安装Tabler所需的包

npm install --save-dev bootstrap bootstrap-sass popper.js chart.js d3 font-awesome jquery-circle-progress jvectormap moment requirejs select2 select2-bootstrap-theme selectize sparkline tabler-ui tablesorter bootstrap-datepicker eonasdan-bootstrap-datetimepicker @ttskch/select2-bootstrap4-theme

运行Laravel Mix命令

npm run development

或使用production最小化输出

npm run production

然后仔细查看这些文件

  • webpack.mix.js
  • resources/assets/js/tabler.js
  • resources/assets/sass/tabler.scss

祝您实验愉快!