今天要來做一個新的頁面，是用來顯示使用者發過的所有文章，而文章會被記錄在資料庫內。

Post 路由

原本只有首頁的路由 /，所以要來寫一個新的 /posts/ 路由，同樣也是從測試開始。

紅燈

$ php artisan make:test PostTest

// tests/PostTest.php
class PostTest extends TestCase
{
    /**
     * @return void
     */
    public function testAllPost()
    {
        $response = $this->get('/posts/');
        $response->assertStatus(200);
        $response->assertSee('All Posts:');
    }
}

綠燈

新增路由。

// routes/web.php
Route::get('/posts/', function () {
    return 'All Posts:';
});

資料庫

這邊不得已，要先違反 TDD 的作法，學習 Laravel 資料庫的語法花了一點時間，因此今天先手動建置一些資料。

.env

先修改 .env 的設定值，Laravel 預設是用 MySQL，但我們選擇輕量的 sqlite 來用。

原本的 Database 設定是這段：

DB_CONNECTION=mysql
DB_HOST=127.0.0.1
...

改成只要一行。

DB_CONNECTION=sqlite

SQLite

sqlite 預設在 MacOS 中本來就有裝，可以用 sqlite3 的指令來創建一個資料庫。

$ sqlite3 database/database.sqlite

就目前所知，Laravel 預設抓取 sqlite 的檔案路徑是 database/database.sqlite，同時該資料夾底下也有寫好的 .gitignore 來指示 Git 忽略他們。

Model

Artisan 提供了指令來產生程式檔案：

$ php artisan make:model Post -mf

-m 參數會同時創造等等用來 Migrate 的檔案。

Model 產生在 app/Post.php：

<?php

namespace App;

use Illuminate\Database\Eloquent\Model;

class Post extends Model
{
    //
}

Migrate

資料表會隨著系統更新而變化，Migrate 就是用來編寫每一次資料表改變的內容。

剛剛自動產生的 Migrate 檔案在 database/migrations 中，除了預設的部分，還要再加入新的 post_text 欄位。

Schema::create('posts', function (Blueprint $table) {
    $table->bigIncrements('id');
    $table->string('post_text'); // 我們新增的
    $table->timestamps();
});

接著下 migrate 指令，就會在 database/database.sqlite 資料庫中增加新的資料表。

$ php artisan migrate

手動新增資料

這邊先手動新增一筆資料在裡面，之後再來改成自動產生，使用 sqlite 的 shell 模式。

$ sqlite3 database/database.sqlite
$ INSERT INTO posts (post_text) VALUES ("Hello, I'm Louis.");

測試資料庫中有這筆資料

class PostTest extends TestCase
{
    public function testInsertPost()
    {
        $this->assertDatabaseHas('posts', [
            'post_text' => "Hello, I'm Louis."
        ]);
    }
}

assertDatabaseHas() 第一個參數是 table 的名稱，而第二個參數的陣列則是要確認的資料，key 是欄位名稱。

修改 Post 頁面，印出所有文章

紅燈

class PostTest extends TestCase
{
    /**
     * @return void
     */
    public function testAllPost()
    {
        $response = $this->get('/posts/');
        $response->assertStatus(200);
        $response->assertSee('All Posts:');

        $response->assertSee("Hello, I'm Louis."); //目前的文章
    }

綠燈

Route::get('/posts/', function () {
    $response = "All Posts: ";
    $posts = Post::all();
    foreach ($posts as $post) {
        $response .= $post;
    }
    return $response;
});

現在我們的 /posts/ 頁面，會顯示 All Posts: {"id":3,"post_text":"Hello, I'm Louis.","created_at":null,"updated_at":null} 的字樣。

關於資料庫，讓我們明天接力。