Laravel Vuejs 实战：开发知乎 （7）验证问题表单字段

上一节代码中已经实现 下面代码中的validate内部配置就是：

public function store(Request $request)
    {
        //
        $data = $request->validate([
            'title' => 'required|min:8',
            'content' => 'required|min:8',
        ]);

        $data['user_id'] = auth()->user()->id;

        $question = Question::create($data);

        return redirect()->route('questions.show', $question);
    }

注：validate方法详见：表单验证

且 create.blade.php中也已经使用

<p class="text text-danger"> @error('title') {{ $message }} @enderror </p>

 <p class="text text-danger"> @error('content') {{ $message }} @enderror </p>

实现错误提示。不过差一个错误后，留存用户上一次填写的内容，输出给用户用于再次修改，

然后代码如下：

@extends('layouts.app')
@section('content')
    @include('vendor.ueditor.assets')
    <div class="container">
        <div class="row">
            <div class="col-md-8 col-md-offset-2">
                <div class="card">
                    <div class="card-header">
                        发布问题
                    </div>
                    <div class="card-body">
                        <form action="{{ route('questions.store') }}" method="post">
                            {{--注意要有csrftoken--}}
                            @csrf
                            <div class="form-group">
                                <label for="title">标题</label>
                                <input type="text" name="title" class="form-control" placeholder="标题" id="title"
                                       value="{{ old('title') }}">
                                <p class="text text-danger"> @error('title') {{ $message }} @enderror </p>
                            </div>
                            <!-- 编辑器容器 -->
                            <script id="container" name="content" type="text/plain">{!! old('content') !!}</script>
                            <p class="text text-danger"> @error('content') {{ $message }} @enderror </p>
                            <!--发布按钮-->
                            <button type="submit" class="btn btn-primary mt-2 float-md-right">发布问题</button>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- 实例化编辑器 -->
    <script type="text/javascript">
        var ue = UE.getEditor('container');
        ue.ready(function () {
            ue.execCommand('serverparam', '_token', '{{ csrf_token() }}'); // 设置 CSRF token.
        });
    </script>

@endsection

当然如果验证要求比较多，可以执行：

php artisan make:request QuestionStoreRequest

然后将QuestionController.php文件中验证部分注释掉，我们将使用依赖注入QuestionStoreRequest实例的方式处理请求验证，

<?php

namespace App\Http\Controllers;

use App\Http\Requests\QuestionStoreRequest;
use App\Models\Question;
use App\User;
use Illuminate\Http\Request;

class QuestionController extends Controller
{
    public function __construct()
    {
        $this->middleware('auth', ['except' => ['index', 'show']]);//非注册用户只能查看不能编辑添加更改删除
    }

    /**
     * Display a listing of the resource.
     *
     * @return \Illuminate\Http\Response
     */
    public function index()
    {
        //

    }


    /**
     * @return \Illuminate\Contracts\View\Factory|\Illuminate\View\View
     */
    public function create()
    {
        //
        return view('questions.create');
    }


    /**
     * @param QuestionStoreRequest $request
     * @return \Illuminate\Http\RedirectResponse
     */
    public function store(QuestionStoreRequest $request)//依赖注入QuestionStoreRequest实例
    {
        //
//        $data = $request->validate([
//            'title' => 'required|min:8',
//            'content' => 'required|min:28',
//        ]);
        $data = $request->all();
        $data['user_id'] = auth()->user()->id;

        $question = Question::create($data);

        return redirect()->route('questions.show', $question);
    }


    /**
     * @param Question $question
     * @return \Illuminate\Contracts\View\Factory|\Illuminate\View\View
     */
    public function show(Question $question)
    {
        //
        return view('questions.show', compact('question'));
    }

    /**
     * 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)
    {
        //
    }
}

将表单的验证移动到生成的Requests/QuestionStoreRequest.php文件内，代码如下：

<?php

namespace App\Http\Requests;

use Illuminate\Foundation\Http\FormRequest;

class QuestionStoreRequest extends FormRequest
{
    /**
     * Determine if the user is authorized to make this request.
     *
     * @return bool
     */
    public function authorize()
    {
        //一般判断当前用户是否有权发送本实例的请求,先默认设置为true，不过可以先写一个判断当前用户是否是请求中的用户来判断返回值

        return true;
    }

    /**
     * Get the validation rules that apply to the request.
     * 验证规则
     * @return array
     */
    public function rules()
    {
        return [
            //
            'title' => 'required|min:8',
            'content' => 'required|min:28',
        ];
    }

    public function messages()
    {
//        return parent::messages(); // TODO: Change the autogenerated stub
        //错误提示
        return [
            'title.required' => '标题必须要输入的哦！',
            'title.min' => '标题长度要大于8个的哦！',
            'content.required' => '内容必须要输入的哦！',
            'content.min' => '内容长度必须要大于28个的哦！',
        ];
    }
}