摘要：熟悉了路由與視圖的基本操作之后，我們來讓視圖顯示一個(gè)任務(wù)列表吧。創(chuàng)建遷移現(xiàn)在，我們就可以創(chuàng)建一個(gè)用來生成任務(wù)表的遷移了。

熟悉了路由與視圖的基本操作之后，我們來讓視圖顯示一個(gè)任務(wù)列表吧。主要知識點(diǎn)：

數(shù)據(jù)遷移

查詢構(gòu)造器

首先創(chuàng)建一個(gè)數(shù)據(jù)庫:

$ mysql -uroot -p
mysql> create database laratasks;

Laravel 的配置文件保存在 config 目錄下面，例如 config/database.php 保存了數(shù)據(jù)庫的配置信息：

"mysql" => [
    "driver"    => "mysql",
    "host"      => env("DB_HOST", "localhost"),
    "database"  => env("DB_DATABASE", "forge"),
    "username"  => env("DB_USERNAME", "forge"),
    "password"  => env("DB_PASSWORD", ""),
    ...
],

可以看到，有幾個(gè)變量都是先通過 env 方法獲取的，取不到的時(shí)候再使用自定義的默認(rèn)值。因此通常在 .env 目錄下面根據(jù)不同的開發(fā)人員的需求來進(jìn)行配置：

DB_CONNECTION=mysql
DB_HOST=127.0.0.1
DB_PORT=3306
DB_DATABASE=laratasks
DB_USERNAME=root
DB_PASSWORD=

配置完數(shù)據(jù)庫之后，自然想到的是如何創(chuàng)建和操作表？Laravel 是通過遷移來實(shí)現(xiàn)對表的各項(xiàng)操作的。而 Laravel 默認(rèn)就自帶了兩個(gè)遷移。我們可以通過執(zhí)行遷移來判斷數(shù)據(jù)庫是否連上：

$ php artisan migrate

如果對該命令不熟悉，可以使用如下命令查看具體說明：

$ php artisan help migrate

如果使用的 MySQL 版本低于 5.7，可能會報(bào)錯(cuò)：

Syntax error or access violation: 1071 Specified key was too long; max key length is 767 bytes

這是因?yàn)?，Laravel 5.4 采用的數(shù)據(jù)庫編碼為 utf8mb4，該編碼可以支持 emojis 表情的保存。要解決該問題，只需要增加下面的代碼：

// /app/Providers/AppServiceProvider.php
use IlluminateSupportFacadesSchema;

public function boot()
{
    Schema::defaultStringLength(191);
}

解決了該問題之后，我們需要手動先刪除數(shù)據(jù)庫中的表再重新執(zhí)行遷移:

$ php artisan migrate

若遷移執(zhí)行成功，數(shù)據(jù)庫默認(rèn)會創(chuàng)建三張表:

mysql> use laratasks;
Database changed
mysql> show tables;
+---------------------+
| Tables_in_laratasks |
+---------------------+
| migrations          |
| password_resets     |
| users               |
+---------------------+
3 rows in set (0.00 sec)

其中 migrations 是用來記錄遷移信息的，其余兩張則是自帶的兩個(gè)遷移任務(wù)生成的表。

現(xiàn)在，我們就可以創(chuàng)建一個(gè)用來生成任務(wù)表的遷移了。首先是創(chuàng)建遷移：

$ php artisan make:migration create_tasks_table --create=tasks
Created Migration: 2017_04_10_175246_create_tasks_table

--create=tasks 代表了要創(chuàng)建數(shù)據(jù)表 tasks，這樣遷移文件會預(yù)先定義好一些內(nèi)容。打開遷移表，添加幾個(gè)字段:

// /database/migrations/日期_create_tasks_table.php
 public function up()
    {
        Schema::create("tasks", function (Blueprint $table) {
            $table->increments("id");
            $table->text("name");
            $table->timestamps();
        });
    }

當(dāng)我們執(zhí)行遷移時(shí)，就會調(diào)用 up 方法，我們來執(zhí)行下剛才創(chuàng)建的遷移：

$ php artisan migrate
Migrating: 2017_04_10_175246_create_tasks_table
Migrated:  2017_04_10_175246_create_tasks_table

現(xiàn)在，數(shù)據(jù)庫就多了 tasks 表格了，我們通過 tinker 來添加數(shù)據(jù)吧:

$ php artisan tinker
Psy Shell v0.8.3 (PHP 5.6.22 — cli) by Justin Hileman

首先，使用 DB 插入幾條數(shù)據(jù)：

>>>> DB::insert("insert into  tasks (id, name, created_at, updated_at) values (?, ?,?,?)", [1, "作業(yè)",CarbonCarbon::now(),CarbonCarbon::now()]);
>>> DB::insert("insert into  tasks (id, name, created_at, updated_at) values (?, ?,?,?)", [2, "購物",CarbonCarbon::now(),CarbonCarbon::now()]);
>>> DB::insert("insert into  tasks (id, name, created_at, updated_at) values (?, ?,?,?)", [3, "運(yùn)動",CarbonCarbon::now(),CarbonCarbon::now()]);

再練習(xí)下 DB 的其他功能：

>>> DB::table("tasks")->get();   # 獲取所有表數(shù)據(jù)
>>> DB::table("tasks")->get()->toArray();  # 將獲取的數(shù)據(jù)轉(zhuǎn)化為數(shù)據(jù)
>>> DB::table("tasks")->first();  # 獲取第一條數(shù)據(jù)
>>> DB::table("tasks")->where("name","購物")->first(); # 指定條件
>>> DB::table("tasks")->pluck("name"); # 獲取姓名列表

接下來，我們就可以讓網(wǎng)站顯示任務(wù)列表了，例如:

Route::get("tasks", function() {
    return $tasks = DB::table("tasks")->latest()->get();
});

訪問網(wǎng)站的 /tasks 路徑，就可以看到返回了任務(wù)列表的 json 形式。不過我們還是用視圖展現(xiàn)吧:

// /routes/web.php
Route::get("tasks", function() {
    $tasks = DB::table("tasks")->latest()->get();
    return view("tasks.index",compact("tasks"));
});

tasks.index 其實(shí)就相當(dāng)于 tasks/index，接下來創(chuàng)建視圖:

// /resources/views/tasks/index.blade.php




    
    


    {{ $tasks }}

訪問 /tasks，直接返回了一堆任務(wù)列表，界面顯示很不友好，我們可以用 PHP 的 foreach 循環(huán)來友好的顯示任務(wù)列表:

// /resources/views/tasks/index.blade.php
任務(wù)列表

    
        
name ?>
    

同樣，Laravel 的 Blade 模板提供了更為簡潔的語法：

// /resources/views/tasks/index.blade.php
任務(wù)列表

    @foreach ($tasks as $task)
        
{{ $task->name }}
    @endforeach

接下來是顯示具體的某個(gè)任務(wù)。首先是路由：

// /routes/web.php
Route::get("tasks/{task}", function($id) {
    $task = DB::table("tasks")->find($id);
    return view("tasks/show",compact("task"));
});

{task} 相當(dāng)于占位符，比如用戶訪問 tasks/1，函數(shù)接收的 $id 就為 1。

// /resources/views/tasks/show.blade.php



    
    


    {{ $task->name }}

最后，我們創(chuàng)建超鏈接讓任務(wù)列表可跳轉(zhuǎn)到具體任務(wù)吧：

任務(wù)列表

    @foreach ($tasks as $task)
        

            {{ $task->name }}          
        
    @endforeach

超鏈接我們也可以通過 url 函數(shù)生成：

id]) }}">{{ $task->name }}

參考資料：

Laravel 5.4: Specified key was too long error - Laravel News

Laravel 數(shù)據(jù)庫之：數(shù)據(jù)庫請求構(gòu)建器 | Laravel 5.4 中文文檔

PHP: 流程控制的替代語法 - Manual