Laravel การใช้งาน Blade Templates, Validation

25 เม.ย. 2020 , 7,040 Views , หมวดหมู่ Laravel ทุกหมวดหมู่ โค๊ดดิ้ง , ป้ายกำกับ:Blade Templates, laravel, Validation

Blade Templates

เข้าไปสร้างหรือจัดการในโฟลเดอร์ resources/views

@yield(‘content’)

คือ สำหรับดึงเนื้อหาใน @section(‘content’) …… @endsection มาแสดง

@yield('content', View::make('contentnotfound'))

1	@yield('content', View::make('contentnotfound'))

จากโค๊ดด้านบน หากไม่เจอ @section(‘content’)…@endsection ให้ไปดึงข้อมูลใน View : contentnotfound มาแสดง

ไฟล์ Template หลักของ

ตัวอย่างสร้าง Layout Template แยกส่วน Header, Sidebar, Content, Footer

สร้างใว้ใน resources/views/layouts/app.blade.php
และมีการ include ไฟล์ย่อย
resources/views/layouts/header.blade.php
resources/views/layouts/sidebar.blade.php
resources/views/layouts/footer.blade.php

<!-- Stored in resources/views/layouts/app.blade.php -->

<html>
    <head>
        <title>App Name - @yield('title')</title>
    </head>
    <body>
	<div class="wrapper">
	<!-- Header -->
	@include('layouts.header')

	<!-- Sidebar -->
	@include('layouts.sidebar')

	<!-- Content Wrapper. Contains page content -->
	<div class="content-wrapper">
		<!-- Your Page Content Here -->
		@yield('content')
	</div>
	<!-- /.content-wrapper -->

	<!-- Footer -->
	@include('layouts.footer')
	</div>
	<!-- ./wrapper -->		
    </body>
</html>

<html>

<head>

<title>App Name - @yield('title')</title>

</head>

<body>

@include('layouts.header')

@include('layouts.sidebar')

@yield('content')

</div>

@include('layouts.footer')

</div>

</body>

</html>

จากนั้นก็สร้างไฟล์แยกย่อยเป็น

resources/views/layouts/header.blade.php
resources/views/layouts/sidebar.blade.php
resources/views/layouts/footer.blade.php

ตัวอย่างการเรียกใช้งาน Template หลัก

สมมุติว่าเราจะสร้างหน้าสำหรับแก้ไขข้อมูล โดยสร้างไฟล์ resources/views/editview.blade.php

@extends(‘layouts.app’) คือเรียกใช้งาน Template หลัก

@extends('layouts.app')

@section('title', 'Page Title')

@section('sidebar')
    @parent
	<p>This is appended to the master sidebar.</p>
@endsection

@section('content')
 <p>This is my body content.</p>
@endsection

@extends('layouts.app')

@section('title', 'Page Title')

@section('sidebar')

@parent

<p>This is appended to the master sidebar.</p>

@endsection

@section('content')

<p>This is my body content.</p>

@endsection

สำหรับในไฟล์ resources/views/layouts/sidebar.blade.php จะมีโค๊ดดังนี้

@section('sidebar')
   <p>Sidebar Menu</p>
@show

@section('sidebar')

<p>Sidebar Menu</p>

@show

ในไฟล์ resources/views/editview.blade.php ในส่วนของโค๊ด

...
@section('sidebar') 
@parent 

<p>This is appended to the master sidebar.</p> 
@endsection
...

...

@section('sidebar')

@parent

<p>This is appended to the master sidebar.</p>

@endsection

...

โค๊ดด้านบน

@parent คือจะดึงข้อมูลจาก sidebar.blade.php มาแสดงก่อนและตัวด้วยข้อมูลที่อยู่ใน @section(‘sidebar’) คือ <p>This is appended to the master sidebar.</p>

ดูตัวอย่างเพิ่มเติม https://seenual.com/laravel-ติดตั้ง-config-ใช้งาน-authentication-ใช้กั/#bladetemplate

ดูเพิ่มเติม https://laravel.com/docs/master/blade#template-inheritance

Validation

Validation Roles ดูได้จากลิ้งค์นี้ครับ https://laravel.com/docs/master/validation#available-validation-rules

หลักๆทำได้ 2 วิธี คือ

สร้าง Form Request Validation สำหรับเรียกใช้งานตรวจสอบข้อมูล ได้ในทุก Method เช่น ในตอน Create, Edit ฯลฯ เป็นต้น
สร้าง Validation โดยตรงตรวจสอบเฉพาะ Method นั้นๆ

Form Request Validation

ใช้ Command ด้านล่าง เพื่อสร้าง

php artisan make:request StoreUserPost

1	php artisan make:request StoreUserPost

จากนั้นจะมีไฟล์ StoreUserPost.php ถูกสร้างใว้ที่โฟลเดอร์ app/Http/Requests

โดยในไฟล์มีโค๊ดดังนี้

/**
 * Determine if the user is authorized to make this request.
 *
 * @return bool
 */
public function authorize()
{
	return true;
}

/**
 * Get the validation rules that apply to the request.
 *
 * @return array
 */
public function rules()
{
	return [
		'name' => 'required',
		'phone' => 'required',
		'email' => 'sometimes|required|email|unique:users,email,'.$this->user()->id,
	];
}

/**
 * Get the error messages for the defined validation rules.
 *
 * @return array
 */
public function messages()
{
/*		return [
		'name.required' => 'A Name is required',
		'phone.required'  => 'A Phone is required',
	];*/
	return [

	];
}

/**
 * Get custom attributes for validator errors.
 *
 * @return array
 */
public function attributes()
{
	return [
		'name' => 'Name',
		'phone' => 'Phone',
		'email' => 'Email',
	];
}

/**

* Determine if the user is authorized to make this request.

* @return bool

public function authorize()

{

return true;

}

/**

* Get the validation rules that apply to the request.

* @return array

public function rules()

{

return [

'name' => 'required',

'phone' => 'required',

'email' => 'sometimes|required|email|unique:users,email,'.$this->user()->id,

];

}

/**

* Get the error messages for the defined validation rules.

* @return array

public function messages()

{

/* return [

'name.required' => 'A Name is required',

'phone.required' => 'A Phone is required',

];*/

return [

];

}

/**

* Get custom attributes for validator errors.

* @return array

public function attributes()

{

return [

'name' => 'Name',

'phone' => 'Phone',

'email' => 'Email',

];

}

function authorize() กำหนดให้เป็น true คือมีสิทธิ์ใช้ validation นี้

function rules() กำหนด ฟิวด์และ Role สำหรับตรวจสอบข้อมูล

function messages() กำหนดข้อความ Error สำหรับแต่ละ Role

function attributes() กำหนดในการแสดงชื่อ(Label) ของ แต่ละฟิวด์ ในการแสดง Error

สร้าง Validation โดยตรงตรวจสอบเฉพาะ Method นั้นๆ

ตัวอย่างโค๊ด ในไฟล์ Controller

/**
 * Store a new blog post.
 *
 * @param  Request  $request
 * @return Response
 */
public function store(Request $request)
{
    $validatedData = $request->validate([
        'title' => 'required|unique:posts|max:255',
        'body' => 'required',
    ]);

    // The blog post is valid...
}

/**

* Store a new blog post.

* @param Request $request

* @return Response

public function store(Request $request)

{

$validatedData = $request->validate([

'title' => 'required|unique:posts|max:255',

'body' => 'required',

]);

// The blog post is valid...

}

หรือสร้าง Validation เอง ตามโค๊ดด้านล่าง

<?php

namespace App\Http\Controllers;

use App\Http\Controllers\Controller;
use Illuminate\Http\Request;
use Illuminate\Support\Facades\Validator;

class PostController extends Controller
{
    /**
     * Store a new blog post.
     *
     * @param  Request  $request
     * @return Response
     */
    public function store(Request $request)
    {
		$rules = [
            'title' => 'required|unique:posts|max:255',
            'body' => 'required',
        ];
		
		//Custom Error Messages
		$messages = [
			'required' => 'The :attribute field is required.',
		];
		
        $validator = Validator::make($request->all(),$rules,$messages);

        if ($validator->fails()) {
            return redirect('post/create')
                        ->withErrors($validator)
                        ->withInput();
        }

        // Store the blog post...
    }
}

<?php

namespace App\Http\Controllers;

use App\Http\Controllers\Controller;

use Illuminate\Http\Request;

use Illuminate\Support\Facades\Validator;

class PostController extends Controller

{

/**

* Store a new blog post.

* @param Request $request

* @return Response

public function store(Request $request)

{

$rules = [

'title' => 'required|unique:posts|max:255',

'body' => 'required',

];

//Custom Error Messages

$messages = [

'required' => 'The :attribute field is required.',

];

$validator = Validator::make($request->all(),$rules,$messages);

if ($validator->fails()) {

return redirect('post/create')

->withErrors($validator)

->withInput();

}

// Store the blog post...

}

ยกเว้นตรวจสอบข้อมูล Unique ของเรคคอร์ดที่กำลังแก้ไข

เช่น email ไม่ให้ซ้ำกับเรคคอร์ดอื่น แต่เวลาอัพเดทในเรคคอร์ดของตัวเอง ให้ยกเว้น ให้กำหนด rules ดังนี้

public function update(Request $request, $id)
{
...
	$rules = [
		...
		'email' => 'sometimes|required|email|unique:users,email,'.$id,
		...
	];
...

public function update(Request $request, $id)

{

...

$rules = [

...

'email' => 'sometimes|required|email|unique:users,email,'.$id,

...

];

...

แสดง Error จาก Validation ใน view

ตัวอย่าง แสดงทุก Error

<!-- /resources/views/post/create.blade.php -->

<h1>Create Post</h1>

@if ($errors->any())
    <div class="alert alert-danger">
        <ul>
            @foreach ($errors->all() as $error)
                <li>{{ $error }}</li>
            @endforeach
        </ul>
    </div>
@endif

<!-- Create Post Form -->

<h1>Create Post</h1>

@if ($errors->any())

<ul>

@foreach ($errors->all() as $error)

<li>{{ $error }}</li>

@endforeach

</ul>

</div>

@endif

ตัวอย่าง แสดงในแต่ละ input field ที่ error

<!-- /resources/views/auth.blade.php -->

<label for="email">Email address</label>

<input id="email" type="email" class="@error('email') is-invalid @enderror">

@error('email')
    <div class="alert alert-danger">{{ $message }}</div>
@enderror

<label for="email">Email address</label>

@error('email')

<div class="alert alert-danger">{{ $message }}</div>

@enderror

ดูเพิ่มเติม https://laravel.com/docs/master/validation#quick-displaying-the-validation-errors หรือ https://laravel.com/docs/master/blade#validation-errors

ป้ายกำกับ:Blade Templates, laravel, Validation

Laravel การใช้งาน Blade Templates, Validation

Blade Templates

@yield(‘content’)

ไฟล์ Template หลักของ

ตัวอย่างการเรียกใช้งาน Template หลัก

Validation

Form Request Validation

สร้าง Validation โดยตรงตรวจสอบเฉพาะ Method นั้นๆ

ยกเว้นตรวจสอบข้อมูล Unique ของเรคคอร์ดที่กำลังแก้ไข

แสดง Error จาก Validation ใน view

หมวดหมู่

ติดต่อเรา

ติดตามเรา

Laravel การใช้งาน Blade Templates, Validation

Blade Templates

@yield(‘content’)

ไฟล์ Template หลักของ

ตัวอย่างการเรียกใช้งาน Template หลัก

Validation

Form Request Validation

สร้าง Validation โดยตรงตรวจสอบเฉพาะ Method นั้นๆ

ยกเว้นตรวจสอบข้อมูล Unique ของเรคคอร์ดที่กำลังแก้ไข

แสดง Error จาก Validation ใน view

หมวดหมู่

Popular Posts

ป้ายกำกับ

ติดต่อเรา

ติดตามเรา