第7節 Laravel-通過表單實現修改

7.1 給HTML新增連結
7.2 建立修改的表單頁面
7.3 使用模型實現修改操作

7.1 給HTML新增連結

在 \resources\views\student\index.blade.php 中給修改新增 href 屬性。

<a href="{{ url('student/update') }}">修改</a>

新增頁面和修改其實很像，我們可以複製 resources\views\student\create.blade.php，並命名為 resources\views\student\update.blade.php

將“新增學生”修改為“修改學生”。

7.2 建立修改的表單頁面

建立控制器的update方法。

/**
 * 用於修改學生資訊
 *
 * @param
 * @return    bool
 * @author    webjust [604854119@qq.com]
 */
public function update()
{
    return view('student/update');
}

新增加了一條路由：

Route::get('/', ['uses' => '[email protected]']);

// 新增表單路由
Route::any('student/create', ['uses' => '
 
[email protected]']);
Route::any('student/update', ['uses' => '[email protected]']);

此時，重新整理首頁，點選修改，應該可以開啟修改的表單頁面了吧！

但是，我們要修改，首先需要傳遞一個被修改的使用者的 主鍵id 作為引數吧！

定義一個但引數的路由

Route::any('student/update/{id}', ['uses' => '[email protected]']);

此時，我們在修改url()方法，傳遞第2個引數，使用陣列的方式，傳遞id的值：

<a href
 
="{{ url('student/update', ['id' => $student->id]) }}">修改</a>

在控制器中的update()修改方法中，要接收 id 值；提交時要獲取表單的資料吧！所以加入Request依賴元件把！

這個元件很機制的就可以獲取傳遞過來的id值。

如下：

public function update(Request $request, $id)
{
    $student = Student::find($id);
    var_dump($student);

    return view('student/update');
}

我們使用傳遞過來的id主鍵，作為引數，使用模型的 find($id) 方法，即可查詢資料表中對應的那條資料了！現在我們使用 var_dump 列印，檢視結果！

修改學生的資訊，把查詢出來的資料 $student_info，傳遞給檢視。

public function update(Request $request, $id)
{
    $student_info = Student::find($id);

    return view('student/update', ['student_info' => $student_info]);
}

此時，我們繼續做一些操作，把資料填充到檢視中。

<form class="form-horizontal" method="post" action="">
    {{ csrf_field() }}
    <div class="form-group">
        <label for="name" class="col-sm-2 control-label">姓名</label>

        <div class="col-sm-5">
            <input type="text" value="{{ old('Student')['name'] ? old('Student')['name'] : $student_info->name }}" name="Student[name]" class="form-control" id="name" placeholder="請輸入學生姓名">
        </div>
        <div class="col-sm-5">
            <p class="form-control-static text-danger">{{ $errors->first('Student.name') }}</p>
        </div>
    </div>
    <div class="form-group">
        <label for="age" class="col-sm-2 control-label">年齡</label>

        <div class="col-sm-5">
            <input type="text" value="{{ old('Student')['age'] ? old('Student')['age'] : $student_info->age }}" name="Student[age]" class="form-control" id="age" placeholder="請輸入學生年齡">
        </div>
        <div class="col-sm-5">
            <p class="form-control-static text-danger">{{ $errors->first('Student.age') }}</p>
        </div>
    </div>
    <div class="form-group">
        <label class="col-sm-2 control-label">性別</label>
        <div class="col-sm-5">
            @foreach($student->sex() as $ind => $sex)
            <label class="radio-inline">
                <input type="radio"
                name="Student[sex]" {{ ((isset(old('Student')['sex']) && old('Student')['sex'] == $ind) || $student_info->sex == $ind) ? 'checked' : '' }}
                value="{{ $ind }}"> {{ $sex }}
            </label>
            @endforeach
        </div>
        <div class="col-sm-5">
            <p class="form-control-static text-danger">{{ $errors->first('Student.sex') }}</p>
        </div>
    </div>
    <div class="form-group">
        <div class="col-sm-offset-2 col-sm-10">
            <button type="submit" class="btn btn-primary">提交</button>
        </div>
    </div>
</form>

我們採用的是POST提交，提交到當前頁 update() 方法中，所以action的值留空。

7.3 使用模型實現修改操作

update() 的方法，和增加的方法差不多，所以可以使用增加的驗證方式。

public function update(Request $request, $id)
{
    $student_info = Student::find($id);

    // 修改操作
    if($request->isMethod('POST'))
    {
        // 校驗
        $this->validate($request, [
            'Student.name' => 'required|min:2|max:20',
            'Student.age' => 'required|integer',
            'Student.sex' => 'required|integer',
        ],[
            'required' => ':attribute 為必填項',
            'min' => ':attribute 長度不能小於2個字元',
            'max' => ':attribute 長度不能大於20個字元',
            'integer' => ':attribute 必須為數字',
        ],[
            'Student.name' => '使用者名稱',
            'Student.age' => '年齡',
            'Student.sex' => '性別',
        ]);

        $data = $request->input('Student');

        $student_info->name = $data['name'];
        $student_info->age = $data['age'];
        $student_info->sex = $data['sex'];
        $student_info->updated_time = time();

        // 模型的修改方法
        $ret = $student_info->save();
        if($ret)
        {
            return redirect('/')->with('success', '修改成功！')->withInput();
        } else{
            return redirect('student/create')->with('error', '修改失敗！')->withInput();
        }
    }

    return view('student/update', ['student_info' => $student_info]);
}

到此，我們的修改功能已經成功了。

如圖，左邊的hover效果，我們可以繼續優化！

把 \resources\views\shared\siderbar.blade.php 檔案修改下：

<div class="col-md-3">
    <div class="list-group">
        <a href="{{ url('/') }}"
        class="list-group-item {{ Request::path() != 'student/create' ? 'active' : '' }}">學生列表</a>
        <a href="{{ url('student/create') }}"
        class="list-group-item {{ Request::path() == 'student/create' ? 'active' : '' }}">新增學生</a>
    </div>
</div>

主要就是把條件修改了 Request::path() != '/' ? 'active' : '' 修改為 Request::path() != 'student/create' ? 'active' : ''