Home » Codeigniter » Tutorial Membuat Aplikasi Hello World pada CodeIgniter 4

Tutorial Membuat Aplikasi Hello World pada CodeIgniter 4

by Bagus Dharma Iswara
by Bagus Dharma Iswara

Kali ini kita akan mencoba membuat aplikasi sederhana pada CodeIgniter 4, pada CodeIgniter 3 kita sudah pernah membahasnya dan jika teman-teman juga penasaran bagaimana cara membuat aplikasi dari versi CodeIgniter 3 dapat membaca pada Membuat Aplikasi Hello World pada CodeIgniter 3 dan materi mengenai pembuatan CRUD pada CodeIgniter 3 yang dapat dibaca pada materi Tutorial CRUD di CodeIgniter 3.

Perlu diingat kembali teman-teman disini harus memahami konsep-konsep dasar terlebih dahulu mengenai MVC (Model-View-Controller) karena konsep ini sangat penting jika kita ingin membuat sebuah website aplikasi pada CodeIgniter 4.

Kalau belum memahaminya, anda dapat membaca kembali tutorial mengenai MVC ini pada Konsep MVC dalam bahasa pemrograman. Langsung saja kita mulai pembahasannya dan teman-teman akan dapat merasakan perbedaan signifikan dari versi CodeIgniter 3 dan versi CodeIgniter 4.

1. Membuat Controller

Hal pertama yang dapat dilakukan adalah membuat sebuah Controller bernama Helloworld.php. Pembuatan controller ini dapat dibuat pada folder app/Controllers. Selanjutnya kita dapat menambahkan atau menuliskan kode berikut kedalam file controller Helloworld.php

<?php namespace App\Controllers;
use CodeIgniter\Controller;
 
class Helloworld extends Controller
{
    public function index()
    {
        $data['title'] = "Tutorial Aplikasi Hello World pada CodeIgniter 4";
        echo view('helloworld_view', $data);
    }
 
}

Mari kita bahas satu persatu dari setiap line kode yang ada diatas.

  • Kode line nomor 1 menunjukkan bahwa kita menginisiasi namespace dari sebuah Controller dari CodeIgniter 4.
  • Kode line nomor 2 menunjukkan bahwa kita menggunakan fungsi use untuk menggunakan fungsi Controller yang ada pada CodeIgniter 4.
  • Kode line nomor 4 kita membuat sebuah class dengan nama Helloworld. perlu diingat disini bahwa kita harus memberikan penamaan kelas ini harus sama dengan nama controller yang kita buat sebelumnya.
  • Kode line nomor 6 adalah sebuah fungsi dengan nama index() menggunakan identifier publik agar kita dapat mengakses kelas tersebut di semua kelas.
  • kode line nomor 8 dan 9 disini kita membuat sebuah judul dengan isi tampilan dari website adalah Tutorial Aplikasi Hello World pada CodeIgniter 4. dan pada line ke 9 kita menampilkan view dari helloworld_view.php yang akan kita buat setelah ini dan menambahkan sebuah variabel $data yang berisi kalimat diatas.

2. Membuat View

Tahap selanjutnya kita dapat membuat sebuah tampilan View dengan nama helloworld_view.php yang berada pada folder app/Views. Yang didalam file ini kita dapat menambahkan atau menuliskan kode berikut ini

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title><?= $title; ?></title>
</head>
<body>
    <h2><?= $title; ?></h2>
</body>
</html>

Kita dapat melihat pada kode diatas, kita telah menambahkan tag PHP $title. Karena sebelumnya pada controller kita sudah mendefinisikan variabel title maka akan muncul pada halaman HTML yang kita buat. Kalau sudah menambahkan kode berikut maka kita dapat melihat hasilnya pada browser dengan cara menjalankan project yang telah buat dengan menuliskan pada command prompt ataupun terminal kita dengan cara

php spark serve

Selanjutnya melihat pada browser dengan menuliskan alamat localhost:8080/helloworld. Jika tidak ada error yang muncul saat membuka halaman website, maka kegiatan yang telah kita lakukan berhasil.

You may also like