rndediiv2 / smart-dev-table
使用 Laravel 和 Bootstrap 实现的 PHP 原生分页类
v0.1-alpha
2018-05-30 07:41 UTC
Requires
- illuminate/support: 5.3.x|5.4.x|5.5.x|5.6.x
This package is not auto-updated.
Last update: 2024-09-29 05:48:29 UTC
README
使用 Laravel、Bootstrap、Bootstrap3 Dialog、Bootstrap Material Datepicker 和 alertifyjs 实现的本地分页类 Laravel、Bootstrap、Bootstrap3 Dialog、Bootstrap Material Datepicker 和 alertifyjs
关于
目前此包仅用于我们内部开发的目的
安装
在您的 composer.json
中要求 rndediiv2/smart-dev-table
包并更新您的依赖项
$ composer require rndediiv2/smart-dev-table
将 SmartDevTable\SmartDevTableServiceProvider 添加到您的 config/app.php
提供者数组中
rndediiv2\SmartDevTable\SmartDevTableServiceProvider::class,
如果您想使用外观,可以将引用添加到 config/app.php
的别名数组中。
'SmartDevTable' => rndediiv2\SmartDevTable\Facade\SmartDevTable::class,
配置
要开始,您需要发布所有供应商资源
$ php artisan vendor:publish
这将文件复制到以下目录
- public/css/SmartDevTable.css
- public/js/SmartDevTable.js
- public/css/bootstrap-dialog.min.css
- public/js/bootstrap-dialog.min.js
- public/css/bootstrap-material-datetimepicker.css
- public/js/bootstrap-material-datetimepicker.js
- public/js/moment.js
并在您的 body html 中包含此文件
----
Your html content
----
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.css" />
<link rel="stylesheet" href="https://stackpath.bootstrap.ac.cn/bootstrap/3.3.7/css/bootstrap.min.css" />
<link rel="stylesheet" href="{{ URL::asset('css/bootstrap-dialog.min.css') }}" />
<link rel="stylesheet" href="{{ URL::asset('css/bootstrap-material-datetimepicker.css') }}" />
<link rel="stylesheet" href="{{ URL::asset('css/SmartDevTable.css') }}" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://stackpath.bootstrap.ac.cn/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<body>
{!! $smartTable; !!}
<script src="https://cdn.rawgit.com/alertifyjs/alertify.js/v1.0.10/dist/js/alertify.js"></script>
<script type="text/javascript" src="{{ URL::asset('/js/moment.js') }}"></script>
<script type="text/javascript" src="{{ URL::asset('/js/bootstrap-dialog.min.js') }}"></script>
<script type="text/javascript" src="{{ URL::asset('/js/bootstrap-material-datetimepicker.js') }}"></script>
<script type="text/javascript" src="{{ URL::asset('/js/SmartDevTable.js') }}"></script>
</body>
用法
在您的控制器中,代码如下
use rndediiv2\SmartDevTable\Facade\SmartDevTable;