编程学习网 > PHP技术 > laravel > laravel-admin后台框架之laravel-admin 模态框基本使用
2021
06-04

laravel-admin后台框架之laravel-admin 模态框基本使用

本文将给大家分享一下laravel-admin后台框架基本使用


一、安装与配置

按照官方文档或者github的步骤安装和配置即可。

二、建立控制器

在app/Admin/Controllers新建对应的控制器来管理某个数据表。
控制器例子:


 1 <?php  2  3 namespace App\Admin\Controllers;  4  5 use Encore\Admin\Form;  6 use Encore\Admin\Grid;  7 use Encore\Admin\Facades\Admin;  8 use Encore\Admin\Layout\Content;  9 use App\Http\Controllers\Controller; 10 use Encore\Admin\Controllers\ModelForm; 11 12 class ExampleController extends Controller 13 { 14 use ModelForm; 15 16 /** 17  * Index interface. 18  * 19  * @return Content 20 */ 21 public function index() 22  { 23 return Admin::content(function (Content $content) { 24 25 $content->header('header'); 26 $content->description('description'); 27 28 $content->body($this->grid()); 29  }); 30  } 31 32 /** 33  * Edit interface. 34  * 35  * @param $id 36  * @return Content 37 */ 38 public function edit($id) 39  { 40 return Admin::content(function (Content $content) use ($id) { 41 42 $content->header('header'); 43 $content->description('description'); 44 45 $content->body($this->form()->edit($id)); 46  }); 47  } 48 49 /** 50  * Create interface. 51  * 52  * @return Content 53 */ 54 public function create() 55  { 56 return Admin::content(function (Content $content) { 57 58 $content->header('header'); 59 $content->description('description'); 60 61 $content->body($this->form()); 62  }); 63  } 64 65 /** 66  * Make a grid builder. 67  * 68  * @return Grid 69 */ 70 protected function grid() 71  { 72 return Admin::grid(YourModel::class, function (Grid $grid) { 73 74 $grid->id('ID')->sortable(); 75 76 $grid->created_at(); 77 $grid->updated_at(); 78  }); 79  } 80 81 /** 82  * Make a form builder. 83  * 84  * @return Form 85 */ 86 protected function form() 87  { 88 return Admin::form(YourModel::class, function (Form $form) { 89 90 $form->display('id', 'ID'); 91 92 $form->display('created_at', 'Created At'); 93 $form->display('updated_at', 'Updated At'); 94  }); 95  } 96 }

 

其中最重要的方法是 grid() 和 form() ,分别对应数据列表(表格)和数据表单的内容。

建立控制器后,在 app\Admin\routes.php 加上相应的资源路由:

1 $router->resource('example', ExampleController::class);

 

至此即可使用 /admin/example 访问这个管理的数据列表。

三、生成模型表格

1、由于laravel-admin模型表格基于laravel的数据模型,所以首先需要建立数据表的对应数据模型。如:

/*加上 -m 可以同时生成迁移文件(按需)*/ php artisan make:model Models\Investor -m 

2、在控制器中 index() 是模型表格页面的入口,Admin::content 则可以在方法内设置本页面的内容。header 和 description 是页面的主、副标题,可按需设置。另外可看到本页面body的内容由 $this->grid() 提供。


 1 public function index()  2  {  3 return Admin::content(function (Content $content) {  4  5 $content->header('页面主标题');  6 $content->description('页面副标题');  7  8 $content->body($this->grid());  9  }); 10 }

 

3、grid() 方法用于构建基于数据模型的数据表格。首先要将 YourModel 改为真实的数据模型,然后就可以使用 $grid 构建表单。

每个$grid代表一列数据,指向的是数据表字段名,括号内的是本列的标题名称。若括号内不填标题名称,则自动使用数据表字段名的字符串代替。


 1 protected function grid()  2  {  3 return Admin::grid(YourModel::class, function (Grid $grid) {  4  5 // 直接通过字段名`username`添加列  6 $grid->username('用户名');  7 // 效果和上面一样  8 $grid->column('username', '用户名');  9 //若需要经过复杂逻辑,可使用display方法修改输出 10 $grid->gender('性别')->display(function($data){ 11 $result = ''; 12 $result = YourModel::$genderGroup[$data]; 13 return $result; 14  }); 15 $grid->mobile_phone('手机'); 16 $grid->address('通讯地址'); 17  }); 18 }

 

4、数据表格最后一列默认是操作列,包含编辑按钮与删除按钮。如果需要自定义操作列,则可以把默认的操作列禁用,再进行自定义。

1 $grid->disableActions();

 

四、生成模型表单

控制器内的 created() 和 edit() 分别对应着模型表单的新增与编辑操作。并且新增、编辑表单共用控制器内的 form() 进行表单构建。

修改form()来构建表单内容:
$form指向的是表单控件类型(text是文本域,radio是单选框等),方法内第一个参数是数据表字段名,第二个参数是字段显示名称。



 1 protected function form()  2  {  3 return Admin::form(Investor::class, function (Form $form) {  4 //display仅作显示对应内容  5 $form->display('id', 'ID');  6 //文本域  7 $form->text('name','姓名');  8 //单选框,options方法是单选框内容,格式为key=>value的数组形式。  9 $form->radio('gender','性别')->options(Investor::$genderGroup); 10 //...... 11  }); 12 }
以上就是此次分享laravel-admin的详细内容,想要获取更多资讯或教程,欢迎关注编程学习网,带你走进编程的世界


扫码二维码 获取免费视频学习资料

Python编程学习

查 看2022高级编程视频教程免费获取