前端组件

Box组件

Encore\Admin\Widgets\Box用来生成box组件:

  1. use Encore\Admin\Widgets\Box;
  2. $box = new Box('Box标题', 'Box内容');
  3. $box->removable();
  4. $box->collapsable();
  5. $box->style('info');
  6. $box->solid();
  7. $box->scrollable();
  8. echo $box;

Box::__construct($title, $content),$title参数为Box组件的标题,$content参数为Box的内容元素,可以是实现了Illuminate\Contracts\Support\Renderable接口的对象或者其他可打印变量。

Box::title($title)方法用来设置Box组件标题。

Box::content($content)方法用来设置Box组件的内容元素。

Box::removable()方法将Box组件设置为可关闭。

Box::collapsable()方法将Box组件设置为可展开和收起。

Box::style($style)方法设置Box组件的样式,可填值为primary,info,danger,warning,success,default

Box::solid()方法为Box组件添加边框。

Collapse组件

Encore\Admin\Widgets\Collapse类用来生成折叠插件:

  1. use Encore\Admin\Widgets\Collapse;
  2. $collapse = new Collapse();
  3. $collapse->add('Bar', 'xxxxx');
  4. $collapse->add('Orders', new Table());
  5. echo $collapse->render();

Collapse::add($title, $content)方法用来给折叠组件添加一个折叠项,$title参数设置该折叠项的标题,$content参数用来舍子折叠区的内用。

表单

Encore\Admin\Widgets\Form类用来快速构建表单:

  1. $form = new Form();
  2. $form->action('example');
  3. $form->email('email')->default('qwe@aweq.com');
  4. $form->password('password');
  5. $form->text('name', '输入框');
  6. $form->url('url');
  7. $form->color('color');
  8. $form->map('lat', 'lng');
  9. $form->date('date');
  10. $form->json('val');
  11. $form->dateRange('created_at', 'updated_at');
  12. echo $form->render();

Form::__construct($data = [])生成一个form对象,如果传入了$data参数,$data数组中的元素将会按照key对应填入form对应name的表单中。

Form::action($uri)方法用来设置表单提交地址。

Form::method($method)方法用来设置form表单的提交方法,默认为POST方法。

Form::disablePjax() 不使用pjax方式提交表单。

Infobox组件

Encore\Admin\Widgets\InfoBox类用来生成信息展示块:

  1. use Encore\Admin\Widgets\InfoBox;
  2. $infoBox = new InfoBox('New Users', 'users', 'aqua', '/admin/users', '1024');
  3. echo $infoBox->render();

效果请参考后台首页的布局文件HomeController.phpindex()方法中,关于InfoBox的部分。

Tab组件

Encore\Admin\Widgets\Tab类用来生成选项卡组件:

  1. use Encore\Admin\Widgets\Tab;
  2. $tab = new Tab();
  3. $tab->add('Pie', $pie);
  4. $tab->add('Table', new Table());
  5. $tab->add('Text', 'blablablabla....');
  6. echo $tab->render();

Tab::add($title, $content)方法用来添加一个选项卡,$title为选项标题,$content选项卡内容。

Table

Encore\Admin\Widgets\Table类用来生成表格:

  1. use Encore\Admin\Widgets\Table;
  2. // table 1
  3. $headers = ['Id', 'Email', 'Name', 'Company'];
  4. $rows = [
  5. [1, 'labore21@yahoo.com', 'Ms. Clotilde Gibson', 'Goodwin-Watsica'],
  6. [2, 'omnis.in@hotmail.com', 'Allie Kuhic', 'Murphy, Koepp and Morar'],
  7. [3, 'quia65@hotmail.com', 'Prof. Drew Heller', 'Kihn LLC'],
  8. [4, 'xet@yahoo.com', 'William Koss', 'Becker-Raynor'],
  9. [5, 'ipsa.aut@gmail.com', 'Ms. Antonietta Kozey Jr.'],
  10. ];
  11. $table = new Table($headers, $rows);
  12. echo $table->render();
  13. // table 2
  14. $headers = ['Keys', 'Values'];
  15. $rows = [
  16. 'name' => 'Joe',
  17. 'age' => 25,
  18. 'gender' => 'Male',
  19. 'birth' => '1989-12-05',
  20. ];
  21. $table = new Table($headers, $rows);
  22. echo $table->render();