HTML

Membuat Website CodeIgniter

Pasti sebagian dari kamu, yang sudah terjun ke Dunia Web pasti sudah mengenal CodeIgniter dan bagi yang belum atau ingin terjun ke Dunia Web ini pasti bertanya-tanya. Apa itu CodeIgniter? Bagaimana membangun web dengan CodeIgniter? Bagaimana menjalankannya? Dan Lain-Lain.

Di sini, saya ingin berbagi sedikit Ilmu tentang CodeIgniter. Namun sebelum kita melanjutkan ke tahap selanjutnya, Kita harus tahu apa itu CodeIgniter.

CodeIgniter adalah Aplikasi yang Open Source berupa Framework PHP dengan Model MVC (Model, View, Controller) dengan beberapa fungsi/prosedure dan class yang sangat membantu kita dalam membuat website yang dinamis dengan menggunakan Bahasa PHP.

Oke, untuk membuat Website dengan CodeIgniter kita memerlukan :

  1. Xampp
  2. Sublime or Notepad++
  3. Codeigniter
  4. Template Web

Trik membuat Website dengan CodeIgniter

Instalisasi CodeIgniter
  • oke saya anggap anda sudah tahu cara instal Xampp, Dan Notepad++. dan sudah mengerti cara menggunakannya. kini saya akan jelaskan cara instalisasi CodeIgniter.

    Buka Program CodeIgniter yang telah anda Download di Link di atas, kemudian extract dan Pindahkan ke Folder xampp htdoc (C:/xampp/htdocs) dan buat folder baru dengan nama bebas dan pindahkan ke dalam folder tersebut. dan pastikan ketika memindahkan File tidak ada sub-sub folder dengan nama CodeIgniter seperti contoh di bawah ini

  • File CodeIgniter

  • kemudian Buka Browser, dan Ketik Localhost/(NamaFolder).

  • Testing CodeIgniter

  • Sampai disini, Instalisasi CodeIgniter selesai.

Import Template ke CodeIgniter
  • Extract Template dan Pindahkan folder Assets Template kedalam dalam folder project CodeIgniter (C:/xampp/htdocs/Tutorial/CI) dan pindahkan file index.html template ke dalam folder project CodeIgniter (C:/xampp/htdocs/Tutorial/CI/application/views) di sini saya membuat folder home di dalam view.

  • Copy Data Template
  • pindah ke Project CI
  •  
  • pindah ke Project CI
  •  

Melakukkan Setting di CodeIgniter

  • Lakukan perubahaan script di controller wellcome.php di dalam Project CodeIgniter (C:/xampp/htdocs/Tutorial/CI/application/controllers) agar system dapat membuka file index.html yang telah kita copy sebelumnya.

Perubahaan Controller

  •  
  • New Template
  • Website berbasis CodeIgniter telah sukses, selanjutnya bangun website anda sesuai dengan kreatifitas anda.
  •  
  •  
  •  
  •  
  • Terima Kasih, Selamat Mencoba.

Langkah Membuat Website CodeIgniter

CodeIgniter adalah framework PHP yang ringan dan cepat. Berikut panduan membuat website dari nol:

1. Instalasi CodeIgniter

# Via Composer
composer create-project codeigniter4/appstarter project-name

# Atau download manual dari situs resmi

2. Konfigurasi Database

Edit file app/Config/Database.php:

public $default = [
    'DSN'      => '',
    'hostname' => 'localhost',
    'username' => 'root',
    'password' => '',
    'database' => 'nama_database',
    'DBDriver' => 'MySQLi',
    'DBPrefix' => '',
];

3. Membuat Controller

<?php
namespace App\Controllers;

class Home extends BaseController {
    public function index() {
        $data['title'] = 'Beranda';
        return view('home_view', $data);
    }
    
    public function about() {
        return view('about_view');
    }
}
?>

4. Membuat View

Buat file app/Views/home_view.php dengan HTML template.

5. Routing

Konfigurasi routing di app/Config/Routes.php.

Tips Pengembangan

  • Gunakan Migration untuk manajemen database
  • Implementasi validasi form menggunakan Validation class
  • Gunakan Helper dan Library untuk kode yang reusable
  • Manfaatkan fitur HMVC untuk struktur yang rapi


0 Comments


Leave a Reply

Comments with links or spam keywords will be rejected.
Scroll to Top