角色添加的表单验证

php artisan make:request RoleAddRequest

更改RoleAddRequest如下：

<?php

namespace App\Http\Requests;

use Illuminate\Foundation\Http\FormRequest;
use Illuminate\Contracts\Validation\Validator;
use Illuminate\Validation\ValidationException;
use Symfony\Component\HttpFoundation\Response;

class RoleAddRequest extends FormRequest
{
    /**
     * Determine if the user is authorized to make this request.
     *
     * @return bool
     */
    public function authorize()
    {
        return true;
    }

    /**
     * Get the validation rules that apply to the request.
     *
     * @return array
     */
    public function rules()
    {
        return [
            //
            'rolename'=>'bail|required|min:5|max:20',
            'content'=>'bail|required'
        ];
    }
    public function messages(){
        return [
            'rolename.required'=>':attribute 不能为空',
            'content.required'=>':attribute 不能为空',
            'rolename.min'=>':attribute 最小为5位长度',
            'rolename.max'=>':attribute 最大为20位长度'
        ];
    }
    public function attributes(){
        return [
            'rolename'=>'角色',
            'content'=>'权限'
        ];
    }
    protected function failedValidation(Validator $validator)
    {
        // 此处自定义表单验证错误信息
        $data = [
            'code' => 1000,
            'msg' => $validator->errors(),
        ];
        $respone = new Response(json_encode($data));
        throw (new ValidationException($validator, $respone))
            ->errorBag($this->errorBag)
            ->redirectTo($this->getRedirectUrl());
    }
}

更改RoleController如下：

<?php

namespace App\Http\Controllers\admin;

use App\Http\Controllers\Controller;
use Illuminate\Http\Request;
use App\Models\Role;
use App\Models\Right;
use App\Http\Requests\RoleAddRequest;
use Illuminate\Support\Facades\DB;
class RoleController extends Controller
{
    /**
     * Display a listing of the resource.
     *
     * @return \Illuminate\Http\Response
     */
    public function index()
    {
        //
        $roles = Role::paginate(2,['id','role_name']);
        return view('admin.role',['roles'=>$roles]);
    }

    /**
     * Show the form for creating a new resource.
     *
     * @return \Illuminate\Http\Response
     */
    public function create()
    {
        //
    }

    /**
     * Store a newly created resource in storage.
     *
     * @param  \Illuminate\Http\Request  $request
     * @return \Illuminate\Http\Response
     */
    public function store(RoleAddRequest $request)
    {
        // 开启事务
        DB::beginTransaction();
        try{
            $role = new Role();
            $right = new Right();
            $role->role_name = $request->input('rolename');
            $roleState = $role->save();
            $right->role_id = $role->id;
            $right->content = $request->input('content');
            $rightState = $right->save();
            if($roleState && $rightState)
            {
                DB::commit();
                return response()->json(['code'=>'200','msg'=>'添加成功']);
            }else{
                DB::rollback();
            }
            
        }catch(\Exception $e){
            DB::rollback();
        }
        return response()->json(['code'=>'1000','msg'=>'添加失败']);
    }

    /**
     * Display the specified resource.
     *
     * @param  int  $id
     * @return \Illuminate\Http\Response
     */
    public function show($id)
    {
        //
    }

    /**
     * Show the form for editing the specified resource.
     *
     * @param  int  $id
     * @return \Illuminate\Http\Response
     */
    public function edit($id)
    {
        //
    }

    /**
     * Update the specified resource in storage.
     *
     * @param  \Illuminate\Http\Request  $request
     * @param  int  $id
     * @return \Illuminate\Http\Response
     */
    public function update(Request $request, $id)
    {
        //
    }

    /**
     * Remove the specified resource from storage.
     *
     * @param  int  $id
     * @return \Illuminate\Http\Response
     */
    public function destroy($id)
    {
        //
    }
}

更改role.blade.php如下：

@extends('admin.common')
@section('content')
<button type="button" class="btn btn-primary" style="margin:10px auto;" onclick="onShowAdd()">添加</button>
      <table class="table table-hover table-bordered">
        <thead>
          <tr>
            <th scope="col">ID</th>
            <th scope="col">角色名称</th>
            <th scope="col">操作</th>
          </tr>
        </thead>
        <tbody>
          @foreach ($roles as $k=>$v)
          <tr>
            <th scope="row">{{$v['id']}}</th>
            <td>{{$v['role_name']}}</td>
            <td>
              <button type="button" class="btn btn-outline-primary" onclick='editAdmin("{{route("role.detail",array("id"=>$v["id"]))}}")'>编辑</button>
              <button type="button" class="btn btn-outline-danger" onclick="deleteAdmin({{$v['id']}})">删除</button>  
            </td>
          </tr>
          @endforeach
        </tbody>
      </table>
      <nav aria-label="Page navigation example">
        <ul class="pagination justify-content-center">
          @if($roles->currentPage()!=1)
          <li class="page-item"><a class="page-link" href="{{route('role.index').'?page=1'}}">首页</a></li>
          <li class="page-item"><a class="page-link" href="{{route('role.index').'?page='.($roles->currentPage()-1)}}">上一页</a></li>
          <li class="page-item"><a class="page-link" href="{{route('role.index').'?page='.($roles->currentPage()-1)}}"> {{$roles->currentPage()-1}}</a></li>
          @endif
          <li class="page-item">
            <a class="page-link" href="{{route('role.index').'?page='.($roles->currentPage())}}" style="background:black;color:white">
              {{$roles->currentPage()}}
            </a>
          </li>
          
          @if($roles->currentPage()!=$roles->lastPage())
          <li class="page-item"><a class="page-link" href="{{route('role.index').'?page='.($roles->currentPage()+1)}}">
            {{$roles->currentPage()+1}}</a>
          </li>
          <li class="page-item"><a class="page-link" href="{{route('role.index').'?page='.($roles->currentPage()+1)}}">下一页</a></li>
          <li class="page-item"><a class="page-link" href="{{route('role.index').'?page='.$roles->lastPage()}}">末页</a></li>
          @endif
        </ul>
      </nav>

      <!-- 添加弹框 -->
      <div class="modal fade" id="addModel" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
        <div class="modal-dialog modal-dialog-centered">
          <div class="modal-content">
            <div class="modal-header">
              <h5 class="modal-title" id="exampleModalLabel">添加角色</h5>
              <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                <span aria-hidden="true">×</span>
              </button>
            </div>
            <div class="modal-body">
              <div class="form-group">
                <label for="rolename_id">角色名称</label>
                <input type="rolename" class="form-control" id="rolename_id">
                <small id='rolename_err_id'></small>
              </div>
              <div class="form-group">
                <label for="passwd_id">权限设置</label>
                <div class='check-container-cla'>
                  @foreach ($menus as $k=>$v)
                    <div class='check-mod'>{{$v['menuName']}}</div>
                    @if($v['sub'])
                      @foreach ($v['sub'] as $subk=>$subv)
                        <div class='check-menu'>{{$subv['menuName']}}</div>
                        @php
                          $subs = explode(",",$subv['act'])
                        @endphp
                        <div class='act-container'>
                        @foreach ($subs as $sk=>$sv)
                          @php
                            $acts = explode('_',$sv);
                          @endphp
                          <div class="form-check form-check-inline">
                            <input class="form-check-input" type="checkbox" value="{{$v['menuId'].'_'.$subv['menuId'].'_'.$acts[0]}}" id="check_{{$acts[0]}}">
                            <label class="form-check-label" for="check7_{{$acts[0]}}">
                              {{$acts[1]}}
                            </label>
                          </div>
                        @endforeach
                        </div>
                      @endforeach
                    @endif
                  @endforeach
                </div>
                <small id='content_err_id'></small>
              </div>
            </div>
            <input type="hidden" id="admin_id">
            <div class="modal-footer">
              <button type="button" class="btn btn-secondary" data-dismiss="modal">关闭</button>
              <button id="submit_id" type="button" class="btn btn-primary">确定</button>
            </div>
          </div>
        </div>
      </div>
      <style>
        #content_err_id,#rolename_err_id{
          color:red;
        }
      </style>
@endsection

@section('javascript')
    <script type="text/javascript">
      var menus = {!! json_encode($menus,true) !!};
      console.log(menus);
      function onShowAdd(){
        $('#addModel').modal('show');
        $('#rolename_id').val();
        $('#admin_id').val();
      }
      $('#submit_id').click(function(){
        var checkedItems = $('.form-check-input');
        var menuObj={};
        for(var i=0;i<checkedItems.length;i++)
        {
          var item = checkedItems[i];
          if(item.checked)
          {
            let valueArr = item.value.split('_');
            var rightStr = '';
            rightStr+=(valueArr.slice(0,valueArr.length-1)).join('_');
            var value = valueArr[valueArr.length-1];
            if(!menuObj[rightStr])
            {
              menuObj[rightStr] = parseInt(value);
            }else{
              menuObj[rightStr] += parseInt(value);
            }
          }
        }
        let content = '';
        Object.keys(menuObj).forEach(item=>{
          content+=item+'|'+menuObj[item]+','
        })
        var rolename = $('#rolename_id').val();
        var adminId = $('#admin_id').val();
        var reqUrl = '';
        var datas = {rolename,content,_token:"{{csrf_token()}}"};
        if(!adminId)
        {
          // 是添加
          reqUrl = "{{route('role.store')}}";
        }else{
          // 是更改
          reqUrl = "{{route('role.update',['role'=>'my_id'])}}";
          reqUrl = reqUrl.replace(/my_id/,adminId);
          datas._method ='put';
        }
        
        datas = JSON.stringify(datas);
        $.ajax({
          type:"post",
          url:reqUrl,
          data:datas,
          dataType:"json",
          contentType:"application/json",
          success:function(data){
            $('#rolename_err_id').text('');
            if(data.code == 200)
            {
              window.location.reload();
            }else{
              if(data.code==1000)
              {
                data.msg.rolename && $('#rolename_err_id').text(data.msg.rolename[0]);
                data.msg.content && $('#content_err_id').text(data.msg.content[0]);
              }
            }
          },
          error:function(err){
          }
        });
      });
      function editAdmin(url)
      {
        $('#addModel').modal('show');
        $.ajax({
          type:"get",
          url:url,
          dataType:"json",
          contentType:"application/json",
          success:function(data){
            $('#rolename_err_id').text('');
            $('#content_err_id').text('');
            $('#admin_id').val();
            if(data.code == 200)
            {
              $('#username_id').val(data.info.username);
              $('#admin_id').val(data.info.id);
            }else{
            }
          },
          error:function(err){
          }
        });
      };
      function deleteAdmin(id)
      {
        var reqUrl = "{{route('admin.destroy',['admin'=>'my_id'])}}";
        reqUrl = reqUrl.replace(/my_id/,id);
        $.ajax({
          headers: { 'X-CSRF-TOKEN' : '{{ csrf_token() }}' },
          type:"delete",
          url:reqUrl,
          dataType:"json",
          contentType:"application/json",
          success:function(data){
            if(data.code == 200)
            {
              window.location.reload();
            }else{
              if(data.code==1000)
              {
              }
            }
          },
          error:function(err){
          }
        });

      }
    </script>
    @endsection
    

现在可以添加新的角色数据到数据库中