XOOPS輕鬆架 - 線上書籍

:::

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

### 一、流程

1. 有了測驗，就要讓具備「建立測驗」的身份者來建立題庫
2. 建立題庫時，要先列出所有測驗主題，指定某測驗後才能建立題庫
3. 題目架構為：題目、四個選項、一個標準答案
 
### 二、整裡頁面流程及選單

1. 列出所有測驗的路由為動詞為 GET，路由為`/exam`，控制器為 `<span style="font-size:12px;"><span style="font-size:12px;">Exam</span>Controller@index</span>`，所以，我們先開啟`routes/web.php` 確認有沒有以下這個路由。 
  ```php
  Route::get('/exam', 'ExamController@index')->name('exam.index');
  ```
2. 若希望以後一登入就到此畫面，亦可將原本的`/`及`/home`路由修改一下，控制器均改為`ExamController@index`，這樣的意思就是凡是連到首頁或者/home（登入後頁面）都會連到測驗首頁。
  
   
  ```php
  Route::get('/', 'ExamController@index')->name('index');
  Route::get('/home', 'ExamController@index')->name('home.index');
  ```
3. 接著開啟控制器 `/專案/app/Http/Controllers/ExamController.php`，編輯裡面的`index()`函數，為了儘量符合預設，我們把`index()`的樣板改為`exam.index`，也就是直接用`view()`來執行`/專案/resources/views/exam/index.bload.php`樣版的意思
  
   
  ```php
  public function index()
  {
      return view('exam.index');
  }
  ```
4. 由於`index.bload.php`樣板還不存在，所以，可以直接把`/專案/resources/views/welcome.blade.php`另存為 `/專案/resources/views/exam/index.blade.php` 樣板。
  
   
  ```bash
  mv resources/views/welcome.blade.php resources/views/exam/index.blade.php
  ```
5. 如此，不管登入登出，都會直接到此頁面，並在工具列上顯示適當的工具![](https://campus-xoops.tn.edu.tw/uploads/tad_book3/image/37/l56_035.png)
6. 接著將`home.blade.php`裡面的顯示轉向訊息，複製到`/專案/resources/views/layouts/app.blade.php`中，如此，日後若有轉向訊息便可呈現出來（不管在什麼功能中）。詳情請參考：<https://laravel-china.org/docs/laravel/5.6/responses/1368#1bca7f>
  
   ```
  <pre data-line="4-8">
  ```markup
  <div class="container">
      @yield('content')
  
      @if(session('status'))
          @component('bs::alert', ['type' => 'info'])
              {{ session('status') }}
          @endcomponent
      @endif
  </div>
  ```
  ```
7. 然後，就可以把`home.blade.php`刪除（因為也用不到了）
 
### 三、列出所有測驗

1. 接著開啟控制器 `/專案/app/Http/Controllers/ExamController.php`，編輯裡面的`index()`函數，並將所有測驗的資料陣列用`compact('exams')`傳至樣板
  
   
  ```php
  public function index()
  {
      $exams = Exam::all();
      return view('exam.index',compact('exams'));
  }
  ```
2. 至於`Exam::all()`則是`Exam`模型取得所有資料的用法（在上面有`use App\Exam;`才能這樣使用），更多方法可參考：<https://laravel-china.org/docs/laravel/5.6/eloquent-collections/1405#26e4a9>
3. 接著開啟`/專案/resources/views/exam/index.blade.php`利用`@foreach`及`@endforeach`寫法來產生迴圈：
  
   ```
  <pre data-line="3-13">
  ```php
  @extends('layouts.app')
  @section('content')
      <h1>測驗一覽</h1>
      <ul class="list-group">
          @foreach($exams as $exam)
              <li class="list-group-item">
                  {{ $exam->created_at->format("Y年m月d日") }} -
                  <a href="exam/{{ $exam->id }}">
                      {{ $exam->title }}
                  </a>
              </li>
          @endforeach
      </ul>
  @endsection
  
  ```
  ```
4. `$exam->created_at->format("Y年m月d日")`是用Carbon 日期時間套件的功能，該套件已經內建於 Laravel 5 中，詳細用法可以參考：<https://laravel-china.org/docs/laravel/5.6/eloquent-mutators/1335#7a3eff>或 <http://laravel5-book.kejyun.com/package/tool/package-tool-carbon.html>
5. 預設情況下，Eloquent 會把 `created_at` 和 `updated_at` 字段轉換成 Carbon 實例， 它繼承了 PHP 原生的 `DateTime` 類，並提供了各種有用的方法。若有其他日期欄位想轉換成Carbon 實例，可以直接在Model中利用 `$dates` 屬性，自行定義哪些日期類型字段會被自動轉換：
  
   
  ```php
  /**
  * 應被轉換為日期的屬性。
  *
  * @var array
  */
  protected $dates = ['birthday'];
  ```
6. 至於日期格式，可以參考 PHP 手冊：<http://php.net/manual/en/function.date.php>
7. 另外一種`@forelse`搭配`@empty`及`@endforelse`寫法，可以在沒有資料的情形顯示自訂內容：
  
   ```
  <pre data-line="5,12-14">
  ```php
  @extends('layouts.app')
  @section('content')
      <h1>測驗一覽</h1>
      <ul class="list-group">
          @forelse($exams as $exam)
              <li class="list-group-item">
                  {{ $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>
  @endsection
  
  ```
  ```
8. 大功告成！請直接在網址輸入： <http://localhost/exam>或 <http://localhost>（注意，後面不可以有 / ，否則路由以後會誤判）
9. 其中每個測驗的連結均為：`exam/編號`，如此，符合顯示單一資料的路由寫法
 
[![到GitHub觀看此單元程式異動](https://campus-xoops.tn.edu.tw/uploads/tad_book3/image/34/to_github.png)](https://github.com/tad0616/exam56/commit/428bb628bcba011e6a24cc55810ab3b5e970e8ee)

:::

書籍目錄

展開 | 闔起

快速登入

進階搜尋

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

計數器

今天：
昨天：
總計：

MarkDown

書籍目錄

快速登入

計數器