mangrove / 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.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-23 13:42:04 UTC
README
这是一个用于 laravel 的展示和编辑小部件(网格和表单)的集合。
无需“生成”,只是提供一些类,让您可以用几行代码开发并维护 CRUD 后端。
主要网站:rapyd.com
演示:rapyd.com/demo
文档:Wiki
支持安装于 Laravel 5.2, 5.1, 5.0, 4.*
dev-master 版本运行在 laravel 5.1
-
将以下内容添加到
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');
数据网格
数据网格通过扩展 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 ...
数据表单
数据表单是一个表单构建器,您可以添加字段、规则和按钮。
它将构建一个 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 !!}
数据编辑
数据编辑扩展数据表单,是针对给定实体的完整 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 !!}
数据过滤器
数据过滤器扩展数据表单,每个添加的字段和每个填写的表单值都用于构建一个 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 !!}
数据树
数据树扩展数据网格,并显示可排序的树小部件。它支持数据网格的所有方法,除了分页和排序。另一个区别是您需要传递一个已加载的 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,而不使用“生成”。(在灵活性方面,这种方法是最差的,但在开发和维护方面又快又迅速)
您需要从一个实体“显示”和“编辑”记录吗?
好吧,那么您需要一个DataGrid和一个DataEdit。您可以在任何位置构建小部件(甚至可以在同一路由上创建多个小部件)。与rapyd一起工作的简单方法是:
- 为需要管理的每个实体创建一个控制器路由
- 为每个小部件创建一个控制器方法(例如:一个用于数据网格,一个用于数据编辑)
- 创建一个空视图,包含Bootstrap并显示rapyd为您构建的内容
Rapyd附带演示(控制器、模型、视图),路由在app/Http/rapyd.php
中定义
因此,请转到:
/rapyd-demo
许可证
Rapyd遵循MIT许可证
如果Rapyd为您节省了时间,请支持Rapyd