カテゴリー: laravel

laravelでシンプルなformを作りMySQLに保存した

tl;dr;

極限まで削り、ただtextを受け取りDBに格納するだけの処理。
laravelでシンプルなformを作りMySQLに保存した。（ただの備忘録）

view(入力画面)

ソースは以下の通り。

<head>
  <meta charset="utf-8">
  <!-- css をあてる際は以下のようにcssを読み込む-->
  <link rel="stylesheet" href="/css/style.css">
</head>

<form method="post" action="{{ url('/add') }}">
    {{ csrf_field() }}
    <p>
      <input type="text" name="title" placeholder="enter title">
    </p>
    <p>
      <textarea name="body" placeholder="enter body"></textarea>
    </p>
    <p>
      <input type="submit" value="Add">
    </p>
  </form>

読み込むcss。今回は以下のようにした。

  input[type="text"], textarea {
    box-sizing: border-box;
    width: 500px;
    padding: 5px;
  }
  
  textarea {
    height: 100px;
  }

router

view(入力画面)と、そこからsubmitする宛先（post）を以下の通り設定した。

両方とも　PostsController クラスを呼び、それぞれのメソッドを紐付けるようにした。

<?php
Route::get('/information', 'PostsController@create');
Route::post('/add', 'PostsController@add');

Model

データベースに保存するハコ。

`protected fillable` として、DBへ保存できるようにした。

<?php

namespace App;

use Illuminate\Database\Eloquent\Model;

class Post extends Model
{
    //
    protected $fillable = ['title', 'body'];
}

Controllers

クライアントからの Post は request 型で送られてくる。
そのため、それぞれ適宜抜き出し、Modelに入れ、`save()` することでDBへ保存されるようにした。

<?php

namespace App\Http\Controllers;
use Illuminate\Http\Request;

use App\Post;


class PostsController extends Controller
{
    public function create() {
        return view('information.create');
      }

      // request型で送られてくる
    public function add(Request $request) {

        $post = new Post();
        $post->title = $request->title;
        $post->body = $request->body;
        $post->save();

        return redirect('/information');
    }

}

以上。

動作確認

無事登録が完了

laravel の実践向け書籍

<br />

2020年1月6日

laravelのImplicit Bindingについて調べた

はじめに

Laravelでは、決められた変数名が、ルートセグメント名と一致するルートと、コントローラーアクションで定義されたEloquentモデルを自動的に紐付けるようだ。
便利なんだろうけど、少し難しいので整理する。

具体的な動き

Route::get('api/users/{user}', function (App\User $user) {
    return $user->email;
});

この場合、$user変数は“` App\User “` モデルとしてタイプされ、変数名は“` {user}“` URLセグメントと一致するため、LarvelはリクエストURIの対応する値と、一致するIDをもつモデルインスタンスを自動的に挿入する。

一致するモデルインスタンスが見つからない場合は、404 status codeを返却する。

サンプルコード

database

router

<?php

Route::get('/', 'PostsController@index');

// 通常の書き方
//Route::get('/posts/{id}','PostsController@show');

// Implicit Bindingを使った書き方
Route::get('/posts/{post}', 'PostsController@show');

Controller

<?php

namespace App\Http\Controllers;

use App\Post;

class PostsController extends Controller
{
    public function index(){
        $posts = Post::all();
        return view('posts.index')->with('senddata', $posts);
    }

    // 通常の書き方
    // public function show($id){
    //     $posts = Post::findOrFail($id);
    //     return view('posts.show')->with('posts', $posts);
    // }\

    // Implicit Bindingを使った書き方
    public function show(Post $post){
        return view('posts.show')->with('posts', $post);
    }
}

blade file

<!DOCUMENT html>

    <html lang="ja">
        <head>
            <meta charset="utf-8">
            <title>this is title</title>
            <link rel="stylesheet" href="/css/style.css">
        </head>

        <body>
            <div class='container'>

                <h1> {{ $posts->title}} </h1>
                <p>{!!  nl2br(e($posts->body)) !!} </p> 

            </dev>
        </body>

    </html>

<!DOCUMENT html>

    <html lang="ja">
        <head>
            <meta charset="utf-8">
            <title>this is title</title>
            <link rel="stylesheet" href="/css/style.css">
        </head>

        <body>
            <div class='container'>
                <h1> this is it!</h1>
                <ul>
                    @forelse ($senddata as $data)
                    <!--通常の書き方
                    <li> <a href="{{ action('PostsController@show', $data->id) }} "> {{ $data->title }} </a></li>
                    --> 

                    <!--Implicit Bindingを使った書き方--> 
                    <li> <a href="{{ action('PostsController@show', $data) }} "> {{ $data->title }} </a></li>
                    @empty
                    empty!
                    @endforelse
                </ul>

            </dev>
        </body>

    </html>

結果

参考情報

https://laravel.com/docs/5.5/routing#implicit-binding

2019年12月12日

laravelのview(blade)でcssを読み込ませる

はじめに

laravelのviewにcssを読み込ませる方法をまとめた

ベースはこちらの記事。

https://tsukada.sumito.jp/2019/12/11/laravel%e3%81%a7db%e3%81%ae%e5%8f%96%e5%be%97%e7%b5%90%e6%9e%9c%e3%82%92view%e3%81%ab%e5%87%ba%e3%81%99/

bladeファイルの変更点

<!DOCUMENT html>

    <html lang="ja">
        <head>
            <meta charset="utf-8">
            <title>this is title</title>
            <link rel="stylesheet" href="/css/style.css">
        </head>

        <body>
            <div class='container'>
                <h1> this is it!</h1>
                <ul>
                    @forelse ($senddata as $data)
                    <li>{{ $data->title }}</li>
                    @empty
                    empty!
                    @endforelse
                </ul>

            </dev>
        </body>

    </html>

cssファイル

publicディレクトリがデフォルトで読み込まれる。

“` public/css/style.css “` ファイルを新規で作りそのcssファイルを読ませる形にした。

body{
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    font-size: 20px;
}

.container {
    width: 300px;
    margin: 30ps;
}

h1 {
    font-size: 20px;
}

ul > li{
    margin-bottom: 10px;
}

結果

無事cssが読み込まれたようだ

laravel の実践向け書籍

PHPフレームワークLaravel実践開発 [ 掌田津耶乃 ]

2019年12月11日

laravelでDBの取得結果をviewに出す

はじめに

viewへのデータの受け渡しについて、router,Controller,viewに分けて整理する。

データベースの中身

router

<?php

Route::get('/', 'PostsController@index');

Controller

<?php

namespace App\Http\Controllers;

use App\Post;

class PostsController extends Controller
{
    //
    public function index()
    {
        $posts = Post::all();

        // 意図的に空にする
        //$posts = [];

        // 両方同じ意味
       // return view('posts.index', ['posts'=> $posts]);
       return view('posts.index')->with('senddata', $posts);

    }
}

view

<!DOCUMENT html>

    <html lang="ja">
        <head>
            <meta charset="utf-8">
            <title>this is title</title>
        </head>

        <body>
            <div class='container'>
                <h1> this is it!</h1>
                <ul>
                    @forelse ($senddata as $data)
                    <li>{{ $data->title }}</li>
                    @empty
                    empty!
                    @endforelse
                </ul>

            </dev>
        </body>

    </html>

結果

laravel の実践向け書籍

PHPフレームワークLaravel実践開発 [ 掌田津耶乃 ]

2019年12月11日

laravelでddを使ってdebugする
はじめに

laravelで用意されている簡易的なdebugツールddを紹介。

ddとは

dump and dieの略。処理はここでデータを全て吐き出してくれて、処理は止まる。

https://laravel.com/docs/master/helpers#method-dd

データベースの中身

以下のような状態だとする

routerの設定
```
<?php

Route::get('/', 'PostsController@index');
```
Controllerの設定
```
<?php

namespace App\Http\Controllers;

use Illuminate\Http\Request;
use App\Post;

class PostsController extends Controller
{
    //
    public function index(){
        $posts = Post::all();
        dd($posts->toArray());

        return view('posts.index');
    }
}
```
結果

laravel の実践向け書籍

PHPフレームワークLaravel実践開発 [ 掌田津耶乃 ]
2019年12月10日

laravelのシンプルな機能でrouterとcontrollerとviewを繋げる

はじめに

非常にシンプルな構成でlaravelのシンプルな機能でrouterとcontrollerとviewを繋げる

router

<?php

Route::get('/', 'PostsController@index');

Controller

ディレクトリはドット(.)で区切られる事に注意

<?php

namespace App\Http\Controllers;

use Illuminate\Http\Request;

class PostsController extends Controller
{
    //
    public function index(){
        return view('posts.index');
    }
}

view

“` resources/views “` 配下にpostsディレクトリを作成し、
その中に “` index.blade.php “` を格納する

<!DOCUMENT html>

<html lang="ja">
<head>
    <meta charset="utf-8">
    <title>this is title</title>
</head>

<body>
 <div class='container'>
 <h1> this is it!</h1>
 </dev>
</body>

</html>

結果

2019年12月10日

laravelのシンプルな機能でrouterとcontrollerを繋げる

はじめに

databaseにも繋げない、非常にシンプルな方法でrouterとcontrollerを繋げる

routerの編集

“` routes/web.php“`

<?php

/*
|--------------------------------------------------------------------------
| Web Routes
|--------------------------------------------------------------------------
|
| Here is where you can register web routes for your application. These
| routes are loaded by the RouteServiceProvider within a group which
| contains the "web" middleware group. Now create something great!
|
*/

Route::get('/', 'PostsController@index');

controllerの作成

“` php artisan make:controller PostsController “`

<?php

namespace App\Http\Controllers;

use Illuminate\Http\Request;

class PostsController extends Controller
{
    //
    public function index(){
        return 'hello';
    }
}

結果

2019年12月10日

laravelでデフォルトのtimezoneの言語設定の変更

はじめに

laravelでデフォルトのtimezoneの言語設定を変更したい場合がある。その変更方法を紹介。

変更ファイル

変更対象は “` config/app.php “`

timezone

変更前

“` ‘timezone’ => ‘UTC’, “`

変更後

“` ‘timezone’ => ‘Asia/Tokyo’, “`

言語設定

変更前

“` ‘locale’ => ‘en’, “`

変更後

“` ‘locale’ => ‘ja’, “`

2019年12月9日

laravel 5.5のディレクトリ構成

はじめに

laravelのディレクトリ構成について調べたのでまとめる

tree結果

├── app     # MODELに関するファイルはapp直下に作られる
│   ├── Console
│   ├── Exceptions
│   ├── Http
│   │   ├── Controllers # Controllersに作られる
│   │   ├── Kernel.php
│   │   └── Middleware
│   ├── Providers
│   └── User.php # デフォルトで作られる。削除可能
├── artisan
├── bootstrap
│   ├── app.php
│   └── cache
├── composer.json
├── composer.lock
├── config # 設定に関するファイル
│   ├── app.php # timezoneの設定、言語設定含む設定
│   ├── auth.php
│   ├── broadcasting.php
│   ├── cache.php
│   ├── database.php
│   ├── filesystems.php
│   ├── mail.php
│   ├── queue.php
│   ├── services.php
│   ├── session.php
│   └── view.php
├── database  # データベースに関するファイル
│   ├── factories
│   ├── migrations #データベースのversion管理のファイルが作られる
│   │   ├── 2014_10_12_000000_create_users_table.php # デフォルトで作られる。削除可能
│   │   └── 2014_10_12_100000_create_password_resets_table.php # デフォルトで作られる。削除可能
│   └── seeds
├── package.json
├── phpunit.xml
├── public # ブラウザからアクセスされたら使われるフォルダ
│   ├── css
│   ├── favicon.ico
│   ├── index.php
│   ├── js
│   ├── robots.txt
│   └── web.config
├── readme.md
├── resources
│   ├── assets
│   ├── lang
│   └── views #  画面のテンプレート
├── routes
│   ├── api.php
│   ├── channels.php
│   ├── console.php
│   └── web.php # ルーティング。webアプリケーションを利用する場合はこちらをいじる。
├── server.php
├── storage
│   ├── app
│   ├── framework
│   └── logs
├── tests
│   ├── CreatesApplication.php
│   ├── Feature
│   ├── TestCase.php
│   └── Unit
├── vendor
│   ├── autoload.php
│   ├── bin
│   ├── composer
│   ├── dnoegel
│   ├── doctrine
│   ├── egulias
│   ├── erusev
│   ├── fideloper
│   ├── filp
│   ├── fzaninotto
│   ├── hamcrest
│   ├── jakub-onderka
│   ├── kylekatarnls
│   ├── laravel
│   ├── league
│   ├── mockery
│   ├── monolog
│   ├── mtdowling
│   ├── myclabs
│   ├── nesbot
│   ├── nikic
│   ├── paragonie
│   ├── phpdocumentor
│   ├── phpspec
│   ├── phpunit
│   ├── psr
│   ├── psy
│   ├── ramsey
│   ├── sebastian
│   ├── swiftmailer
│   ├── symfony
│   ├── theseer
│   ├── tijsverkoyen
│   ├── vlucas
│   └── webmozart
└── webpack.mix.js

2019年12月9日

laravelのtinkerを使ってデータを投入する

はじめに

laravelにはtinkerという機能があり、“` php artisan tinker “` コマンドを用いてデータを入れることができる。

前提条件

以下のようなテーブルがあったとする

CREATE TABLE `users` (
  `id` int(10) unsigned NOT NULL AUTO_INCREMENT,
  `name` varchar(255) COLLATE utf8mb4_unicode_ci NOT NULL,
  `email` varchar(255) COLLATE utf8mb4_unicode_ci NOT NULL,
  `password` varchar(255) COLLATE utf8mb4_unicode_ci NOT NULL,
  `remember_token` varchar(100) COLLATE utf8mb4_unicode_ci DEFAULT NULL,
  `created_at` timestamp NULL DEFAULT NULL,
  `updated_at` timestamp NULL DEFAULT NULL,
  PRIMARY KEY (`id`),
  UNIQUE KEY `users_email_unique` (`email`)
) ENGINE=InnoDB AUTO_INCREMENT=2 DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_unicode_ci

“` app\User.php “` 配下のModele クラスに、
ホワイトリスト形式で入力を受付けさせるようにする。

    protected $fillable = [
        'name', 'email', 'password',
    ];

“` fillable “` で宣言されたカラムがホワイトリストとして機能し、これらのカラムにデータの投入が許可される。

逆にブラックリスト形式で制御したい場合は “` guarded “` という変数名を利用する

データ投入

tinkerを起動する

php artisan tinker
Psy Shell v0.9.11 (PHP 7.2.25 — cli) by Justin Hileman
>>>

の画面が出たら、以下の通り投入したいデータを入力

post = App\User::create(['name'=>'tsukada hoge','email'=>'hoge@sumito.jp','password'=>'cccc']);

動作確認

データを確認すると無事投入された

sample

以下のようにデータを投入する場合は、

“` app\User.php “` 配下のModele クラスを編集する必要はない。

$ php artisan tinker
Psy Shell v0.9.12 (PHP 7.2.25 — cli) by Justin Hileman
>>> $post = new App\Post();
=> App\Post {#2894}
>>> $post->title = 'title hogehoge';
=> "title hogehoge"
>>> $post->body = 'body hogehoge';
=> "body hogehoge"
>>> $post->save();
=> true
>>>

データを確認したい場合

“` App\Post::all(); “`

PostはMODEL名

>>> App\Post::all();
=> Illuminate\Database\Eloquent\Collection {#2903
     all: [
       App\Post {#2904
         id: 1,
         title: "title 1",
         body: "body 1",
         created_at: "2019-12-09 15:02:27",
         updated_at: "2019-12-09 15:02:27",
       },
       App\Post {#2905
         id: 2,
         title: "hogehoge",
         body: "body hogehoge",
         created_at: "2019-12-09 15:04:21",
         updated_at: "2019-12-09 15:04:21",
       },
     ],
   }
>>>

以下のように投入する場合は、エラーが発生する

>>> App\Post::create(['title'=>'title 2', 'body'=>'body 2']);
Illuminate/Database/Eloquent/MassAssignmentException with message 'title'
>>>

この場合は、“` app\User.php “` 配下のModele クラスを編集することで、投入を許可する。

※ “` app\User.php “` を編集した後は、tinkerに入り直す必要がある。

$ php artisan tinker
Psy Shell v0.9.12 (PHP 7.2.25 — cli) by Justin Hileman
>>> App\Post::create(['title'=>'title 2', 'body'=>'body 2']);
=> App\Post {#2892
     title: "title 2",
     body: "body 2",
     updated_at: "2019-12-09 15:11:31",
     created_at: "2019-12-09 15:11:31",
     id: 3,
   }
>>>

無事入力できた

>>> App\Post::all()->toArray();
=> [
     [
       "id" => 1,
       "title" => "title 1",
       "body" => "body 1",
       "created_at" => "2019-12-09 15:02:27",
       "updated_at" => "2019-12-09 15:02:27",
     ],
     [
       "id" => 2,
       "title" => "hogehoge",
       "body" => "body hogehoge",
       "created_at" => "2019-12-09 15:04:21",
       "updated_at" => "2019-12-09 15:04:21",
     ],
     [
       "id" => 3,
       "title" => "title 2",
       "body" => "body 2",
       "created_at" => "2019-12-09 15:11:31",
       "updated_at" => "2019-12-09 15:11:31",
     ],
   ]
>>>

条件付きのデータ取得

x件目のデータを取得

>>> App\Post::find(3)->toArray();
=> [
     "id" => 3,
     "title" => "title 2",
     "body" => "body 2",
     "created_at" => "2019-12-09 15:11:31",
     "updated_at" => "2019-12-09 15:11:31",
   ]
>>>

whereを使ったデータ取得

>>> App\Post::where('id', '>', 2)->get()->toArray();
=> [
     [
       "id" => 3,
       "title" => "title 2",
       "body" => "body 2",
       "created_at" => "2019-12-09 15:11:31",
       "updated_at" => "2019-12-09 15:11:31",
     ],
   ]
>>>

orderByを用いた並び替え

>>> App\Post::where('id', '>' , '1')->orderBy('created_at', 'desc')->get()->toArray();
=> [
     [
       "id" => 3,
       "title" => "title 2",
       "body" => "body 2",
       "created_at" => "2019-12-09 15:11:31",
       "updated_at" => "2019-12-09 15:11:31",
     ],
     [
       "id" => 2,
       "title" => "hogehoge",
       "body" => "body hogehoge",
       "created_at" => "2019-12-09 15:04:21",
       "updated_at" => "2019-12-09 15:04:21",
     ],
   ]
>>>

SQLのlimit

>>> App\Post::where('id', '>' , '1')->get()->take(1)->toArray();
=> [
     [
       "id" => 2,
       "title" => "hogehoge",
       "body" => "body hogehoge",
       "created_at" => "2019-12-09 15:04:21",
       "updated_at" => "2019-12-09 15:04:21",
     ],
   ]
>>>

laravel の実践向け書籍

PHPフレームワークLaravel実践開発 [ 掌田津耶乃 ]

2019年12月6日

カテゴリー: laravel

tl;dr;

view(入力画面)

router

Model

Controllers

動作確認

laravel の実践向け書籍

はじめに

具体的な動き

サンプルコード

database

router

Controller

blade file

結果

参考情報

はじめに

bladeファイルの変更点

cssファイル

結果

laravel の実践向け書籍

はじめに

データベースの中身

router

Controller

view

結果

laravel の実践向け書籍

はじめに

ddとは

データベースの中身

routerの設定

Controllerの設定

結果

laravel の実践向け書籍

はじめに

router

Controller

view

結果

はじめに

routerの編集

結果

はじめに

変更ファイル

timezone

変更前

変更後

言語設定

変更前

変更後

はじめに

tree結果

はじめに

前提条件

データ投入

動作確認

sample

条件付きのデータ取得

laravel の実践向け書籍