{"id":613,"date":"2021-12-14T09:32:40","date_gmt":"2021-12-14T02:32:40","guid":{"rendered":"https:\/\/duniacoding.info\/?p=613"},"modified":"2021-12-14T09:32:42","modified_gmt":"2021-12-14T02:32:42","slug":"belajar-php-include-pada-php","status":"publish","type":"post","link":"https:\/\/duniacoding.id\/blog\/belajar-php-include-pada-php\/","title":{"rendered":"Belajar PHP #10 : Fungsi Include pada PHP"},"content":{"rendered":"\n
\"Include<\/figure>\n\n\n\n

Pada artikel kali ini, Aku akan menjelaskan tentang Fungsi Include pada PHP. Fungsi iniberguna untuk menyertakan file .php<\/code> lainnya kedalam file .php<\/code> lainnya. Hal ini tentunya sangat berguna bagi programmer. jadi kita tidak harus menuliskan syntax yang sama berulang-ulang kali.<\/p>\n\n\n\n

Apa itu Include pada PHP<\/h2>\n\n\n\n

Fungsi yang akan kita bahas adalah fungsi include()<\/code>. Fungsi include()<\/code> inilah yang memudahkan kita dalam develop sebuah program, sehingga kita tidak perlu mengetikkan syntax yang sama berulang-ulang kali.<\/p>\n\n\n\n

Fungsi include()<\/code> ini sebenarnya ada 2. Yaitu include()<\/code> dan include_once()<\/code>. Apa perbedaannya dan bagaimana cara penggunaanya akan kita bahas sekarang. <\/p>\n\n\n\n

Penggunaan Include pada PHP<\/h2>\n\n\n\n

Seperti yang sudah dijelaskan, kita akan menggunakan fungsi include untuk menyertakan file .php<\/code> ke file .php<\/code> lainnya. Disini akan aku praktekkan menggunakan contoh Landing Page yang sudah saya buat. Berikut codingannya.<\/p>\n\n\n\n

File index.php<\/code><\/p>\n\n\n

\n<!doctype html>\n<html lang="en">\n\n<head>\n    <meta charset="utf-8">\n    <meta name="viewport" content="width=device-width, initial-scale=1">\n    <link href="https:\/\/cdn.jsdelivr.net\/npm\/bootstrap@5.1.3\/dist\/css\/bootstrap.min.css" rel="stylesheet" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">\n    <link rel="stylesheet" href="https:\/\/use.fontawesome.com\/releases\/v5.7.0\/css\/all.css" integrity="sha384-lZN37f5QGtY3VHgisS14W3ExzMWZxybE1SJSEsQp9S+oqd12jhcu+A56Ebc1zFSJ" crossorigin="anonymous">\n\n    <title>Portofolio | Alfian Luthfi <\/title>\n    <style>\n        .jumbotron {\n            padding: 2rem 1rem;\n            background-color: #E24761;\n        }\n\n        .footer {\n            background-color: #E24761;\n        }\n    <\/style>\n<\/head>\n\n<body>\n    <nav class="navbar fixed-top navbar-expand-lg navbar-dark" style="background-color: #E24761">\n        <div class="container">\n            <a class="navbar-brand" href="#">Alfian | Porto<\/a>\n            <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">\n                <span class="navbar-toggler-icon"><\/span>\n            <\/button>\n            <div class="collapse navbar-collapse" id="navbarNav">\n                <ul class="navbar-nav ms-auto">\n                    <li class="nav-item">\n                        <a class="nav-link text-light" aria-current="page" href="#">Home<\/a>\n                    <\/li>\n                    <li class="nav-item">\n                        <a class="nav-link text-light" href="#about">About<\/a>\n                    <\/li>\n                <\/ul>\n            <\/div>\n        <\/div>\n    <\/nav>\n\n    <div class="jumbotron text-center">\n        <img src="img\/alfian.jpeg" alt="Alfian Luthfi" class="rounded-circle img-thumbnail mt-4" width="200">\n        <h1 class="display-4 text-white">Alfian Luthfi<\/h1>\n        <p class="lead text-white">Student | Web Developer<\/p>\n    <\/div>\n<\/body>\n<\/pre><\/div>\n\n\n
Pada syntax diatas. Aku sudah membuat sebuah tampilan sederhana menggunakan Bootstrap. dan disini aku bakal memisah semuanya satu-persatu agar memudahkan kita dalam membuat halaman lain juga. Syntax diatas akan menghasilkan output seperti ini<\/p>\n\n\n\n
\"\"<\/figure>\n\n\n\n
Bisa dilihat dari gambar diatas terdapat navbar<\/code>, lalu ada content <\/code>yang berisi foto dan nama. Sekarang aku akan memisahkan beberapa syntax dari codingan diatas dan akan aku gantikan pakai include().<\/code><\/p>\n\n\n\n
File head.php<\/code><\/p>\n\n\n
\n<head>\n    <meta charset="utf-8">\n    <meta name="viewport" content="width=device-width, initial-scale=1">\n    <link href="https:\/\/cdn.jsdelivr.net\/npm\/bootstrap@5.1.3\/dist\/css\/bootstrap.min.css" rel="stylesheet" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">\n    <link rel="stylesheet" href="https:\/\/use.fontawesome.com\/releases\/v5.7.0\/css\/all.css" integrity="sha384-lZN37f5QGtY3VHgisS14W3ExzMWZxybE1SJSEsQp9S+oqd12jhcu+A56Ebc1zFSJ" crossorigin="anonymous">\n\n    <title>Portofolio | Alfian Luthfi <\/title>\n    <style>\n        .jumbotron {\n            padding: 2rem 1rem;\n            background-color: #E24761;\n        }\n\n        .footer {\n            background-color: #E24761;\n        }\n    <\/style>\n<\/head>\n<\/pre><\/div>\n\n\n
File navbar.php<\/code><\/p>\n\n\n
\n    <nav class="navbar fixed-top navbar-expand-lg navbar-dark" style="background-color: #E24761">\n        <div class="container">\n            <a class="navbar-brand" href="#">Alfian | Porto<\/a>\n            <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">\n                <span class="navbar-toggler-icon"><\/span>\n            <\/button>\n            <div class="collapse navbar-collapse" id="navbarNav">\n                <ul class="navbar-nav ms-auto">\n                    <li class="nav-item">\n                        <a class="nav-link text-light" aria-current="page" href="#">Home<\/a>\n                    <\/li>\n                    <li class="nav-item">\n                        <a class="nav-link text-light" href="#about">About<\/a>\n                    <\/li>\n                <\/ul>\n            <\/div>\n        <\/div>\n    <\/nav>\n<\/pre><\/div>\n\n\n
Nah, setelah dirubah keduanya. sekarang kita panggil file head.php<\/code> dan navbar.php<\/code> kedalam file index.php<\/code> kita<\/p>\n\n\n\n
File index.php<\/code><\/p>\n\n\n
\n<!doctype html>\n<html lang="en">\n\n<?php include('head.php') ?>\n\n<body>\n    <?php include('navbar.php') ?>\n\n    <div class="jumbotron text-center">\n        <img src="img\/alfian.jpeg" alt="Alfian Luthfi" class="rounded-circle img-thumbnail mt-4" width="200">\n        <h1 class="display-4 text-white">Alfian Luthfi<\/h1>\n        <p class="lead text-white">Student | Web Developer<\/p>\n    <\/div>\n<\/body>\n<\/pre><\/div>\n\n\n
Nah, setelah memisah head.php<\/code> dan navbar.php<\/code> kedalam file baru, kita tinggal memanggil keduanya didalam index.php <\/code>kita dengan fungsi include()<\/code>. Dan sekarang head.php dan navbar.php kita bisa kita gunakan dihalaman lain tanpa harus mengetik banyak-banyak lagi. cukup gunakan fungsi include saja yaitu <?php include('head.php') ?><\/code> dan <?php include('navbar.php') ?><\/code>. Syntax yang sangat sedikit diatas akan menghasilkan output yang sama dengan syntax yang tidak kita pisah sebelumnya<\/p>\n\n\n\n
\"\"<\/figure>\n\n\n\n
Manfaat Include pada PHP<\/h2>\n\n\n\n
Sekarang kita masuk ke Manfaat dari fungsi Include pada PHP ini. Misalkan sekarang kita ingin membuat beberapa halaman sendiri. sekarang aku akan fokus membuat halaman about<\/code>. Nah, aku bisa memanggil file head.php <\/code>dan navbar.php<\/code> kita dan langsung mengisi kontennya dengan konten lain. Berikut syntaxnya.<\/p>\n\n\n\n
File about.php<\/code><\/p>\n\n\n
\n<!doctype html>\n<html lang="en">\n\n<?php include('head.php') ?>\n\n<body>\n    <?php include('navbar.php') ?>\n\n    <div class="jumbotron text-center mt-5">\n        <h1 class="display-4 text-white">About Me<\/h1>\n        <div class="row d-flex justify-content-center text-white">\n            <div class="col-lg-4">\n                <p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Nisi fuga vitae in aspernatur corrupti! Dolores explicabo omnis pariatur iste veniam.<\/p>\n            <\/div>\n            <div class="col-lg-4">\n                <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Omnis quis delectus suscipit error qui natus cum laborum, repudiandae, quisquam soluta animi. Porro harum autem laboriosam dolorem. Numquam cum minus excepturi!<\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/body>\n<\/pre><\/div>\n\n\n
Nah, bisa dilihat pada syntax diatas. aku melakukan hal yang sama yaitu memanggil head.php<\/code> dan navbar.php<\/code> dengan fungsi include()<\/code>. Bedanya aku mengganti konten yang tadinya gambar dan nama, menjadi konten ‘About Me’. Hasilnya jadi seperti ini<\/p>\n\n\n\n
\"\"
Nah, sama saja kan hasil dari Navbarnya. kita tidak perlu menuliskan syntax yang banyak saat kita membuat halaman baru. cukup panggil saja dengan fungsi include()<\/code>.<\/figcaption><\/figure>\n\n\n\n
Sekarang, manfaat lain dari Include pada PHP ini yaitu misal kita ingin mengganti konten pada navbar <\/code>kita. Maka kita cukup mengganti sekali di file navbar.php<\/code> dan efeknya sudah bisa terasa di semua halaman kita yang memanggil file navbar.php<\/code>. Misal disini aku akan mengganti tulisan Alfian<\/code> | Porto<\/code> jadi My Portofolio<\/code>.<\/p>\n\n\n\n
File navbar.php<\/code><\/p>\n\n\n
\n<nav class="navbar fixed-top navbar-expand-lg navbar-dark" style="background-color: #E24761">\n    <div class="container">\n        <a class="navbar-brand" href="#">My Portofolio.<\/a>\n        <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">\n            <span class="navbar-toggler-icon"><\/span>\n        <\/button>\n        <div class="collapse navbar-collapse" id="navbarNav">\n            <ul class="navbar-nav ms-auto">\n                <li class="nav-item">\n                    <a class="nav-link text-light" aria-current="page" href="#">Home<\/a>\n                <\/li>\n                <li class="nav-item">\n                    <a class="nav-link text-light" href="#about">About<\/a>\n                <\/li>\n            <\/ul>\n        <\/div>\n    <\/div>\n<\/nav>\n<\/pre><\/div>\n\n\n
Kalau dilihat di line ke 3, aku mengganti tulisan nya menjadi My Portofolio. <\/code>Nah karena kita menggunakan include()<\/code>. maka perubahan akan langsung terimplementasikan ke dua halaman yaitu halaman index <\/code>dan about<\/code>.<\/p>\n\n\n\n
\"\"
Halaman index<\/figcaption><\/figure>\n\n\n\n
\"\"
Halaman About<\/figcaption><\/figure>\n\n\n\n
Bisa dilihat di Navbar <\/code>nya sudah terubah dua-duanya. yaitu pakai My Portofolio<\/code><\/p>\n\n\n\n
Perbedaan include() dan include_once().<\/h2>\n\n\n\n
Sebenarnya include() dan include_once() itu sama saja, yaitu sama sama menyertakan file .php yang lain ke file .php yang kita gunakan. bedanya tambahan _once() itu memastikan kalau syntax yang kita gunakan hanya sekali saja.<\/p>\n\n\n\n
Itulah yang bisa kita pelajari dari fungsi include pada PHP. semoga bermanfaat buat kita semua.
Btw kalian juga bisa belajar untuk OOP pada PHP dibawah ini<\/p>\n\n\n\n
  1. Belajar PHP #9 : Belajar OOP Pada PHP<\/a><\/li><\/ol>\n","protected":false},"excerpt":{"rendered":"
    Pada artikel kali ini, Aku akan menjelaskan tentang Fungsi Include pada PHP. Fungsi iniberguna untuk menyertakan file .php lainnya kedalam file .php lainnya. Hal ini tentunya sangat berguna bagi programmer. jadi...<\/p>\n","protected":false},"author":2,"featured_media":622,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[8],"tags":[80,46,61],"class_list":["post-613","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-tutorial","tag-fungsi-php","tag-php","tag-tutorial-php"],"_links":{"self":[{"href":"https:\/\/duniacoding.id\/blog\/wp-json\/wp\/v2\/posts\/613","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/duniacoding.id\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/duniacoding.id\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/duniacoding.id\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/duniacoding.id\/blog\/wp-json\/wp\/v2\/comments?post=613"}],"version-history":[{"count":4,"href":"https:\/\/duniacoding.id\/blog\/wp-json\/wp\/v2\/posts\/613\/revisions"}],"predecessor-version":[{"id":636,"href":"https:\/\/duniacoding.id\/blog\/wp-json\/wp\/v2\/posts\/613\/revisions\/636"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/duniacoding.id\/blog\/wp-json\/wp\/v2\/media\/622"}],"wp:attachment":[{"href":"https:\/\/duniacoding.id\/blog\/wp-json\/wp\/v2\/media?parent=613"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/duniacoding.id\/blog\/wp-json\/wp\/v2\/categories?post=613"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/duniacoding.id\/blog\/wp-json\/wp\/v2\/tags?post=613"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}