Laravel-admin的Pjax问题

3 篇文章 0 订阅

Laravel-admin的Pjax问题

来龙去脉

做个CMS系统,找了个轮子Laravel-admin
GitHub地址:z-song/laravel-admin

发现并处理问题

这个轮子做CMS可以说是相当之快了,一行代码生成可排序,可以生成二维码,可编辑表格,自定义显示内容等等,想要了解更多的话请移步 >> Laravel-admin 官方文档
当我把整个项目做完以后交给测试时,测试反馈了一波BUG,其中就有通过/admin/auth/menu 生成菜单的时候左侧菜单栏不会实时更新,必须要手动刷新页面才可以,这一点在看文档的时候就已经了解过了,Laravel-admin 使用了pjax,如下图
在这里插入图片描述

在这里插入图片描述

后面查阅了一下文档,既然测试都提出BUG,那么干脆禁用掉pjax好了,反正现在网速都快,全站刷新也无所谓的吧,然后我就直接在 app/Admin/bootstrap.php 添加Admin::disablePjax(),好了,那么现在我修改任何地方都会全部刷新,于是乎~~,BUG开始出现了,首先是发现在表单回调的时候

 protected function form()
 {
	 ...
      $form->saving(function ($form) {
           return redirect('/admin/users');
      });
      ...
 }

不会进行跳转,然后更让我误解的是,应用了一个数据表单的内容,进行提交的时候会直接请求__直接就报
Method Not Allowed的异常,但是我明明是按照正常的方式使用POST来进行请求的呀,

在这里插入图片描述

没办法,进入这个方法进行查看,具体在vendor/encore/laravel-admin/src/Admin.phproutes方法中,
__handle_form方法实际上是请求的
vendor/encore/laravel-admin/src/Controllers/HandleController.phphandleForm方法,这个方法简单看一下

public function handleForm(Request $request)
{
	  // 验证逻辑
      $form = $this->resolveForm($request);

	  // 表单验证
      if ($errors = $form->validate($request)) {
          return back()->withInput()->withErrors($errors);
      }
	  // form->sanitize() 是去掉了_token和_form_参数,然后调用handle方法,这个handle方法就是我们要书写的逻辑	
      return $form->sanitize()->handle($request);
  }

上面$form->sanitize()->handle($request) 看到了吗,这个 handle方法就是我们要编写的方法,就是下面这里

/**
     * Handle the form request.
     *
     * @param Request $request
     *
     * @return \Illuminate\Http\RedirectResponse
     */
    public function handle($request)
    {
		 // TODO
	  	admin_success('操作成功');

        return back();
    }

看似并没有问题啊,我直接请求完成以后没有错误的话执行后退,怎么就能报不支持的POST方法呢,看来还不是问题根源,那我只能关注提交按钮点击之后系统做了什么事情了,我直接用PHPStorm在Laravel-admin中进行全局搜索提交两次,最终找到文件是vendor/encore/laravel-admin/resources/views/widgets/form.blade.php
里面代码如下

<form {!! $attributes !!}>
    <div class="box-body fields-group">

        @foreach($fields as $field)
            {!! $field->render() !!}
        @endforeach

    </div>

    @if ($method != 'GET')
        <input type="hidden" name="_token" value="{{ csrf_token() }}">
    @endif
    
    <!-- /.box-body -->
    @if(count($buttons) > 0)
    <div class="box-footer">
        <div class="col-md-{{$width['label']}}"></div>

        <div class="col-md-{{$width['field']}}">
            @if(in_array('reset', $buttons))
            <div class="btn-group pull-left">
                <button type="reset" class="btn btn-warning pull-right">{{ trans('admin.reset') }}</button>
            </div>
            @endif

            @if(in_array('submit', $buttons))
            <div class="btn-group pull-right">
                <button type="submit" class="btn btn-info pull-right">{{ trans('admin.submit') }}</button>
            </div>
            @endif
        </div>
    </div>
    @endif
</form>

其他的好像没啥问题,但是第一行<form {!! $attributes !!}>$attributes是什么东西呢,打印出来看看

在这里插入图片描述

!!!pjax-container = 1这个属性,我就觉得问题是不是处在我禁用了pJax上,然后他依然作为Pjax容器进行请求的呢,想到这里,我回头注释掉app/Admin/bootstrap.phpAdmin::disablePjax(); 重新提交表单,OK我发现问题已经解决了, 表单成功的进行了提交,并且正确的返回了上一页

总结

`Pjax`这个东西在目前`Laravel-admin`中还是开着吧,或者自己fork项目提交`fix` ,因为这个轮子我没有太大兴趣,目前就打开pjax先用着吧,因为目前影响不大,除了菜单不会实时更新一外,但是菜单这个地方开发完成以后是不会暴露给用户的呀,
  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值