PHP Laravelの初級チュートリアルをやってみる!TODOリストの作成

PHP

Laravel公式の初級チュートリアルを、ソースコードをダウンロードして動かします。プログラムに関する説明は公式サイトをご覧ください。

 

完成イメージ

http://quickstart.appでToDOリストを開けるようにします。

basic001

前準備

ローカル環境にLaravelが動作する環境を準備してください。

関連記事

 

上記で構築した環境を前提に進めます。

 

ToDOリストを動かす

サイトの追加、データベースの設定をした後にVagrant Boxの再構築をします。最後にブラウザで確認して終了です。

GitHubからソースコードをCloneする

cloneを実行し次いで依存パッケージをインストールします。Git Bashを起動します。

composer installの終了に数分掛かります。

(”~\MyLaravel\Code”に移動して操作します)
git clone https://github.com/laravel/quickstart-basic quickstart
cd quickstart
composer install

 

サイトの追加

サイト(quickstart.app)をHomestead.yamlに追加します。

sites:
 - map: homestead.app
    to: /home/vagrant/Code/Laravel/public
 - map: quickstart.app
    to: /home/vagrant/Code/quickstart/public

hostsファイルにIPアドレスとquickstart.appを関連付ける項目を追加します。

192.168.10.10 homestead.app
192.168.10.10 quickstart.app

データベースの設定

database.phpのmysqlの項目にポートを追加します。

'mysql' => [
 'driver' => 'mysql',
 'host' => env('DB_HOST', 'localhost'),
 'database' => env('DB_DATABASE', 'forge'),
 'username' => env('DB_USERNAME', 'forge'),
 'password' => env('DB_PASSWORD', ''),
 'port' => env('DB_PORT','33060'),       ← (追加する)
 'charset' => 'utf8',
 'collation' => 'utf8_unicode_ci',
 'prefix' => '',
 'strict' => false,
 'engine' => null,

環境ファイル.env中のホストを修正し、ポートを追加します。

DB_HOST=localhost        ← (IPアドレスの場合は、localhostに修正する)
DB_DATABASE=homestead
DB_USERNAME=homestead
DB_PASSWORD=secret
DB_PORT=33060            ← (追加する)

データベースマイグレーション

データベースにtasksテーブルを定義します。最初にデータベースマイグレーションを生成します。作られたファイルにタスク名の項目を追加しデータベースに反映させます。

(~/MyLaravel/Code/quickstart/に移動します)
php artisan make:migration create_tasks_table --create=tasks

laravel-beginner-002

ここの例では、~/MyLaravel/Code/quickstart/database/migrations/2016_03_07_210039_create_tasks_table.phpにタスク名の項目を追加します。

<?php
use Illuminate\Database\Schema\Blueprint;
use Illuminate\Database\Migrations\Migration;

class CreateTasksTable extends Migration
{
   /**
   * Run the migrations.
   *
   * @return void
   */
   public function up()
   {
     Schema::create('tasks', function (Blueprint $table) {
       $table->increments('id');
       $table->string('name');         <----- (タスク名を追加します)
       $table->timestamps();
     });
   }

   /**
   * Reverse the migrations.
   *
   * @return void
   */
   public function down()
   {
   Schema::drop('tasks');
   }
}

マイグレーションを実行します。

(~/MyLaravel/Code/quickstart/に移動します)
php artisan migrate

Vagrant再構築

Homesteadを廃棄したのち、再度構築します。

Vagrant destroy --force
Vagrant up

 

動作確認

http://quickstart.app にアクセスします。次のページが表示されていれば正常です。 お疲れ様でした。

初級完成001

コメント

タイトルとURLをコピーしました