最強に簡単!Laravelで作る登録機能システムLv.3 〜View編〜

この記事でやること

  • viewを作る!!

ベースとなるフォーム作成

resources/views/layouts/common.blad.phpを作成







<!-- @section('styles') <link rel="stylesheet" href="{{ elixir('css/app.css') }}"> @show --> <!-- [if lt IE 9]> <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script> <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script> <![endif]--> <div class="container">@yield('content')</div>  

登録用フォーム作成

resources/views/form/create.blad.phpを作成


@extends('layouts.common') @section('title', 'input') @section('content') <div class="container"> <h3>Laravelで簡単なフォームを作ってみる</h3> {{Form::open([ 'url' => '/store' ]) }} <div class="form-group">{{Form::label( 'name', '氏名', [ 'class' => 'label label-danger' ]) }} {{Form::text( 'name', '', [ 'class' => 'form-control', 'placeholder' => '氏名を入力してください', ]) }}</div> <div class="form-group">{{Form::label( 'age', '年齢', [ 'class' => 'label label-danger' ]) }} {{Form::text( 'age', '', [ 'class' => 'form-control', 'placeholder' => '年齢を入力してください', ]) }}</div> <div class="form-group"> <div class="form-check form-check-inline"><label class="form-check-label"> {{Form::radio('sex', 1, false, ['class' => 'form-check-input'])}}男性 </label></div> <div class="form-check form-check-inline"><label class="form-check-label"> {{Form::radio('sex', 2, false, ['class' => 'form-check-input'])}} 女性 </label></div> </div> <div class="form-group">{{Form::label( 'content', '内容', [ 'class' => 'label label-danger' ]) }} {{Form::textarea( 'content', '', [ 'class' => 'form-control', 'rows' => 3, ]) }}</div> <div class="form-group">{{Form::submit('登録', ['class' => 'btn btn-primary'])}}</div> {{Form::close()}} <!-- <form method="POST" action="{{ route('form::store') }}"> <input type="hidden" name="_token" value="<?php echo csrf_token(); ?>"> <div class="form-group"> <label>性別</label><span class="label label-danger">必須</span> <div class="form-check form-check-inline"> <label class="form-check-label"> <input class="form-check-input" type="radio" name="gender" value="1">男性 </label></div> <div class="form-check form-check-inline"> <label class="form-check-label"> <input class="form-check-input" type="radio" name="gender" value="2">女性 </label></div> </div> <div class="form-group"> <label>内容</label> <textarea class="form-control" name="content" rows="3" placeholder="内容を入力してください"></textarea></div> <div class="form-group row"> <div class="offset-sm-2 col-sm-10"> <button type="submit" class="btn btn-primary">確認する</button></div> </div> </form> --> </div> @endsection

一覧表示画面作成

resources/views/form/index.blad.phpを作成


@extends('layouts.common') @section('title', 'index') @section('content') <div class="container"><a class="btn btn-primary btn-block" role="button" href="/create">新規作成</a> <h3 class="text-center">User一覧</h3> </div> @foreach ($users as $user)@endforeach <table class="table table-striped table-hover"> <thead class="thead-light"> <tr> <th scope="col">id</th> <th scope="col">name</th> <th scope="col">age</th> <th scope="col">sex</th> </tr> </thead> <tbody> <tr> <th scope="row">{{ $user->id }}</th> <td>{{ $user->name }}</td> <td>{{ $user->age }}</td> <td>{{ $user->sex_for_view }}</td> </tr> </tbody> </table> @endsection

次回

  • DB用意
  • Model作成

シェアする

  • このエントリーをはてなブックマークに追加

フォローする