Chương 12-Bài 4. Tạo các trang thông báo lỗi tương ứng STATUS CODE

Để trang web được đẹp hơn và tránh các thông báo lỗi có nguy cơ dẫn đến lộ file code. Chúng ta nên tạo các trang giao diện tương ứng với STATUS CODE. Về STATUS CODE, các bạn có thể xem thêm trên Wiki https://en.wikipedia.org/wiki/List_of_HTTP_status_codes Trong Laravel đã hỗ trợ chuyện này rất tốt. Tiến hành như sau:

Step 1: Tạo folder resources/views/errors

• Trong Laravel, các trang thông báo lỗi mặc định sẽ nằm trong thư mục resources/views/errors
• Cấu trúc thư mục như sau:

resources
    ├───errors
    │       401.blade.php -> mã lỗi chưa được phân quyền
    │       404.blade.php -> mã lỗi không tìm thấy trang

Step 2: viết code tạo giao diện cho các trang

Code trang 404.blade.php:

{{-- View này sẽ kế thừa giao diện từ `frontend.layouts.master` --}}
@extends('frontend.layouts.master')

{{-- Thay thế nội dung vào Placeholder `title` của view `frontend.layouts.master` --}}
@section('title')
Shop Hoa tươi - Sunshine
@endsection

{{-- Thay thế nội dung vào Placeholder `custom-css` của view `frontend.layouts.master` --}}
@section('custom-css')
@endsection

{{-- Thay thế nội dung vào Placeholder `main-content` của view `frontend.layouts.master` --}}
@section('main-content')
<div class="container">
    <section class="content">
        <div class="error-page">
            <h2 class="headline text-yellow"> 404</h2>

            <div class="error-content">
                <h3><i class="fa fa-warning text-yellow"></i> Xin lỗi, trang không tìm thấy</h3>

                <p>
                    Chúng tôi đã cố gắng tìm, nhưng không thấy trang bạn yêu cầu. Bạn có thể <a href="{{ route('frontend.home') }}">quay về Trang chủ</a> và xem tiếp các sản phẩm khác của chúng tôi!
                </p>
            </div>
        </div>
    </section>
</div>
@endsection