Cara menggunakan membuat halaman produk php

Melanjutkan dari sesi yang sebelumnya, pada kesempatan kali ini saya akan menjelaskan cara membuat halaman dinamis dengan method get php part2. Jika pada penjelasan saya yang sebelumnya teman-teman sudah membuat template html beserta dengan kode css nya. Pada penjelasan ini akan saya lanjut untuk membuat engine nya dengan kondisi dan method get didalam tag html <div class=”konten”>. Dan dari kondisi tersebut nantinya akan melakukan proses pengecekan sesuai dengan kondisi nilai di url browser, karena untuk menggunakan method get, inisial dan nilai yang dilempar ditampung kedalam url browser sehingga membentuk link. Untuk melanjutkannya kalian bisa ikuti tahapan yang saya contohkan dibawah ini :

Berikut Tahapannya :

  • Buka file index.php yang sebelumnya sudah dibuat pada penjelasan sebelumnya
  • Tambahkan kode dibawah ini tepat didalam setelah kode tag <div class=”konten”>, sehingga kode tersebut menjadi seperti berikut :

<div class="konten">

   <!--mulaikonten-->

    <?php

    if(isset($_GET['halaman']) && ($_GET['halaman']) == 'about'){

        include "halaman/about.php";

    }

    elseif(isset($_GET['halaman'])&& ($_GET['halaman']) == 'product'){

        include "halaman/product.php";

    }

    else{

        include"halaman/home.php";

    }

    ?>

   <!--akhir konten-->

   </div>

  • Selanjutnya buat satu buah folder dengan nama halaman yang sejajar dengan file index.php tersebut.
  • Buat lagi satu buah file dengan nama home.php didalam folder halaman tersebut , dan ketikan kode seperti berikut :

<h2>Home</h2>

<div class="konten-left">

    <p>Lorem ipsum dolor sit amet,consectetur adipisicing elit.Corporis placeat architecto quas inventore atque officiis delectus vitae sapiente facilis laboriosam rem aliquid cumque aut consequuntur,ut nisi eum saepe minima?</p>

</div>

<div class="konten-right">

    <p>Lorem ipsum dolor sit amet,consectetur adipisicing elit.Corporis placeat architecto quas inventore atque officiis delectus vitae sapiente facilis laboriosam rem aliquid cumque aut consequuntur,ut nisi eum saepe minima?</p>

</div>

  • Buat lagi satu buah file dengan nama product.php didalam folder halaman, dan ketikan kode seperti berikut :

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

<h2>Product</h2>

<div class="produk-list">

    <ahref="#">

        <img src="https://www.w3schools.com/html/img_girl.jpg"/>

        <h3>Lorem Ipsum</h3>

        <p>It has survived not only five centuries,</p>

    </a>

</div>

<div class="produk-list">

    <a href="#">

        <img src="https://www.w3schools.com/html/img_girl.jpg"/>

        <h3>Lorem Ipsum</h3>

        <p>It has survived notonly five centuries,</p>

    </a>

</div>

<div class="produk-list kanan">

    <a href="#">

        <img src="https://www.w3schools.com/html/img_girl.jpg"/>

        <h3>Lorem Ipsum</h3>

        <p>It has survived notonly five centuries,</p>

    </a>

</div>

  • Buat lagi satu buah file dengan nama about.php didalam folder halaman, dan ketikan kode seperti berikut :

<h2>About Us</h2>

<p>Lorem ipsum dolor sit amet,consectetur adipisicing elit.Corporis placeat architecto quas inventore atque officiis delectus vitae sapiente facilis laboriosam rem aliquid cumque aut consequuntur,ut nisi eum saepe minima?</p>

  • Jika sudah uji coba hasilnya di browser dengan mengetikan localhost/nama_folder, dan silahkan ditekan tombol tersebut satu persatu, maka akan menampilkan halaman sesuai dengan menu yang dipilih.

Sampai disini penjelasan saya mengenai cara membuat halaman dinamis dengan method get php part2, semoga bermanfaat.