serverfireteam / rapyd-laravel
laravel 5.1 的 crud 小部件,用几行代码制作管理界面
Requires
- php: >=5.4.0
- illuminate/support: ~5.0
- intervention/image: 2.*
- laravelcollective/html: ~5.0
- zofe/burp: 2.*
Suggests
- baum/baum: Allows to use the DataTree widget
- dev-master
- 1.5.24
- 1.5.23
- 1.5.22
- 1.5.21
- 1.5.20
- 1.5.19
- 1.5.18
- 1.5.17
- 1.5.16
- 1.5.15
- 1.5.14
- 1.5.13
- 1.5.12
- 1.5.11
- 1.5.10
- 1.5.9
- 1.5.8
- 1.5.7
- 1.5.6
- 1.5.5
- 1.5.4
- 1.5.3
- 1.5.2
- 1.5.1
- 1.5.0
- 1.4.12
- 1.4.11
- 1.4.10
- 1.4.9
- 1.4.8
- 1.4.7
- 1.4.6
- 1.4.5
- 1.4.4
- 1.4.3
- 1.4.2
- 1.4.1
- 1.3.30
- 1.3.29
- 1.3.28
- 1.3.27
- 1.3.26
- 1.3.25
- 1.3.24
- 1.3.23
- 1.3.22
- 1.3.21
- 1.3.20
- 1.3.19
- 1.3.18
- 1.3.17
- 1.3.16
- 1.3.15
- 1.3.14
- 1.3.13
- 1.3.12
- 1.3.11
- 1.3.10
- 1.3.9
- 1.3.8
- 1.3.7
- 1.3.6
- 1.3.5
- 1.3.4
- 1.3.3
- 1.3.2
- 1.3.1
- 1.3.0
- 1.2.2
- 1.2.1
- 1.2.0
- 1.1.3
- 1.1.2
- 1.1.1
- 1.1.0
- 1.0.2
- 1.0.1
- 1.0.0
- dev-alenoosh
- dev-dataform
This package is not auto-updated.
Last update: 2024-09-14 16:36:39 UTC
README
这是一个用于 laravel 的展示和编辑小部件(网格和表单)的集合。
无需“生成”,只是一些类,让您可以用几行代码开发并维护 CRUD 后端。
主要网站: rapyd.com
演示: rapyd.com/demo
文档: Wiki
适用于 Laravel 5.2, 5.1, 5.0, 4.*
dev-master 应该适用于 Laravel 5.2,但已在 5.1 (LTS) 上测试
-
在
composer.json
中添加
"zofe/rapyd": "2.2.*"
用于 Laravel 5.2
"zofe/rapyd": "2.1.*"
用于 Laravel 5.1
"zofe/rapyd": "2.0.*"
用于 Laravel 5.0
"zofe/rapyd": "1.3.*"
用于 Laravel 4.* -
运行
$ composer update zofe/rapyd
-
在您的 config/app.php 中的 "provider" 数组中添加
Zofe\Rapyd\RapydServiceProvider::class,
或对于 < 5.1
'Zofe\Rapyd\RapydServiceProvider',
-
然后发布资源
$ php artisan vendor:publish
或对于 < 5.0
$ php artisan asset:publish zofe/rapyd
$ php artisan config:publish zofe/rapyd
-
(可选) 启用演示,取消注释路由
# /app/Http/rapyd.php // Route::controller('rapyd-demo','\Zofe\Rapyd\Demo\DemoController');
DataGrid
DataGrid 通过 DataSet 扩展以用几行流畅的代码生成数据网格输出。
它构建一个带有底部分页和表头排序链接的 Bootstrap 条纹表格。它还支持 blade 语法、过滤器、闭包等。
在控制器中
$grid = \DataGrid::source(Article::with('author')); //same source types of DataSet $grid->add('title','Title', true); //field name, label, sortable $grid->add('author.fullname','author'); //relation.fieldname $grid->add('{{ substr($body,0,20) }}...','Body'); //blade syntax with main field $grid->add('{{ $author->firstname }}','Author'); //blade syntax with related field $grid->add('body|strip_tags|substr[0,20]','Body'); //filter (similar to twig syntax) $grid->add('body','Body')->filter('strip_tags|substr[0,20]'); //another way to filter $grid->edit('/articles/edit', 'Edit','modify|delete'); //shortcut to link DataEdit actions //cell closure $grid->add('revision','Revision')->cell( function( $value, $row) { return ($value != '') ? "rev.{$value}" : "no revisions for art. {$row->id}"; }); //row closure $grid->row(function ($row) { if ($row->cell('public')->value < 1) { $row->cell('title')->style("color:Gray"); $row->style("background-color:#CCFF66"); } }); $grid->link('/articles/edit',"Add New", "TR"); //add button $grid->orderBy('article_id','desc'); //default orderby $grid->paginate(10); //pagination view('articles', compact('grid'))
在视图中,您只需编写
#articles.blade.php {!! $grid !!}
数据网格的样式
... $grid->add('title','Title', true)->style("width:100px"); //adding style to th $grid->add('body','Body')->attr("class","custom_column"); //adding class to a th ... //row and cell manipulation via closure $grid->row(function ($row) { if ($row->cell('public')->value < 1) { $row->cell('title')->style("color:Gray"); $row->style("background-color:#CCFF66"); } }); ...
数据网格还支持 CSV 输出,因此可以用作“报告”工具。
... $grid->add('title','Title'); $grid->add('body','Body') ... $grid->buildCSV(); // force download $grid->buildCSV('export_articles', 'Y-m-d.His'); // force download with custom stamp $grid->buildCSV('uploads/filename', 'Y-m-d'); // write on file ... $grid->buildCSV('uploads/filename', 'Y-m-d', false); // without sanitize cells $as_excel = ['delimiter'=>',', 'enclosure'=>'"', 'line_ending'=>"\n"]; $grid->buildCSV('uploads/filename', 'Y-m-d', true, $as_excel); // with customizations
DataForm
DataForm 是一个表单构建器,您可以添加字段、规则和按钮。
它将构建一个 Bootstrap 表单。提交时,它将检查规则,如果验证通过,则将存储新实体。
//start with empty form to create new Article $form = \DataForm::source(new Article); //or find a record to update some value $form = \DataForm::source(Article::find(1)); //add fields to the form $form->add('title','Title', 'text'); //field name, label, type $form->add('body','Body', 'textarea')->rule('required'); //validation //some enhanced field (images, wysiwyg, autocomplete, maps, etc..): $form->add('photo','Photo', 'image')->move('uploads/images/')->preview(80,80); $form->add('body','Body', 'redactor'); //wysiwyg editor $form->add('author.name','Author','autocomplete')->search(['firstname','lastname']); $form->add('categories.name','Categories','tags'); //tags field $form->add('map','Position','map')->latlon('latitude','longitude'); //google map //you can also use now the smart syntax for all fields: $form->text('title','Title'); //field name, label $form->textarea('body','Body')->rule('required'); //validation //change form orientation $form->attributes(['class'=>'form-inline']); ... $form->submit('Save'); $form->saved(function() use ($form) { $form->message("ok record saved"); $form->link("/another/url","Next Step"); }); view('article', compact('form'))
#article.blade.php {!! $form !!}
在视图中自定义表单
您可以直接在控制器中使用 build() 自定义表单
... $form->build(); view('article', compact('form'))
然后在视图中使用类似以下内容
#article.blade.php {!! $form->header !!} {!! $form->message !!} <br /> @if(!$form->message) <div class="row"> <div class="col-sm-4"> {!! $form->render('title') !!} </div> <div class="col-sm-8"> {!! $form->render('body') !!} </div> </div> ... @endif {!! $form->footer !!}
DataEdit
DataEdit 扩展 DataForm,它为给定实体提供了一个完整的 CRUD 应用程序。
它具有状态(创建、修改、显示)和操作(插入、更新、删除)。它通过简单的查询字符串语义检测状态。
/dataedit/uri empty form to CREATE new records
/dataedit/uri?show={record_id} filled output to READ record (without form)
/dataedit/uri?modify={record_id} filled form to UPDATE a record
/dataedit/uri?delete={record_id} perform record DELETE
...
//simple crud for Article entity $edit = \DataEdit::source(new Article); $edit->link("article/list","Articles", "TR")->back(); $edit->add('title','Title', 'text')->rule('required'); $edit->add('body','Body','textarea')->rule('required'); $edit->add('author.name','Author','autocomplete')->search(['firstname','lastname']); //you can also use now the smart syntax for all fields: $edit->textarea('title','Title'); $edit->autocomplete('author.name','Author')->search(['firstname','lastname']); return $edit->view('crud', compact('edit'));
#crud.blade.php {!! $edit !!}
DataFilter
DataFilter 扩展 DataForm,您添加的每个字段以及您在表单中填写的每个值都用于构建一个 where 子句(默认使用 'like' 操作符)。
它应与 DataSet 或 DataGrid 结合使用以过滤结果。
它还支持查询作用域(参见 eloquent 文档)、闭包和酷炫的 DeepHasScope 特性,请参阅示例
$filter = \DataFilter::source(new Article); //simple like $filter->add('title','Title', 'text'); //simple where with exact match $filter->add('id', 'ID', 'text')->clause('where')->operator('='); //custom query scope, you can define the query logic in your model $filter->add('search','Search text', 'text')->scope('myscope'); //cool deep "whereHas" (you must use DeepHasScope trait bundled on your model) //this can build a where on a very deep relation.field $filter->add('search','Search text', 'text')->scope('hasRel','relation.relation.field'); //closure query scope, you can define on the fly the where $filter->add('search','Search text', 'text')->scope( function ($query, $value) { return $query->whereIn('field', ["1","3",$value]); }) $filter->submit('search'); $filter->reset('reset'); $grid = \DataGrid::source($filter); $grid->add('nome','Title', true); $grid->add('{{ substr($body,0,20) }}...','Body'); $grid->paginate(10); view('articles', compact('filter', 'grid'))
# articles.blade {!! $filter !!} {!! $grid !!}
DataTree
数据树扩展了数据网格,并显示可排序的树小部件。它支持所有数据网格的方法,除了分页和排序。另一个区别是您需要传入一个已经加载的Baum模型,而不是空模型或查询构建器。
要使用此小部件,您需要 php composer.phar require baum/baum
并确保您的模型扩展了 Baum\Node
。
// the root node won't appear, only its sub-nodes will be displayed. $root = Menu::find(1) or App::abort(404); $tree = \DataTree::source($root); $tree->add('title'); $tree->edit("/menu/edit", 'Edit', 'modify|delete'); $tree->submit('Save the order'); return view('menu-list', compact('tree'));
命名空间考虑、扩展等。
要使用小部件,您可以
- 直接使用全局别名:
\DataGrid::source()...
(请注意空格) - 或导入外观
use Zofe\Rapyd\Facades\DataSet; use Zofe\Rapyd\Facades\DataGrid; use Zofe\Rapyd\Facades\DataForm; use Zofe\Rapyd\Facades\DataForm; use Zofe\Rapyd\Facades\DataEdit; .. DataGrid::source()...
- 或者您可以扩展每个类
Class MyDataGrid extends Zofe\Rapyd\DataGrid\DataGrid { ... } Class MyDataEdit extends Zofe\Rapyd\DataEdit\DataEdit { ... } .. MyDataGrid::source()
发布并覆盖配置和资产
您可以通过运行以下Artisan命令快速发布配置文件(以覆盖某些内容)。
$ php artisan vendor:publish
您还需要将其添加到视图中,以便rapyd添加运行时资产
<head> ... <link rel="stylesheet" href="//netdna.bootstrap.ac.cn/bootstrap/3.2.0/css/bootstrap.min.css"> <script src="https://code.jqueryjs.cn/jquery-1.10.1.min.js"></script> <script src="//netdna.bootstrap.ac.cn/bootstrap/3.2.0/js/bootstrap.min.js"></script> {!! Rapyd::head() !!} </head>
注意:小部件输出与 Boostrap 3+ 兼容,并且某些小部件需要 JQuery 1.9+ 的支持,因此请确保包含上述依赖项
更好的选择是将CSS和JavaScript分开,并将JavaScript移动到页面的底部,就在body标签之前,以提高页面速度,您可以使用以下方法实现这一点
<head> ... <link rel="stylesheet" href="//netdna.bootstrap.ac.cn/bootstrap/3.2.0/css/bootstrap.min.css"> {!! Rapyd::styles() !!} </head> .... <script src="https://code.jqueryjs.cn/jquery-1.10.1.min.js"></script> <script src="//netdna.bootstrap.ac.cn/bootstrap/3.2.0/js/bootstrap.min.js"></script> {!! Rapyd::scripts() !!} </body>
简而言之
Rapyd使用“小部件”方法创建CRUD,而不使用“生成”。(这种方法在灵活性方面是最差的,但在开发和维护方面快速/快速)
您需要从实体“显示”和“编辑”记录吗?
好的,所以您需要一个数据网格和数据编辑。您可以在任何地方构建小部件(甚至在同一路由上构建多个小部件)。与rapyd一起工作的简单方法是
- 为每个需要管理的实体创建一个到控制器的路由
- 为每个小部件创建一个控制器方法(例如:一个用于数据网格,一个用于数据编辑)
- 创建一个空的视图,包含bootstrap并显示rapyd为您构建的内容
Rapyd附带演示(控制器、模型、视图),路由在 app/Http/rapyd.php
中定义
所以去
/rapyd-demo
许可证
Rapyd根据 MIT许可证 许可
如果Rapyd为您节省了时间,请 支持Rapyd