{"id":49343,"date":"2024-09-02T16:49:12","date_gmt":"2024-09-02T09:49:12","guid":{"rendered":"https:\/\/www.rumahweb.com\/journal\/?p=49343"},"modified":"2024-09-10T16:55:47","modified_gmt":"2024-09-10T09:55:47","slug":"belajar-laravel-bagian-4","status":"publish","type":"post","link":"https:\/\/www.rumahweb.com\/journal\/belajar-laravel-bagian-4\/","title":{"rendered":"Belajar Laravel Bagian 4: Sistem Templating Blade di Laravel"},"content":{"rendered":"\n<p>Setelah belajar tentang <a href=\"https:\/\/www.rumahweb.com\/journal\/belajar-laravel-bagian-3\/\" target=\"_blank\" rel=\"noopener\" title=\"mvc laravel\">Model, View, Controller<\/a> di seri belajar Laravel bagian 3, selanjutnya kita akan membahas tentang sistem <em>templating <\/em>di laravel.<\/p>\n\n\n\n\n\n<p>Pada <em>framework <\/em>Laravel, dikenal istilah <em>blade templating<\/em> yang berfungsi sebagai <em>default template<\/em>. Dalam seri belajar Laravel bagian 4 ini, kami akan membahas secara detail tentang apa itu <em>blade templating<\/em>, fungsinya dan demo pembuatannya. <\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Apa itu <em>Blade Templating<\/em><\/h2>\n\n\n\n<p><em>Blade templating <\/em>adalah sistem <em>template <\/em>bawaan dari Laravel  yang memungkinkan Anda untuk membuat tampilan web dengan cara yang lebih rapi dan terstruktur.<\/p>\n\n\n\n<p>Dengan <em>Blade<\/em>, Anda bisa membuat bagian-bagian dari halaman web, seperti header atau footer, yang bisa digunakan kembali di banyak halaman tanpa perlu menulis ulang kode. Tentunya, hal ini membuat proses pengembangan web lebih cepat dan mudah. <\/p>\n\n\n\n<p>Blade juga menyediakan fitur sederhana untuk menggabungkan logika PHP dengan HTML, seperti menampilkan data dari database atau memeriksa kondisi tertentu, menggunakan sintaks yang mudah dibaca dan dipahami.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Bagian <em>Blade Templating<\/em><\/h2>\n\n\n\n<p>Selanjutnya dalam seri belajar laravel bagian 4, kita akan belajar bagian-bagian dari blade templating yang perlu Anda pahami. Berikut diantaranya:<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">1. <strong>Membuat File <em>Blade<\/em><\/strong><\/h3>\n\n\n\n<p><em>Blade templating<\/em> digunakan untuk membuat tampilan dinamis di Laravel. Dengan ekstensi file .blade.php, Anda akan menyimpan file blade di dalam direktori <code>resources\/view<\/code>.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">2. <strong>Sintaks dasar<\/strong><\/h3>\n\n\n\n<p>\u2018<strong>{{&nbsp; }}<\/strong>\u2019 digunakan untuk mencetak data yang diproses oleh Laravel.<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;h1&gt;{{ $judul }}&lt;\/h1&gt;<\/code><\/pre>\n\n\n\n<p>\u201c<strong>@<\/strong>\u201d digunakan untuk menginstruksikan perintah Blade.<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>@if ($user)\n    &lt;p&gt;Selamat datang, {{ $user-&gt;name }}&lt;\/p&gt;\n@else\n    &lt;p&gt;Selamat datang, Guest&lt;\/p&gt;\n@endif<\/code><\/pre>\n\n\n\n<h3 class=\"wp-block-heading\">3. <strong>Blade directative<\/strong><\/h3>\n\n\n\n<p><strong>@extends<\/strong>: digunakan untuk mewariskan layout.<br \/><strong>@section<\/strong>: digunakan untuk mendefinisikan bagian konten.<br \/><strong>@yield<\/strong>: digunakan untuk menampilkan konten tertentu dari section&nbsp;<br \/><strong>@include<\/strong>: digunakan untuk menyertakan file blade lain.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Demo membuat <em>template <\/em>dinamis di Laravel<\/h2>\n\n\n\n<p>Saat membuat website atau aplikasi berbasis web, kita perlu membuat tampilannya dinamis. Dengan begitu, jika ingin melakukan perubahan kecil pada satu bagian halaman, kita tidak perlu mengubah seluruh file. Cukup melakukan perubahan pada file utama atau template master saja.<\/p>\n\n\n\n<p>Dalam demo ini, kita akan membuat halaman blog yang memiliki beberapa halaman, seperti Homepage, Tentang, dan Kontak.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">1. Membuat <em>route <\/em>Blog<\/h3>\n\n\n\n<p>Pertama yang harus dilakukan adalah <a href=\"https:\/\/www.rumahweb.com\/journal\/belajar-laravel-bagian-2\/#Membuat_Route\" target=\"_blank\" rel=\"noopener\" title=\"\">membuat route<\/a> blog terlebih dahulu. Silakan edit file <strong>routes\\web.php<\/strong> dengan menambahkan file berikut:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>use App\\Http\\Controllers\\BlogController;\n\n\/\/ Route untuk menampilkan data Blog\nRoute::get('\/blog', &#091;BlogController::class, 'index']);\nRoute::get('\/blog\/tentang', &#091;BlogController::class, 'tentang']);\nRoute::get('\/blog\/kontak', &#091;BlogController::class, 'kontak']);<\/code><\/pre>\n\n\n\n<p>Penjelasan dari <em>script <\/em>diatas adalah :&nbsp;<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Saat kita mengakses \/blog, maka yang akan dikerjakan sistem adalah menjalankan <em>method <\/em>index yang ada di dalam <em>controller <\/em>BlogController.<\/li>\n\n\n\n<li>Saat kita mengakses \/blog\/tentang, maka yang akan dikerjakan sistem adalah menjalankan <em>method <\/em>tentang yang ada di dalam <em>controller <\/em>BlogController.<\/li>\n\n\n\n<li>Saat kita mengakses \/blog\/kontak, maka yang akan dikerjakan sistem adalah menjalankan <em>method <\/em>kontak yang ada didalam <em>controller <\/em>BlogController.<\/li>\n<\/ul>\n\n\n\n<p>Sehingga isi file <strong>routes\\web.php <\/strong>selengkapnya sekarang menjadi:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;?php\n\nuse Illuminate\\Support\\Facades\\Route;\nuse App\\Http\\Controllers\\SiswaController;\nuse App\\Http\\Controllers\\BlogController;\n\n\/*\n|--------------------------------------------------------------------------\n| Web Routes\n|--------------------------------------------------------------------------\n|\n| Here is where you can register web routes for your application. These\n| routes are loaded by the RouteServiceProvider and all of them will\n| be assigned to the \"web\" middleware group. Make something great!\n|\n*\/\n\nRoute::get('\/', function () {\n    return view('welcome');\n});\n\nRoute::get('halo', function () {\n\treturn \"Hello World. Selamat datang halaman Tutorial Belajar Laravel Serie 1\";\n});\n\nRoute::get('kontak', function () {\n\treturn view('kontak');\n});\n\n\/\/ Route untuk menampilkan data siswa\nRoute::get('\/siswa', &#091;SiswaController::class, 'index']);\n\n\/\/ Route untuk menampilkan data Blog\nRoute::get('\/blog', &#091;BlogController::class, 'index']);\nRoute::get('\/blog\/tentang', &#091;BlogController::class, 'tentang']);\nRoute::get('\/blog\/kontak', &#091;BlogController::class, 'kontak']);<\/code><\/pre>\n\n\n\n<h3 class=\"wp-block-heading\">2. Membuat Controller BlogController<\/h3>\n\n\n\n<p>Sebagaimana yang telah dipelajari sebelumnya, untuk <a href=\"https:\/\/www.rumahweb.com\/journal\/belajar-laravel-bagian-3\/#Step_5_Controller\" target=\"_blank\" rel=\"noopener\" title=\"\">membuat controller di Laravel<\/a> bisa dilakukan dengan perintah <em>artisan<\/em>. Silakan jalankan perintah berikut.<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>php artisan make:controller BlogController<\/code><\/pre>\n\n\n\n<p>Screenshot saat menjalankan perintahnya dari terminal:<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><a href=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2024\/08\/Screenshot_1.jpg\"><img loading=\"lazy\" decoding=\"async\" width=\"1004\" height=\"104\" src=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2024\/08\/Screenshot_1.jpg\" alt=\"php artisan membuat controller - Belajar Laravel Bagian 4\" class=\"wp-image-49344\" style=\"width:650px;height:auto\" srcset=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2024\/08\/Screenshot_1.jpg 1004w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2024\/08\/Screenshot_1-300x31.jpg 300w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2024\/08\/Screenshot_1-768x80.jpg 768w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2024\/08\/Screenshot_1-370x38.jpg 370w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2024\/08\/Screenshot_1-270x28.jpg 270w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2024\/08\/Screenshot_1-570x59.jpg 570w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2024\/08\/Screenshot_1-740x77.jpg 740w\" sizes=\"auto, (max-width: 1004px) 100vw, 1004px\" \/><\/a><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">3. Edit File BlogController.php<\/h3>\n\n\n\n<p>Langkah selanjutnya, silakan edit file BlogController.php yang ada di app\\Http\\Controllers\\BlogController.php.<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;?php\n\nnamespace App\\Http\\Controllers;\n\nuse Illuminate\\Http\\Request;\n\nclass BlogController extends Controller\n{\n    public function index(){\n\t\treturn view('blog.index');\n\t}\n \n\tpublic function tentang(){\n\t\treturn view('blog.tentang');\n\t}\n \n\tpublic function kontak(){\n\t\treturn view('blog.kontak');\n\t}\n}<\/code><\/pre>\n\n\n\n<p>Keterangan <em>syntax<\/em>:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Method index memanggil view blog.index<\/li>\n\n\n\n<li>Method tentang memanggil view blog.tentang<\/li>\n\n\n\n<li>Method kontak memanggil view blog.kontak<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">4. Membuat Template Master yang akan menjadi induk dari tampilan<\/h3>\n\n\n\n<p>Silakan buat file dengan nama <strong>master.blade.php<\/strong> yang berada di path <strong>\/resources\/views\/master.blade.php<\/strong>.<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;!DOCTYPE html&gt;\n&lt;html lang=\"en\"&gt;\n&lt;head&gt;\n    &lt;meta charset=\"UTF-8\"&gt;\n    &lt;meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"&gt;\n    &lt;title&gt;@yield('title', 'Blog')&lt;\/title&gt;\n    &lt;style&gt;\n        body {\n            font-family: Arial, sans-serif;\n            background-color: #f4f4f4;\n            margin: 0;\n            padding: 0;\n        }\n        header {\n            background-color: #0c6af3;\n            color: #fff;\n            padding: 10px 0;\n            text-align: center;\n        }\n        nav ul {\n            list-style: none;\n            padding: 0;\n        }\n        nav ul li {\n            display: inline;\n            margin: 0 15px;\n        }\n        nav ul li a {\n            color: #fff;\n            text-decoration: none;\n        }\n        .container {\n            max-width: 800px;\n            margin: 20px auto;\n            padding: 20px;\n            background-color: #fff;\n            box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);\n        }\n        footer {\n            text-align: center;\n            padding: 10px;\n            background-color: #0c6af3;\n            color: #fff;\n            position: fixed;\n            bottom: 0;\n            width: 100%;\n        }\n    &lt;\/style&gt;\n&lt;\/head&gt;\n&lt;body&gt;\n    @include('blog.header')\n\n    &lt;div class=\"container\"&gt;\n        @yield('content')\n    &lt;\/div&gt;\n\n    @include('blog.footer')\n&lt;\/body&gt;\n&lt;\/html&gt;<\/code><\/pre>\n\n\n\n<p><strong>Keterangan<\/strong>:<\/p>\n\n\n\n<p><em>Template <\/em><strong>master.blade.php <\/strong>ini menjadi induk dari <em>template <\/em>dinamis yang dibuat pada contoh ini. <em>Template <\/em>master ini merupakan isi tampilan utama dari halaman blog yang mana akan digunakan di seluruh halaman blog nantinya.<br \/><br \/>Selanjutnya, mari membuat bagian header, footer, about, kontak, sesuai yang diperlukan.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">5. Membuat Header<\/h3>\n\n\n\n<p>Silakan buat file dengan nama <strong>header.blade.php<\/strong> yang berada di path <strong>\/resources\/views\/header.blade.php<\/strong>.<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;header&gt;\n    &lt;h1&gt;My Blog&lt;\/h1&gt;\n    &lt;nav&gt;\n        &lt;ul&gt;\n            &lt;li&gt;&lt;a href=\"\/blog\"&gt;Home&lt;\/a&gt;&lt;\/li&gt;\n            &lt;li&gt;&lt;a href=\"\/blog\/tentang\"&gt;Tentang&lt;\/a&gt;&lt;\/li&gt;\n            &lt;li&gt;&lt;a href=\"\/blog\/kontak\"&gt;Kontak&lt;\/a&gt;&lt;\/li&gt;\n        &lt;\/ul&gt;\n    &lt;\/nav&gt;\n&lt;\/header&gt;<\/code><\/pre>\n\n\n\n<h3 class=\"wp-block-heading\">6.  Membuat Footer<\/h3>\n\n\n\n<p>Silakan buat file dengan nama <strong>footer.blade.php<\/strong> yang berada di path <strong>\/resources\/views\/footer.blade.php<\/strong>.<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;footer&gt;\n    &lt;p&gt;&amp;copy; 2024 My Blog. All rights reserved.&lt;\/p&gt;\n&lt;\/footer&gt;<\/code><\/pre>\n\n\n\n<h3 class=\"wp-block-heading\">7. Membuat file Index<\/h3>\n\n\n\n<p>Silakan buat file dengan nama <strong>index.blade.php<\/strong> yang berada di path <strong>\/resources\/views\/index.blade.php<\/strong>.<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>@extends('blog.master')\n\n@section('title', 'Blog')\n\n@section('content')\n    &lt;h2&gt;Selamat Datang di Blog Kami&lt;\/h2&gt;\n    &lt;p&gt;Ini adalah halaman utama blog&lt;\/p&gt;\n\n    &lt;article&gt;\n        &lt;h3&gt;Blog Post Judul 1&lt;\/h3&gt;\n        &lt;p&gt;Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce ut elit vel lorem scelerisque pretium.&lt;\/p&gt;\n    &lt;\/article&gt;\n\n    &lt;article&gt;\n        &lt;h3&gt;Blog Post Judul 2&lt;\/h3&gt;\n        &lt;p&gt;Curabitur tincidunt, ligula eu dictum vulputate, magna nulla luctus enim, at aliquet justo turpis in nulla.&lt;\/p&gt;\n    &lt;\/article&gt;\n@endsection\n\n<\/code><\/pre>\n\n\n\n<h3 class=\"wp-block-heading\">8. Membuat file Tentang<\/h3>\n\n\n\n<p>Silakan buat file dengan nama <strong>tentang.blade.php<\/strong> yang berada di path <strong>\/resources\/views\/tentang.blade.php<\/strong>.<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;!-- Menghubungkan dengan view template master --&gt;\n@extends('blog.master')\n \n&lt;!-- isi bagian judul halaman --&gt;\n&lt;!-- cara penulisan isi section yang pendek --&gt;\n@section('title', 'Halaman Tentang')\n \n \n&lt;!-- isi bagian konten --&gt;\n&lt;!-- cara penulisan isi section yang panjang --&gt;\n@section('content')\n \n\t&lt;p&gt;Ini Adalah Halaman Tentang&lt;\/p&gt;\n\t&lt;p&gt;\n\t\tLorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod\n\t\ttempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,\n\t\tquis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo\n\t\tconsequat. Duis aute irure dolor in reprehenderit in voluptate velit esse\n\t\tcillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non\n\t\tproident, sunt in culpa qui officia deserunt mollit anim id est laborum.\n\t&lt;\/p&gt;\n \n@endsection<\/code><\/pre>\n\n\n\n<h3 class=\"wp-block-heading\">9. Membuat file Kontak<\/h3>\n\n\n\n<p>Silakan buat file dengan nama <strong>kontak.blade.php<\/strong> yang berada di path <strong>\/resources\/views\/kontak.blade.php<\/strong>.<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;!-- Menghubungkan dengan view template master --&gt;\n@extends('blog.master')\n \n&lt;!-- isi bagian judul halaman --&gt;\n&lt;!-- cara penulisan isi section yang pendek --&gt;\n@section('title', 'Halaman Kontak')\n \n \n&lt;!-- isi bagian konten --&gt;\n&lt;!-- cara penulisan isi section yang panjang --&gt;\n@section('content')\n \n\t&lt;p&gt;Ini Adalah Halaman Kontak&lt;\/p&gt;\n\t\n\t&lt;table border=\"1\"&gt;\n\t\t&lt;tr&gt;\n\t\t\t&lt;td&gt;Email&lt;\/td&gt;\n\t\t\t&lt;td&gt;:&lt;\/td&gt;\n\t\t\t&lt;td&gt;teknis@rumahweb.com&lt;\/td&gt;\n\t\t&lt;\/tr&gt;\n\t\t&lt;tr&gt;\n\t\t\t&lt;td&gt;Hp&lt;\/td&gt;\n\t\t\t&lt;td&gt;:&lt;\/td&gt;\n\t\t\t&lt;td&gt;085-123-123-123&lt;\/td&gt;\n\t\t&lt;\/tr&gt;\n\t&lt;\/table&gt;\n \n@endsection<\/code><\/pre>\n\n\n\n<p>Untuk melihat hasilnya, silakan jalankan perintah berikut:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>php artisan serve<\/code><\/pre>\n\n\n\n<h3 class=\"wp-block-heading\">Test Akses<\/h3>\n\n\n\n<p>Akses halaman blog di url <code>http:\/\/127.0.0.1:8000\/blog<\/code><\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><a href=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2024\/08\/Screenshot_2.jpg\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"508\" src=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2024\/08\/Screenshot_2-1024x508.jpg\" alt=\"Halaman Blog\" class=\"wp-image-49345\" style=\"width:650px;height:auto\" srcset=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2024\/08\/Screenshot_2-1024x508.jpg 1024w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2024\/08\/Screenshot_2-300x149.jpg 300w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2024\/08\/Screenshot_2-768x381.jpg 768w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2024\/08\/Screenshot_2-370x184.jpg 370w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2024\/08\/Screenshot_2-270x134.jpg 270w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2024\/08\/Screenshot_2-570x283.jpg 570w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2024\/08\/Screenshot_2-740x367.jpg 740w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2024\/08\/Screenshot_2.jpg 1361w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<p>Klik menu Tentang maka akan tampil<\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><a href=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2024\/08\/Screenshot_3.jpg\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"512\" src=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2024\/08\/Screenshot_3-1024x512.jpg\" alt=\"Halaman tentang\" class=\"wp-image-49346\" style=\"width:650px;height:auto\" srcset=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2024\/08\/Screenshot_3-1024x512.jpg 1024w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2024\/08\/Screenshot_3-300x150.jpg 300w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2024\/08\/Screenshot_3-768x384.jpg 768w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2024\/08\/Screenshot_3-370x185.jpg 370w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2024\/08\/Screenshot_3-270x135.jpg 270w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2024\/08\/Screenshot_3-570x285.jpg 570w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2024\/08\/Screenshot_3-740x370.jpg 740w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2024\/08\/Screenshot_3.jpg 1363w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<p>Klik menu Kontak maka akan tampil.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><a href=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2024\/08\/Screenshot_4.jpg\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"510\" src=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2024\/08\/Screenshot_4-1024x510.jpg\" alt=\"Halaman kontak\" class=\"wp-image-49347\" style=\"width:650px;height:auto\" srcset=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2024\/08\/Screenshot_4-1024x510.jpg 1024w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2024\/08\/Screenshot_4-300x149.jpg 300w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2024\/08\/Screenshot_4-768x382.jpg 768w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2024\/08\/Screenshot_4-370x184.jpg 370w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2024\/08\/Screenshot_4-270x134.jpg 270w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2024\/08\/Screenshot_4-570x284.jpg 570w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2024\/08\/Screenshot_4-740x368.jpg 740w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2024\/08\/Screenshot_4.jpg 1364w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<p>Sampai disini, tentu Anda sudah mengetahui pentingnya membuat halaman dinamis pada website dengan memanfaatkan fitur <em>blade <\/em>dari Laravel ini.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Catatan <em>Blade Templating<\/em><\/h2>\n\n\n\n<p>Dengan menggunakan <em>Blade Templating<\/em>, jika Anda ingin mengubah tampilan, misalnya dari warna biru ke warna lain, cukup edit file <code>master.blade.php<\/code>. Perubahan ini akan otomatis diterapkan ke semua halaman, tanpa perlu mengedit setiap halaman satu per satu.<\/p>\n\n\n\n<p>Hal yang sama berlaku jika Anda ingin mengubah bagian header atau footer. Cukup ubah pada file yang sesuai, dan perubahan tersebut akan langsung berlaku untuk semua halaman tanpa harus mengeditnya satu per satu.<\/p>\n\n\n\n<p>Demikian seri belajar Laravel bagian 4 tentang sistem templating di Laravel. Dengan menggunakan cara ini, Anda bisa membuat halaman website yang dinamis dan lebih cepat. Ikuti terus seri belajar laravel bagian 5 yang akan kami publish dalam beberapa waktu mendatang. Semoga bermanfaat. <\/p>\n","protected":false},"excerpt":{"rendered":"<p>Setelah belajar tentang Model, View, Controller di seri belajar Laravel bagian 3, selanjutnya kita akan membahas tentang sistem templating di laravel. Pada framework Laravel, dikenal istilah blade templating yang berfungsi sebagai default template. Dalam seri belajar Laravel bagian 4 ini, kami akan membahas secara detail tentang apa itu blade templating, fungsinya dan demo pembuatannya. Apa [&hellip;]<\/p>\n","protected":false},"author":319,"featured_media":49768,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":true,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2}},"categories":[7],"tags":[1587,796,1497],"class_list":{"0":"post-49343","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-web-programming","8":"tag-belajar-laravel","9":"tag-laravel","10":"tag-tutorial-laravel"},"aioseo_notices":[],"jetpack_publicize_connections":[],"jetpack_featured_media_url":"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2024\/09\/banner-belajar-laravel-bagian-4.png","jetpack_shortlink":"https:\/\/wp.me\/p8n3G7-cPR","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.rumahweb.com\/journal\/wp-json\/wp\/v2\/posts\/49343","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.rumahweb.com\/journal\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.rumahweb.com\/journal\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.rumahweb.com\/journal\/wp-json\/wp\/v2\/users\/319"}],"replies":[{"embeddable":true,"href":"https:\/\/www.rumahweb.com\/journal\/wp-json\/wp\/v2\/comments?post=49343"}],"version-history":[{"count":0,"href":"https:\/\/www.rumahweb.com\/journal\/wp-json\/wp\/v2\/posts\/49343\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.rumahweb.com\/journal\/wp-json\/wp\/v2\/media\/49768"}],"wp:attachment":[{"href":"https:\/\/www.rumahweb.com\/journal\/wp-json\/wp\/v2\/media?parent=49343"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.rumahweb.com\/journal\/wp-json\/wp\/v2\/categories?post=49343"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.rumahweb.com\/journal\/wp-json\/wp\/v2\/tags?post=49343"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}