XOOPS輕鬆架 - 線上書籍

:::

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

### 一、修改樣板，加入編輯按鈕

1. 修改原來的 `/專案/resources/views/exam/show.blade.php` 樣板，加入編輯按鈕：
  
   ```
  <pre data-line="3-5">
  ```php
  <h1 class="text-center">
      {{$exam->title}}
      @can('建立測驗')
           <a href="{{route('exam.edit', $exam->id)}}" class="btn btn-warning">編輯</a>
      @endcan
  </h1>
  ```
  ```
2. 我們必須根據不同權限顯示不同功能，老師和學生在進入測驗的畫面時，應該要看到不同功能，老師應該是要進行題目管理，學生則是進行測驗。利用`@can()`就可以判斷不同身份。
3. 詳情請看：<https://github.com/laravel-backpack/permissionmanager>
 
### 二、修改路由

1. 修改路由` /專案/routes/web.php` 加入 `edit `的路由，`{exam}` 放在前後其實都沒關係。 
  ```php
  Route::get('/exam/{exam}/edit', 'ExamController@edit')->name('exam.edit');
  ```
 
### 三、修改控制器（用同一個視圖）

1. 修改的界面主要就是讀出原始內容，然後塞到原來的建立標單裡，也就是套用到`exam/create.blade.php`的表單中。這裡我們不另外做edit.blade.php用來編輯的視圖，因為編輯和建立的視圖其實90%以上都一樣，弄個兩套維護起來比較不易（容易改了A卻忘了B），所以，我們來看一下用同一個視圖，需要注意哪些事？
  
  
  - 建立的http動詞是`post`，修改則是`patch`（如此，會自動加上CSRF保護，避免跨站攻擊）
  - 建立的表單`action`是`/exam`，修改則是`/exam/編號`
  - 建立時，啟用欄位（enable）預設值為1，修改時，則是視實際情況
2. 所以，根據以上，我們在控制器中 `/專案/app/Http/Controllers/ExamController.php`，先加入 `edit `的方法：
  
   ```
  <pre data-line="3-5">
  ```php
  public function edit(Exam $exam)
  {
      return view('exam.create', compact('exam'));
  }
  ```
  ```
  
  
  - `$exam`是一筆完整Exam資料，`$exam->id`就是該資料的編號
3. 最後，修改 `/專案/resources/views/exam/create.blade.php` 樣板：
  
   ```
  <pre data-line="5-9,18">
  ```markup
  @extends('layouts.app')
  @section('content')
      <h1>{{ __('Create Exam') }}</h1>
      @can('建立測驗')
          @if(isset($exam))
              {{ bs()->openForm('patch', "/exam/{$exam->id}" , [ 'model' => $exam]) }}
          @else
              {{ bs()->openForm('post', '/exam') }}
          @endif
              {{ bs()->formGroup()
                      ->label('測驗標題', false, 'text-sm-right')
                      ->control(bs()->text('title')->placeholder('請填入測驗標題'))
                      ->showAsRow() }}
  
              {{ bs()->formGroup()
                      ->label('測驗狀態', false, 'text-sm-right')
                      ->control(bs()->radioGroup('enable', [1 => '啟用', 0 => '關閉'])
                                  ->selectedOption(isset($exam)?$exam->enable:1)
                                  ->inline())
                      ->showAsRow() }}
              {{ bs()->hidden('user_id', Auth::id()) }}
              {{ bs()->formGroup()
                      ->label('')
                      ->control(bs()->submit('建立測驗'))
                      ->showAsRow() }}
          {{ bs()->closeForm() }}
  
          @if (count($errors) > 0)
              @component('bs::alert', ['type' => 'danger'])
                  <ul>
                      @foreach ($errors->all() as $error)
                          <li>{{ $error }}</li>
                      @endforeach
                  </ul>
              @endcomponent
          @endif
      @else
          @component('bs::alert', ['type' => 'danger'])
              @slot('heading')
              無建立測驗的權限
              @endslot
          @endcomponent
      @endcan
  @endsection
  
  
  ```
  ```
  
  
  - 第5行的地方，我們判斷有無傳進 $exam 物件，來決定是要新增還是修改？
  - 第6行的地方，當有測驗編號，那就是修改，http動詞我們改用`patch`。`action`路徑也不同，加入測驗編號`$exam->id`。此外，多了`['model' => $exam]`，也就是此表單要套用預設值。
  - 18行用三元一次寫法，判斷有物件時才使用物件值，沒有就給1
4. 看起來像這樣：  
   ![](https://campus-xoops.tn.edu.tw/uploads/tad_book3/image/37/l56_050.png)
5. 最後，只要完成「更新」部份的功能即可。
 
### 三、讓被關閉的測驗也能顯示出來

1. 在修改的過程中發現，被關閉的測驗將不會被列出，故也無法修改，所以，我們需要調整一下，改成若是有「建立測驗」權限者，就可以看到被關閉測驗，若沒有，則不秀出。
2. 所以，我們先修改控制器`/專案/app/Http/Controllers/ExamController.php`，編輯 `index`的方法： ```
  <pre data-line="3-6,10">
  ```php
  public function index()
  {
      $user = Auth::user();
      if ($user and $user->can('建立測驗')) {
          $exams = Exam::orderBy('created_at', 'desc')
              ->paginate(3);
      } else {
          $exams = Exam::where('enable', 1)
              ->orderBy('created_at', 'desc')
              ->paginate(2);
      }
  
      return view('exam.index', compact('exams'));
  }
  ```
  ```
  
  
  1. 主要是先取得使用者資料，此時，上方需告知要使用`Illuminate\Support\Facades\Auth`才行
      
       
      ```php
      use Illuminate\Support\Facades\Auth;
      ```
  2. 接著判斷有無$user物件（沒登入者不會有），若有，判斷有無權限。
  3. 有權限者就不加上`where('enable', 1)`這個條件（顯示數也可以調多一點）
3. 接著修改`\專案\resources\views\exam\index.blade.php`，加入判斷，若`$exam->enable`不等於1，就顯示一個關閉的徽章
  
   ```
  <pre data-line="7-9">
  ```markup
  @extends('layouts.app')
  @section('content')
      <h1>測驗一覽<small>（共 {{$exams->total()}} 筆資料）</small></h1>
      <ul class="list-group">
          @forelse  ($exams as $exam)
              <li class="list-group-item">
              @if($exam->enable!=1)
                  {{ bs()->badge()->text('關閉') }}
              @endif
                  {{$exam->created_at->format("Y年m月d日") }} -
                  <a href="exam/{{$exam->id}}">
                  {{$exam->title}}
                  </a>
              </li>
          @empty
              <li class="list-group-item">尚無任何測驗</li>
          @endforelse
      </ul>
      <div class="my-3">
          {{ $exams->links() }}
      </div>
  @endsection
  ```
  ```
4. 看起來就像這樣：
  
   ![](https://campus-xoops.tn.edu.tw/uploads/tad_book3/image/37/l56_051.png)
 
[![到GitHub觀看此單元程式異動](https://campus-xoops.tn.edu.tw/uploads/tad_book3/image/34/to_github.png)](https://github.com/tad0616/exam56/commit/7d1bea860e55a42b32301f4e0287d2726623a6f8)

:::

書籍目錄

展開 | 闔起

快速登入

進階搜尋

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

計數器

今天：
昨天：
總計：

MarkDown

書籍目錄

快速登入

計數器