XOOPS輕鬆架 - 線上書籍

:::

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

### 一、在控制器依據不同權限取得不同內容

1. 首先，先修改 `/專案/app/Http/Controllers/ExamController.php` 控制器，修改原本的`show()` ```
  <pre data-line="3-6">
  ```php
  public function show(Exam $exam)
  {
      $user = Auth::user();
      if ($user and $user->can('進行測驗')) {
          $exam->topics = $exam->topics->random(10);
      }
      return view('exam.show', compact('exam'));
      
  }
  ```
  ```
  
  
  - 有「進行測驗」權限者： 
      - 題目的部份，測驗本來就有設定一對多，所以，`$exam->topics`會是一個集合（`$exam`此時是`Exam`的資料物件），我們利用`random(10)`來從題目集合中，隨機取10筆來呈現。
 
### 二、先簡化單一測驗的視圖

1. 修改`/專案/resources/views/exam/show.blade.php` 樣板，一樣依據權限來呈現不同畫面，不過因為程式碼越來越長，所以，我們可以把一些表單獨立成另外的視圖檔案： 
  - 將編輯測驗的表單獨立成`\專案\resources\views\exam\form.blade.php` 
      ```php
      @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() }}
      ```
  - 然後修改`/專案/resources/views/exam/show.blade.php` 樣板，利用`@include()`引入該檔案，位置放在`exam\form.blade.php`，引入時需寫成`exam.form` 
      ```php
      @can('建立測驗')
          @include('exam.form')
      @endcan
      ```
  - 同樣的，我們把題目的呈現也獨立成一個視圖檔案`\專案\resources\views\exam\topic.blade.php`
      
       
      ```php
      <dl>
          @forelse ($exam->topics as $key => $topic)
              <dt>
                  <h3>
                  @can('建立測驗')
                      <button type="button" class="btn btn-danger btn-del-topic" data-id="{{ $topic->id }}">刪除</button>
                      <a href="{{route('topic.edit', $topic->id)}}" class="btn btn-warning">編輯</a>
                      （{{$topic->ans}}）
                  @endcan
                  {{ bs()->badge()->text($key+1) }}
                  {{$topic->topic}}
                  </h3>
              </dt>
              <dd>
                  {{ bs()->radioGroup("ans[$topic->id]", [
                          1=>"<span class='opt'>❶ $topic->opt1</span>",
                          2=>"<span class='opt'>❷ $topic->opt2</span>",
                          3=>"<span class='opt'>❸ $topic->opt3</span>",
                          4=>"<span class='opt'>❹ $topic->opt4</span>"
                      ])->addRadioClass(['mx-3']) }}
              </dd>
          @empty
              <div class="alert alert-danger">尚無任何題目</div>
          @endforelse
      </dl>
      ```
  - 再修改`/專案/resources/views/exam/show.blade.php` 樣板，一樣利用`@include()`引入該檔案，位置放在`exam\topic.blade.php`，引入時需寫成`exam.topic`
      
       
      ```php
      @include('exam.topic')
      ```
 
### 三、在視圖中依據不同權限呈現不同內容

1. 在顯示題目的部份，如果沒有任何權限者，理論上不應該看到任何題目，所以，我們將這部份改成這樣： ```
  <pre data-line="1,14,18">
  ```markup
  @if(Auth::check('建立測驗') || Auth::check('進行測驗'))
      @can('進行測驗')
          {{ bs()->openForm('post', '/test') }}
              @include('exam.topic')
              {{ bs()->hidden('user_id', Auth::id()) }}
              {{ bs()->hidden('exam_id', $exam->id) }}
              <div class="text-center my-5">
                  {{ bs()->submit('寫完送出') }}
              </div>
          {{ bs()->closeForm() }}
      @else
          @include('exam.topic')
      @endcan
  @else
      @component('bs::alert', ['type' => 'info'])
          共 {{ $exam->topics->count() }} 題
      @endcomponent
  @endif
  ```
  ```
  
  
  - 由於我們要判斷兩個以上的權限，所以，`@can`無法使用，故改用`Auth::check('建立測驗')`搭配`@if`就可以達成。
  - 若是有「進行測驗」權限者，我們就替題目加上表單，讓該表單可以送出。表單送至/test即可，讓考試（test）的模型來儲存資料即可。
  - 記得將測驗編號及受測者（登入者）編號放到隱藏欄位中。 使用者編號實際上也可以直接用`Auth::id()`來抓取即可。
  - 至於訪客看到的訊息，我們暫時簡單的列出題目數量即可。`$exam->topics`本身是一個集合，要算數量可以用`count()`
  - alert視窗可以用`class="alert"`來做，也可以用`@component`的方式來做。如果只是簡單的訊息，其實用單純HTML語法來做更簡單。
2. 如：  
   ![](https://campus-xoops.tn.edu.tw/uploads/tad_book3/image/37/l56_057.png)
 
[![到GitHub觀看此單元程式異動](https://campus-xoops.tn.edu.tw/uploads/tad_book3/image/34/to_github.png)](https://github.com/tad0616/exam56/commit/32a23820699a817b1f0e0cdf998beaf4525d00e3)

:::

書籍目錄

展開 | 闔起

快速登入

進階搜尋

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

計數器

今天：
昨天：
總計：

MarkDown

書籍目錄

快速登入

計數器