ボス級社内SEのお役立ち技術情報

社内SEのシステム開発について。メインプログラム言語C#

【Laravel5.7】CRUDアプリケーションを最速で作成する④ CREATE(新規作成)

f:id:HLSE:20190220191746p:plain

前回の記事で、一覧表示ができるようになったので、

CRUDのCREATE(新規作成)を作成します。

 

以下記事がこの記事の基本部分になるのでこちらからご覧ください。

www.topse.work

 

開発環境

OS:Windows10 64bit
XAMPP:v3.2.2
MySQL(MariaDB):10.1.35-MariaDB
Webフレームワーク:Laravel Framework 5.7.27
エディタ:VisualStudioCode 1.30.2

手順

 

ルートの追加

routes\web.php

Route::group(['prefix' => 'problem'], function () {
//新規作成
Route::view('create', 'problem/create/index')->name('problem.create');
Route::patch('create', 'problemController@create')->name('problem.create');
Route::post('create', 'problemController@store')->name('problem.create');
});

 

ビュー作成(入力用画面、確認用画面) 

resources\views\problem\create\index.blade.php

gist9f92ba95d7733e26babbf98a3782e84a

 

resources\views\problem\create\create.blade.php

gist994872666c7094cb54a4ef2a7bf545a4

 

コントローラ(入力用画面、確認用画面) 

app\Http\Controllers\ProblemController.php

入力確認

public function create(Request $request)
{
 $data = $request->all();
 return view('problem.create.create')->with($data);
}

データ保存

public function store(Request $request)
{
 $problem = new problem();
 $problem->create($request->all());
 return redirect()->to('problem');
}

 

実行結果

ビルドインサーバ起動

php artisan serve --host 0.0.0.0

ブラウザよりアクセスして以下画面になっていればデータが取得できています!

http://localhost:8000/problem/

新規作成画面開く

f:id:HLSE:20190224002400j:plain


各項目を入力して確認を押す

f:id:HLSE:20190224002615j:plain

保存を押す

f:id:HLSE:20190224002810j:plain

データが登録されました!

f:id:HLSE:20190224002821j:plain

 

以上でCRUDのCREATE(新規作成)画面作成完了です。

次は、CRUDのUPDATE(更新)を作成します。