guszandy / laravel-tabler

Laravel 包，用于集成 Tabler 模板，且与 Laravel Mix 兼容。

维护者

详细信息

github.com/GusZandy/laravel-tabler

源代码

问题

安装: 967

依赖者: 0

建议者: 0

安全性: 0

星标: 24

关注者: 4

分支: 8

公开问题: 4

语言：HTML

类型：包

v1.4 2019-01-13 01:47 UTC

Requires

MIT 430bc39598610a2403964fe9b5bb2aace32adcae

packagecomposerlaraveltabler

This package is auto-updated.

Last update: 2024-08-30 01:57:15 UTC

README

Laravel 5.5、5.6 和 5.7 包，用于集成 Tabler 模板，且此包与 Laravel Mix 兼容。目前此包只能在全新安装时轻松集成。

[新] 对于使用 Bootstrap 4 的 Tabler，请使用此包，点击此处

安装

composer require guszandy/laravel-tabler

如果您正在使用 Laravel 5.5 或更高版本，则可跳过此步骤，否则请在 config/app.php 的 providers 部分添加此行：

'providers' => [
  ...
  GusZandy\Tabler\Providers\AppServiceProvider::class,
  ...
]

然后运行：

php artisan make:tabler

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

php artisan serve

太棒了！您现在正在运行一个使用 Tabler 的 Laravel 网站。

配置和视图定制

配置

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

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

视图

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

php artisan vendor:publish --provider="GusZandy\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

运行 Laravel Mix 命令

npm run development

或使用 production 选项最小化输出

npm run production

然后仔细查看这些文件：

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

尽情实验！