laravel admin demo,laravel中后台模板laravel-admin select框怎么用

科技资讯 投稿 23100 0 评论

laravel admin demo,laravel中后台模板laravel-admin select框怎么用

以下内容主要是针对遇上laravel中后台模板laravel-admin select框怎么用等问题,我们该怎么处理呢。下面这篇文章将为你提供一个解决思路,希望能帮你解决到相关问题。

使用Laravel-Admin给网站加入后台管理系统,在后台管理系统中使用select框是一个非常常见的需求。下面我将详细地介绍如何使用Laravel-Admin中的select框功能。 一、获取源代码 首先,我们需要获取Laravel-Admin的源代码。获取到源代码后,我们需要在config/admin.php文件中进行相应的配置。其中,需要将Laravel-Admin中的后台菜单和权限与我们自己的网站链接起来。在admin.php文件中可以使用类似这样的代码进行配置: ``` 'permission' => [ // Super administrators can do anything 'administrator', // The default user, all permissions are open by default 'default' => ['*'], // More roles, depending on your own needs 'editor', // ... ], 'menu' => [ [ 'title' => 'Dashboard', 'path' => 'dashboard', 'icon' => 'fa-bar-chart', ], [ 'title' => 'Admin', 'icon' => 'fa-tasks', 'roles' => ['administrator'], 'children' => [ [ 'title' => 'Users', 'path' => 'auth/users', 'roles' => ['administrator'], 'permission' => 'auth.manage_users', ], [ 'title' => 'Roles', 'path' => 'auth/roles', 'roles' => ['administrator'], 'permission' => 'auth.manage_roles', ], [ 'title' => 'Permission', 'path' => 'auth/permissions', 'roles' => ['administrator'], 'permission' => 'auth.manage_permissions', ], ], ], // ... ], ``` 二、使用Select2插件 接下来,我们需要在Laravel-Admin中使用Select2插件。Select2是一个强大的下拉框插件,可以让用户在下拉框中进行搜索和选择。使用Select2插件需要在页面中引入相应的CSS和JS文件。具体的引入方法如下: ``` ``` 在Laravel-Admin中使用Select2插件非常简单,只需要在form函数中添加对应的select框即可。具体的代码如下: ``` $form->select('category_id', 'Category')->options(Category::all()->pluck('name', 'id'))->select2(); ``` 其中,'category_id'代表select框的名称,'Category'代表该select框的标题,Category::all()->pluck('name', 'id')代表从数据库中获取到的分类信息,select2()代表使用Select2插件。 三、完整代码 最后,为了让大家更好地理解如何使用Laravel-Admin中的select框功能,我将给出一份完整的代码示例。以下代码中,我使用Laravel-Admin在后台管理系统中添加了一个订单表格,其中使用了Select2插件来实现订单分类的下拉框选择。 ``` use Encore\Admin\Form; use Encore\Admin\Grid; use Encore\Admin\Facades\Admin; use Encore\Admin\Layout\Content; class OrderController extends AdminController { public function index() { return Admin::content(function (Content $content) { $content->header('订单列表'); $content->description('订单列表'); $content->body($this->grid()); }); } public function grid() { return Admin::grid(Order::class, function (Grid $grid) { $grid->model()->orderBy('created_at', 'desc'); $grid->id('ID')->sortable(); $grid->customer()->name('用户名'); $grid->amount('金额'); $grid->status('状态')->display(function ($value) { switch ($value) { case 'paid': return "已支付"; break; case 'unpaid': return "未支付"; break; case 'closed': return "已关闭"; break; case 'refund': return "已退款"; break; } }); $grid->category()->name('分类'); $grid->created_at('创建时间'); $grid->disableCreateButton(); $grid->actions(function (Grid\Displayers\Actions $actions) { $actions->disableEdit(); $actions->disableDelete(); }); }); } public function form() { return Admin::form(Order::class, function (Form $form) { $form->display('id', 'ID'); $form->select('customer_id', '用户')->options(User::all()->pluck('name', 'id'))->select2(); $form->select('category_id', '分类')->options(Category::all()->pluck('name', 'id'))->select2(); $form->text('amount', '金额'); $form->text('title', '标题'); $form->text('description', '描述'); $form->select('status', '状态')->options([ 'paid' => '已支付', 'unpaid' => '未支付', 'closed' => '已关闭', 'refund' => '已退款', ])->default('unpaid'); $form->textarea('remark', '备注'); $form->display('created_at', '创建时间'); $form->display('updated_at', '更新时间'); }); } } ``` 以上就是Laravel-Admin中使用Select2插件来实现select框的功能的详细介绍,希望对大家有所帮助。

总结

以上就是为你整理的laravel中后台模板laravel-admin select框怎么用全部内容,希望文章能够帮你解决相关问题,更多请关注本站相关栏目的其它相关文章!

编程笔记 » laravel admin demo,laravel中后台模板laravel-admin select框怎么用

赞同 (109) or 分享 (0)
游客 发表我的评论   换个身份
取消评论

表情
(0)个小伙伴在吐槽