.NET開発者のためのブログメディア

最新情報や関心のある情報を毎日お届け。 FEnetメールマガジンメルマガ登録はこちらから>>

SE: Laravel入門編を知りたいです。

PM: LaravelでWebサイトを簡単に作成できるので解説します。

Laravel入門 – PHPフレームワークによるWebサイトの作成方法について

今回はLaravel入門編として、簡単なWebサイトを作成する方法を紹介します。

LaravelはPHPのフレームワークであり、簡単にWebサイトを作成できます。

Laravel入門編に興味のある方はぜひご覧ください。

アプリケーションの作成

Laravel入門編として、アプリケーションの作成方法を説明します。

以下のコマンドを実行します。

$ composer create-project laravel/laravel testapp --prefer-dist

1	$ composer create-project laravel/laravel testapp --prefer-dist

コマンドが成功したらtestappディレクトリに移動してください。

データベースの作成

Laravel入門編として、データベースの作成方法を説明します。

MySQLで以下のコマンドを実行します。

$ mysql -u root
mysql> create database testdb;
mysql> exit;

$ mysql -u root

mysql> create database testdb;

mysql> exit;

その後、.envファイルを修正します。作成したデータベースを記載してください。

DB_DATABASE=testdb
DB_USERNAME=root
#DB_PASSWORD=

DB_DATABASE=testdb

DB_USERNAME=root

#DB_PASSWORD=

モデル・コントローラの作成

Laravel入門編として、モデル・コントローラの作成方法を説明します。

以下のコマンドを実行します。

$ php artisan make:model MyUser -r -m -c

1	$ php artisan make:model MyUser -r -m -c

以下のようなファイルが生成されますので、修正します。
database/migrations/2020_12_04_125524_create_my_users_table.php
idとtimestampsはデフォルトで記載されていますので、必要なカラムを追記します。

public function up()
{
    Schema::create('my_users', function (Blueprint $table) {
        $table->id();
        $table->string('name');  // 追加
        $table->integer('age');  // 追加
        $table->string('email'); // 追加
        $table->timestamps();
    });
}

public function up()

{

Schema::create('my_users', function (Blueprint $table) {

$table->id();

$table->string('name'); // 追加

$table->integer('age'); // 追加

$table->string('email'); // 追加

$table->timestamps();

});

}

ファイルを保存後、マイグレーションコマンドを実行します。
my_usersテーブルが作成されます。

$ php artisan migrate

1	$ php artisan migrate

ルーティングの設定

Laravel入門編として、ルーティングの設定方法を説明します。

routes/web.phpファイルを修正します。

<?php

use Illuminate\Http\Request;
use Illuminate\Support\Facades\Route;

/*
|--------------------------------------------------------------------------
| API Routes
|--------------------------------------------------------------------------
|
| Here is where you can register API routes for your application. These
| routes are loaded by the RouteServiceProvider within a group which
| is assigned the "api" middleware group. Enjoy building your API!
|
*/

Route::get('/', function(){return redirect('/myusers');});
Route::get('/myusers', 'App\Http\Controllers\MyUserController@index');
Route::post('/myusers', 'App\Http\Controllers\MyUserController@store');
Route::delete('/myusers/{id}', 'App\Http\Controllers\MyUserController@destroy');

<?php

use Illuminate\Http\Request;

use Illuminate\Support\Facades\Route;

|--------------------------------------------------------------------------

| API Routes

|--------------------------------------------------------------------------

| Here is where you can register API routes for your application. These

| routes are loaded by the RouteServiceProvider within a group which

| is assigned the "api" middleware group. Enjoy building your API!

Route::get('/', function(){return redirect('/myusers');});

Route::get('/myusers', 'App\Http\Controllers\MyUserController@index');

Route::post('/myusers', 'App\Http\Controllers\MyUserController@store');

Route::delete('/myusers/{id}', 'App\Http\Controllers\MyUserController@destroy');

コントローラの設定

Laravel入門編として、コントローラの設定方法を説明します。

app/Http/Controllers/MyUserController.phpファイルを修正します。

<?php

namespace App\Http\Controllers;

use App\Models\MyUser;
use Illuminate\Http\Request;

class MyUserController extends Controller
{
    /**
     * Display a listing of the resource.
     *
     * @return \Illuminate\Http\Response
     */
    public function index()
    {
        $myUser = MyUser::all();
        return view('myusers', ['myusers' => $myUser]);
    }

    /**
     * Show the form for creating a new resource.
     *
     * @return \Illuminate\Http\Response
     */
    public function create()
    {
        //
    }

    /**
     * Store a newly created resource in storage.
     *
     * @param  \Illuminate\Http\Request  $request
     * @return \Illuminate\Http\Response
     */
    public function store(Request $request)
    {
        $myUser = new MyUser;
        
        $myUser->name = request('name');
        $myUser->age = request('age');
        $myUser->email = request('email');
        $myUser->save();
        return redirect('/myusers');
    }

    /**
     * Display the specified resource.
     *
     * @param  \App\Models\MyUser  $myUser
     * @return \Illuminate\Http\Response
     */
    public function show(MyUser $myUser)
    {
        //
    }

    /**
     * Show the form for editing the specified resource.
     *
     * @param  \App\Models\MyUser  $myUser
     * @return \Illuminate\Http\Response
     */
    public function edit(MyUser $myUser)
    {
        //
    }

    /**
     * Update the specified resource in storage.
     *
     * @param  \Illuminate\Http\Request  $request
     * @param  \App\Models\MyUser  $myUser
     * @return \Illuminate\Http\Response
     */
    public function update(Request $request, MyUser $myUser)
    {
        //
    }

    /**
     * Remove the specified resource from storage.
     *
     * @param  \App\Models\MyUser  $myUser
     * @return \Illuminate\Http\Response
     */
    public function destroy(Request $request, $id, MyUser $myUser)
    {
        $myUser = MyUser::find($id);
        $myUser->delete();
        return redirect('/myusers'); 
    }
}

<?php

namespace App\Http\Controllers;

use App\Models\MyUser;

use Illuminate\Http\Request;

class MyUserController extends Controller

{

/**

* Display a listing of the resource.

* @return \Illuminate\Http\Response

public function index()

{

$myUser = MyUser::all();

return view('myusers', ['myusers' => $myUser]);

}

/**

* Show the form for creating a new resource.

* @return \Illuminate\Http\Response

public function create()

{

}

/**

* Store a newly created resource in storage.

* @param \Illuminate\Http\Request $request

* @return \Illuminate\Http\Response

public function store(Request $request)

{

$myUser = new MyUser;

$myUser->name = request('name');

$myUser->age = request('age');

$myUser->email = request('email');

$myUser->save();

return redirect('/myusers');

}

/**

* Display the specified resource.

* @param \App\Models\MyUser $myUser

* @return \Illuminate\Http\Response

public function show(MyUser $myUser)

{

}

/**

* Show the form for editing the specified resource.

* @param \App\Models\MyUser $myUser

* @return \Illuminate\Http\Response

public function edit(MyUser $myUser)

{

}

/**

* Update the specified resource in storage.

* @param \Illuminate\Http\Request $request

* @param \App\Models\MyUser $myUser

* @return \Illuminate\Http\Response

public function update(Request $request, MyUser $myUser)

{

}

/**

* Remove the specified resource from storage.

* @param \App\Models\MyUser $myUser

* @return \Illuminate\Http\Response

public function destroy(Request $request, $id, MyUser $myUser)

{

$myUser = MyUser::find($id);

$myUser->delete();

return redirect('/myusers');

}

ビューの生成

Laravel入門編として、ビューの生成方法を説明します。

resources/views/myusers.blade.phpを新規作成します。

<!DOCTYPE html>
<html>
    <head>
        <title>User List</title>
        <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
    </head>
    <body>
        <div class="container">
            <h2>User List</h2>
            <form action="/myusers" method="POST" class="form-horizontal">
                {{ csrf_field() }}
                <!-- User Name -->
                <div class="form-group">
                    <label for="myuser" class="col-sm-3 control-label">Name</label>
                    <div class="col-sm-6">
                        <input type="text" name="name" id="myuser-name" class="form-control">
                    </div>
                    <label for="myuser" class="col-sm-3 control-label">Age</label>
                    <div class="col-sm-6">
                        <input type="text" name="age" id="myuser-age" class="form-control">
                    </div>
                    <label for="myuser" class="col-sm-3 control-label">Email</label>
                    <div class="col-sm-6">
                        <input type="text" name="email" id="myuser-email" class="form-control">
                    </div>
                </div>

                <!-- Add User Button -->
                <div class="form-group">
                    <div class="col-sm-offset-3 col-sm-6">
                        <button type="submit" class="btn btn-xs btn-primary">
                            Add User
                        </button>
                    </div>
                </div>
            </form>

            <!-- Current Users -->
            <h2>Current Users</h2>
            <table class="table table-striped task-table">
                <thead>
                    <th>Name</th><th>Age</th><th>Email</th><th> </th>
                </thead>

                <tbody>
                    @foreach ($myusers as $myuser)
                        <tr>
                            <!-- User Name -->
                            <td><div>{{ $myuser->name }}</div></td>
                            <td><div>{{ $myuser->age }}</div></td>
                            <td><div>{{ $myuser->email }}</div></td>
                            <td>
                                <form action="/myusers/{{ $myuser->id }}" method="POST">
                                    {{ csrf_field() }}
                                    {{ method_field('DELETE') }}
                                    <button class="btn btn-xs btn-danger">Delete User</button>
                                </form>
                            </td>
                        </tr>
                    @endforeach
                </tbody>
            </table>
        </div>
    </body>
</html>

<!DOCTYPE html>

<html>

<head>

</head>

<body>

</div>

</div>

<label for="myuser" class="col-sm-3 control-label">Email</label>

</div>

Add User

</button>

</div>

</form>

<h2>Current Users</h2>

<thead>

<th>Name</th><th>Age</th><th>Email</th><th> </th>

</thead>

<tbody>

@foreach ($myusers as $myuser)

<tr>

<td><div>{{ $myuser->name }}</div></td>

<td><div>{{ $myuser->age }}</div></td>

<td><div>{{ $myuser->email }}</div></td>

<td>

<form action="/myusers/{{ $myuser->id }}" method="POST">

<button class="btn btn-xs btn-danger">Delete User</button>

</form>

</td>

</tr>

@endforeach

</tbody>

</table>

</div>

</body>

</html>

以下のコマンドで、サーバを起動します。

$ php artisan serve

1	$ php artisan serve

Webブラウザから「http://サーバアドレス:8000/」にアクセスします。
ユーザを追加・削除してみてください。

SE: ルーティングやコントローラを設定できるんですね。

PM: 他にも、ビューの生成もできますので試してみてください。

まとめ

いかがでしたでしょうか。

今回は、Laravel入門編として、アプリケーションを作成してみました。ここで紹介したものはあくまでも入門編であり、この他にも様々な仕組みがあります。

ぜひご自身でソースコードを書いて、理解を深めてください。

.NET分野でのキャリアアップをお考えの方は、現在募集中の求人情報をご覧ください。

また、直接のエントリーも受け付けております。

エントリー（応募フォーム）

Search キーワード検索

Popular 人気の記事

reccomended おすすめ記事

C#のusingステートメントでリソースの解放【Disposeとの違いとは】

公開:'20/03/17 更新:'21/11/05
【SQL Serverログの操作】トランザクションログの使用量を確認する方法

公開:'20/03/16 更新:'21/11/08
【.NETが統合】.NET 5の概要と今後のリリース予定

公開:'20/03/05 更新:'20/10/08

Categories 連載一覧

生活・便利

教育・学習

Windows

言語・環境

転職

エンジニア

働き方

プログラミング言語

開発環境

ツール

未分類

.NET開発者のためのブログメディア

Laravel入門｜PHPフレームワークによるWebサイトの作成方法について解説！

Laravel入門 – PHPフレームワークによるWebサイトの作成方法について

アプリケーションの作成

データベースの作成

モデル・コントローラの作成

ルーティングの設定

コントローラの設定

ビューの生成

まとめ

Search キーワード検索

Popular 人気の記事

reccomended おすすめ記事

C#のusingステートメントでリソースの解放【Disposeとの違いとは】

【SQL Serverログの操作】トランザクションログの使用量を確認する方法

【.NETが統合】.NET 5の概要と今後のリリース予定

Categories 連載一覧

Tags タグ一覧

Jobs 新着案件

開発エンジニア/東京都品川区/【WEB面談可】/在宅ワーク

遠隔テストサービス機能改修/JavaScript/東京都港区/【WEB面談可】/テレワーク

病院内システムの不具合対応、保守/東京都豊島区/【WEB面談可】/テレワーク

開発/JavaScript/東京都豊島区/【WEB面談可】/テレワーク

債権債務システム追加開発/東京都文京区/【WEB面談可】/在宅勤務