Tugas 2 PBKK (B)

on

~ Membuat website menggunakan framework CodeIgniter ~

Untuk tugas kali ini saya akan membuat website sederhana, dengan membuat halaman dan routing baru dari yang sudah disediakan CodeIgniter.

1. Mendaftar routing baru

buka application\config\routes.php dan tambahkan routing seperti berikut
$route["about"] = "welcome/about";
$route["contact"] = "welcome/contact";
Dengan menambahkan routing diatas, kita bisa membuka dengan mengetik
localhost/services/index.php/about
daripada
localhost/services/index.php/welcome/about

2. Membuat fungsi untuk memanggil view

Routing yang sudah ditambahkan diatas akan memanggil fungsi about() dan contact() di controller Welcome.php. Untuk menghandlenya tambahkan snippet berikut di application/controllers/Welcome.php
public function about()
{
  $this->load->view("about");
}

public function contact()
{
  $this->load->view("contact");
}
Dengan begitu, about() akan menampilkan view about.php, dan contact() akan menampilkan view contact.php

3. Membuat halaman about dan contact

Langkah selanjutnya adalah membuat halaman about.php dan contact.php. Letakkan file tersebut di application/views. Isinya terserah, tapi untuk contoh bisa seperti di bawah.
<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Tentang</title>
  <script src="<?php echo base_url("assets/jquery.js") ?>"></script>
  <link rel="stylesheet" href="<?php echo base_url("assets/bootstrap.min.css") ?>">
</head>

<body>
  <section class="container py-3">
    <article>
      <h1>Tentang</h1>
      <p>Halaman ini dibuat pada 19 Februari 2020</p>
    </article>
  </section>
</body>

</html>
about.php
<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Kontak</title>
  <script src="<?php echo base_url("assets/jquery.js") ?>"></script>
  <link rel="stylesheet" href="<?php echo base_url("assets/bootstrap.min.css") ?>">
</head>

<body>
  <section class="container py-3">
    <article>
      <h1>Kontak saya</h1>
      <ul class="list-group">
        <li class="list-group-item">Nama: Arino Jenynof</li>
        <li class="list-group-item">NRP: 05111740000096</li>
        <li class="list-group-item">Kelas: PBKK (B)</li>
        <li class="list-group-item">Blog: <a href="https://arinojenynof.blogspot.com">Di sini</a></li>
      </ul>
    </article>
  </section>
</body>

</html>
contact.php

4. Source code

Source code lengkapnya bisa dilihat di sini

Comments

Post a Comment