目次
はじめに
こちらは10本の記事で構成されています
- ①Vue.js & Laravel(環境構築)
- ②Vue.js & Laravel(CRUDシステムの準備)
- ③Vue.js & Laravel(Read…データベースからデータを取得)
- ④Vue.js & Laravel(Create…データベースにデータを保存)
- ⑤Vue.js & Laravel(Update…データベースのデータを更新)
- ⑥Vue.js & Laravel(Delete…データベースのデータを削除)
- ⑦Vue.js & Laravel(リアルなダミーデータを大量に挿入)
- ⑧Vue.js & Laravel(検索機能の実装)
- ⑨Vue.js & Laravel(ページャーの実装)
- ⑩Vue.js & Laravel(認証機能の実装)
目標
CRUDシステムの準備を完了させる
実装
①テーブルの作成
$ php artisan make:migration create_tasks_table
これで/database/migrations/[現在日時]_create_tasks_table.phpが作成されました
<?php
use Illuminate\Database\Migrations\Migration;
use Illuminate\Database\Schema\Blueprint;
use Illuminate\Support\Facades\Schema;
class CreateTasksTable extends Migration
{
/**
* Run the migrations.
*
* @return void
*/
public function up()
{
Schema::create('tasks', function (Blueprint $table) {
$table->id();
+ $table->string('content');
+ $table->boolean('emergency');
$table->timestamps();
});
}
/**
* Reverse the migrations.
*
* @return void
*/
public function down()
{
Schema::dropIfExists('tasks');
}
}
上記のようにファイルを編集し以下のコマンドを叩きます。
$ php artisan migrate:refresh --seed
これで「①テーブルの作成」が達成されました。
②モデルの作成
$ php artisan make:model Task
/app/Task.phpが作成されました。
③コントローラーの作成
$ php artisan make:controller TaskController
/app/Http/Controllers/TaskController.phpが作成されました。
<?php
namespace App\Http\Controllers;
use Illuminate\Http\Request;
+ use App\Task;
class TaskController extends Controller
{
//
}
上記のようにファイルを編集します。
「use App\Task;」でモデルと接続します。
これで「③コントローラーの作成」が達成されました。
④ダミーデータの挿入
$ php artisan make:seeder TaskSeeder
これで/database/seeds/TaskSeeder.phpが作成されました
<?php
use Illuminate\Database\Seeder;
+ use App\Task;
class TaskSeeder extends Seeder
{
/**
* Run the database seeds.
*
* @return void
*/
public function run()
{
+ for ($i = 1; $i <= 10; $i++) {
+ Task::create([
+ 'emergency' => $i%2,
+ 'content' => 'タスクの内容' . $i,
+ ]);
+ }
}
}
「use App\Task;」でモデルと接続します。
<?php
use Illuminate\Database\Seeder;
class DatabaseSeeder extends Seeder
{
/**
* Seed the application's database.
*
* @return void
*/
public function run()
{
- // $this->call(UserSeeder::class);
+ $this->call(TaskSeeder::class);
}
}
上記の部分を編集し、下記のコマンドを叩いてください。
$ php artisan migrate:refresh --seed
これで「④ダミーデータの挿入」が達成されました。