XOOPS輕鬆架 - 線上書籍

:::

Laravel 5.6 入門講義
================

### 一、修改路由

1. 修改路由 `/專案/routes/web.php` 加入topic 的 `edit `路由，一樣使用路由模型綁定，`{topic}`就是編號，放在前後其實都沒關係。 
    ```php
    Route::pattern('exam', '[0-9]+');
    Route::pattern('topic', '[0-9]+');
    //略
    Route::get('/topic/{topic}/edit', 'TopicController@edit')->name('topic.edit');
    ```
 
### 二、修改樣板，加入編輯按鈕

1. 修改原來的 `/專案/resources/views/exam/show.blade.php` 樣板，加入編輯按鈕：
    
     
    ```php
    <h3>
    @can('建立測驗')
        <a href="{{route('topic.edit', $topic->id)}}" class="btn btn-warning">編輯</a>
        （{{$topic->ans}}）
    @endcan
    {{ bs()->badge()->text($key+1) }}
    {{ $topic->topic }}
    </h3>
    ```
2. 如：  
     ![](https://campus-xoops.tn.edu.tw/uploads/tad_book3/image/37/l56_052.png)
 
### 三、修改Topic控制器

1. 要修改題目，會遇到和修改測驗一樣的問題（而且更複雜一點），因為是共用樣板，所以，必須針對「建立」和「修改」兩種情形來修改部份視圖的設定
    
    
    - 建立的http動詞是`post`，修改則是`patch`（如此，會自動加上CSRF保護，避免跨站攻擊）
    - 建立題目的表單`action`是`/topic`，修改題目則是`/topic/編號`
2. 在控制器中 `/專案/app/Http/Controllers/TopicController.php`，加入 `edit `的方法：
    
     
    ```php
    public function edit(Topic $topic)
    {
        $exam   = $topic->exam;
        return view('exam.show', compact('exam', 'topic'));
    }
    ```
    
    
    - 主要就是讀出題目`$topic` 的原始內容，以便套用到表單中。我們將Topic注入`$topic`，`$topic`就成了一個Topic內容物件
    - 此外，測驗內容`$exam`也會被用到，用來顯示測驗標題，而且因為我們已經有設好關聯，所以，不用另外抓，`$topic->exam`就是所屬測驗的完整資料。
3. 最後，修改 `/專案/resources/views/exam/show.blade.php` 樣板：
    
     
    ```php
    @can('建立測驗')
        @if(isset($topic))
            {{ bs()->openForm('patch', "/topic/{$topic->id}", ['model' => $topic]) }}
        @else
            {{ bs()->openForm('post', '/topic') }}
        @endif
            {{ bs()->formGroup()
                    ->label('題目內容', false, 'text-sm-right')
                    ->control(bs()->textarea('topic')->placeholder('請輸入題目內容'))
                    ->showAsRow() }}
            {{ bs()->formGroup()
                    ->label('選項1', false, 'text-sm-right')
                    ->control(bs()->text('opt1')->placeholder('輸入選項1'))
                    ->showAsRow() }}
            {{ bs()->formGroup()
                    ->label('選項2', false, 'text-sm-right')
                    ->control(bs()->text('opt2')->placeholder('輸入選項2'))
                    ->showAsRow() }}
            {{ bs()->formGroup()
                    ->label('選項3', false, 'text-sm-right')
                    ->control(bs()->text('opt3')->placeholder('輸入選項3'))
                    ->showAsRow() }}
            {{ bs()->formGroup()
                    ->label('選項4', false, 'text-sm-right')
                    ->control(bs()->text('opt4')->placeholder('輸入選項4'))
                    ->showAsRow() }}
            {{ bs()->formGroup()
                    ->label('正確解答', false, 'text-sm-right')
                    ->control(bs()->select('ans',[1=>1, 2=>2, 3=>3, 4=>4])->placeholder('請設定正確解答'))
                    ->showAsRow() }}
            {{ bs()->hidden('exam_id', $exam->id) }}
            {{ bs()->formGroup()
                    ->label('')
                    ->control(bs()->submit('儲存'))
                    ->showAsRow() }}
        {{ bs()->closeForm() }}
    @endcan
    ```
4. 到此就大功告成啦！  
     ![](https://campus-xoops.tn.edu.tw/uploads/tad_book3/image/37/l56_053.png)
5. 最後，只要完成「更新」部份的功能即可。
 
[![到GitHub觀看此單元程式異動](https://campus-xoops.tn.edu.tw/uploads/tad_book3/image/34/to_github.png)](https://github.com/tad0616/exam56/commit/a8644cd1e48e3a2ece29e652d3732e36a0f8f187)

:::

書籍目錄

展開 | 闔起

快速登入

進階搜尋

https%3A%2F%2Fcampus-xoops.tn.edu.tw%2Fmodules%2Ftad_book3%2Fmarkdown.php%3Ftbdsn%3D1186

計數器

今天：
昨天：
總計：

MarkDown

書籍目錄

快速登入

計數器