Langsung ke konten utama

Cara Merubah, Membuat, dan Menampilkan Halaman dengan Codeigniter


Setelah kita melakukan pemasangan pada postingan sebelumnya Cara Pemasangan Codeigniter untuk Pemulan, mari kita mulai bekerja dengan Codeigniter. Agar anda semakin paham saya akan menggambarkan sebenarnya bagaimana alur Codeigniter untuk menampilkan sebuah halaman.



Pada gambar di atas kita bisa lihat controller adalah bagian yang akan berfungsi untuk mengatur view apa yang akan di tampilkan. Misalnya jika anda ingin menampilkan halaman 'home.html' maka anda perlu mengaturnya di file Controller.

Untuk mengatur controller apa yang pertama kali dijalankan ketika web di muat anda bisa mengaturnya di "application/config/routes.php" silahkan cari $route['default_controller'] = 'welcome';. Silahkan rubah yang berwarna merah dengan Class anda sendiri.

Itu adalah format awal ketika anda memasang Codeigniter dimana web akan otomatis memuat class 'Welcome' yang ada di folder 'application/controllers/Welcome.php' dimana dalam file ini berisi perintah seperti ini :

<?php
defined('BASEPATH') OR exit('No direct script access allowed');

class Welcome extends CI_Controller {
public function index()
{
$this->load->view('welcome_message');
}
}

Pada kondisi di atas memerintahkan untuk menampilkan view pada folder 'application/views/welcome.php'. Sebagai contoh disini saya akan menampilkan class Home dengan view home.php sebagai class yang default akan dimuat web ketika pertama kali dibuka maka langkahnya akan seperti berikut.

1. Buat foder baru dengan nama BelajarCodeigniter

Pertama buat dulu projet baru di folder Htdoccs XAMP dengan nama BelajarCodeigniter kemudian pindahkan folder root Codeigniter kedalamnya. Silahkan baca : Cara Pemasangan Codeigniter untuk Pemulan.

2. Merubah Default Controller

Silahkan buka "application/config/routes.php" dan cari $route['default_controller'] = 'welcome'; Rubah yang berwarna merah dengan home.

3. Buat class Home di Controllers

Buka folder "application/controllers/" dan buat file baru dengan nama Home.php, Silahkan isi dengan kode seperti berikut :




<?php
defined('BASEPATH') OR exit('No direct script access allowed');

class Home extends CI_Controller {
public function index()
{
$this->load->view('home');
}
}

Dua hal utama yang harus diperhatikan dalam pembuatan class adalah :

  • class Home extends CI_Controller
  • . Bertanda merah harus sama dengan nama filenya.
  • $this->load->view('home');. Ini adalah perintah untuk menampilkan view home pada folder "application/views/home.php".

4. Buat View

Buka folder "application/views/" dan silahkan buat file "home.php". Isi file sesuai keinginan anda misalnya disini kita isi :

<!DOCTYPE html>
<html>
<head>
<title>Belajar Codeigniter</title>
</head>
<body>
Saya sedang belajar Codeigniter di <a href="http://codingrakitan.blogspot.com/">codingrakitan.blogspot.com</a>
</body>
</html>

Setelah ketiga langkah di atas selesai saatnya anda melihat tampilan web melalui browser web anda dengan menuliskan alamat localhost/BelajarCodeigniter. Jika sukses maka anda akan mendapatkan tampilan seperti berikut :


Komentar

Postingan populer dari blog ini

Apa Sih Itu Svelte Js? Bagaimana Cara Menjalankannya? Yuks Simak Pembahasan Berikut Ini

(Sumber : Website https://svelte.dev/)   Hallo Sahabat Coders, Semoga kita semua selalu diberikan Kesehatan dan keberlimpahan dalam pekerjaan atau usaha kita. Perkembangan dunia pemrograman semakin hari semakin menjadi-jadi. Banyak Bahasa pemrograman maupun framework baru bermunculan akhir-akhir ini. Terutama framework JavaScript yang yang banyak bermunculan. Dan semuanya sangat menarik untuk dicoba.  Framework JavaScript yang terkenal saat ini contohnya Angular JS, Vue JS, React JS dan lain sebagainya dan mungkin banyak orang sudah tahu tentang framework- framework ini. Namun, akhir-akhir ini, ada framework yang baru terkenal yaitu Svelte JS (Website : https://svelte.dev/ ). Framework ini Admin tahu dari seorang JavaScript Developer terkenal di Indonesia yaitu Mas Riza Fahmi ( Curriculum Director di Hacktiv8 Indonesia ). Svelte Js merupakan sebuah framework JavaScript untuk menulis komponen antarmuka ( user interface) yang dibuat oleh Rich Harris . Namun menurut penulisn...

Inilah Kelebihan dan Kekurangan Ruby

Ruby merupakan salah satu bahasa pemrograman berorientasi objek berbasis skrip yang dikembangkan oleh Yukihiro Matsumoto yaitu seorang programer asal Jepang. Untuk mengetahui lebih jauh tentang bahasa Ruby silahkan baca postingan sebelumnya : Mengenal Bahasa Pemrograman Ruby  Sesuai judul postingan kali ini kita hanya akan membahas mengenai Kelebihan serta Kekurangan Bahasa Pemrograman Ruby. Berikut beberapa point yang telah kami jabarkan. Kelebihan Bahasa Pemrograman Ruby 1. Kode sederhana  Dibandingkan dengan bahasa pemrograman lainnya, yang kebanyakan untuk menulis kode dibutuhkan sekitar 10 baris, pada Ruby hanya butuh 1 atau 2 baris. Inilah kenapa Ruby dikatakan memiliki kode yang sederhana. Karena kesederhanaan dalam kodenya, akan mengurangi jam kerja programmer. 2. Multi-platform Ruby dapat berjalan di berbagai sistem operasi seperti Mac, Windows, hingga Linux. 3. Tingkat kebebasan yang tinggi Salah satu bentuk kebebasan programer dalam menuliska kode Ruby seperti tidak...

Cara Mengatasi Blank Hitam Pada Photoshop

Saat ini mungkin anda sedang mengalami hal yang pernah saya alami, dimana ketika mengedit gambar di Photoshop tiba-tiba screen layer project berubah menjadi hitam. Apalagi pas menambahkan atau mengedit tulisan, blank ini kerap kali muncul. Kurang lebih akan tampak seperti gambar berikut. Teman-teman jangan khawatir karena saya telah menemukan solusinya dan berhasil saya terapkan. Berikut Cara Mengatasi Blank Hitam Pada Photoshop. 1. Masuk ke menu preferences dengan menekan menu Edit -> Preferences -> Performance . 2. Pada layar Preferences klik tombol Advanced Settings 3. Pada layar Advanced Graphics Processor Settings pada pilihan Drawing Mode silahkan ganti menjadi basic kemudian klik Ok , anda akan kembali ke layar Preferences silahkan klik lagi OK . 4. Selanjutnya tutup Photoshop anda dengan klik menu File -> exit . 5. Terakhir buka kembali Photoshop dan lihat hasilnya.