Showing posts with label CODEIGNITER. Show all posts
Showing posts with label CODEIGNITER. Show all posts

Wednesday, 10 December 2025

Sistem Produk Tambah Stok Tanpa Model di CodeIgniter 4 v4.6.3: Sederhana

Manajemen stok adalah salah satu fitur penting dalam aplikasi penjualan, inventori, atau gudang. Pada CodeIgniter 4, kita dapat membangun sistem produk dengan kemampuan untuk menambah stok secara fleksibel, baik melalui form input maupun melalui proses update otomatis. Artikel ini membahas langkah demi langkah membuat fitur tersebut: mulai dari struktur database, controller, hingga tampilan (view).

1. Struktur Database

Pertama, buat tabel products untuk menyimpan data produk dan stoknya.


CREATE TABLE products (
    id_product INT AUTO_INCREMENT PRIMARY KEY,
    kode_product VARCHAR(10)
    nama_product VARCHAR(50) NOT NULL,
    harga_ INT NOT NULL,
    stok INT NOT NULL DEFAULT 0
);


Kolom stok bertipe integer untuk menampung jumlah stok yang tersedia.

2. Membuat Controller Product

Controller akan menangani input pengguna, menampilkan halaman, serta melakukan proses tambah stok.

app/Controllers/Product.php



namespace App\Controllers;

class Product extends BaseController{

  protected $db;

  public function __construct(){
    $this->db = \Config\Database::connect();
  }

  public function index(): string{
    $product = $this->db->table('product')->get()->getResult();
    return view('product/index',['data'=>$product]);
  }

  public function simpan_product(){
    $kode = $this->request->getPost("kode_product");
    $nama = $this->request->getPost("nama_product");
    $harga = $this->request->getPost("harga");
    
    $cekKode = $this->db->table("product")
                        ->select("kode_product")
                        ->where("kode_product",$kode)
                        ->get()
                        ->getRow();
    
    if($cekKode !== null){
      $err = ['error'=>true, 'message'=>'kode product tidak valid !!'];
      return view("product/tambah",$err);
    }

    if($harga < 1 || $harga == ""){
      $err = ['error'=>true, 'message'=>'harga tidak boleh Nol "0" !!'];
      return view("product/tambah",$err);
    }

    //simpan
    $data = [
      "kode_product"=>$kode,
      "nama_product"=>$nama,
      "harga"=>$harga,
      "stok"=>0
    ];
    $this->db->table('product')->insert($data);

    return redirect()->to("product");
  }

  public function stok_tambah($err=null){
    $data['data'] = $this->db->table('product')->get()->getResult();
    if($err !== null){
      $data = array_merge($data,$err);
      return view('product/tambah-stok',$data);
    }
    return view('product/tambah-stok',$data);
  }

  public function stok_simpan(){
    $product = $this->request->getPost('id_product');
    $stok = $this->request->getPost('stok');

    //cek error
    if($product == 'n'){
      $err = ['error'=>true,'message'=>'Silahkan pilih kode product !!'];
      return $this->stok_tambah($err);
    }
    if($stok == '' || $stok < 1){
      $err = ['error'=>true,'message'=>'Inputkan Stok dengan benar !!'];
      return $this->stok_tambah($err);
    }
    
    //berhasil
    $data = [
      'stok'=>$stok
    ];
    $this->db->table('product')->set('stok','stok + '.$stok,false)
                              ->where('id_product',$product)
                              ->update();

    return redirect()->to('/product');
  }

}


Penjelasan:

  • index() : menampilkan data product
  • simpan_product() : menyimpan data product ke database
  • stok_tambah : menampilkan form tambah stok
  • stok_simpan() : mengupdate stok product berdasarkan kode product yang dipilih

3. Membuat View Daftar Produk 

app/Views/product/index.php 

4. Membuat View Form Tambah Stok

app/Views/product/add_stock.php 

Form ini hanya membutuhkan input angka untuk menambah stok produk.

5. Routing 

Tambahkan rute untuk controller product.

app/Config/Routes.php 


//products
$routes->get('/product', 'Product::index');
$routes->get('/product/tambah', function(){
  return view('product/tambah');
});
$routes->post('/product/simpan', 'Product::simpan_product');

//stok
$routes->get('/product/stok/tambah','Product::stok_tambah');
$routes->post('product/stok/simpan','Product::stok_simpan');

6. Membuat View Form tambah Product

app/Views/product/tambah.php 

7. Cara Kerja Sistem

Ketika admin ingin menambah stok:

  • Akses browser dengan endpoint `/product`
  • Klik tambah product, utuk menambahkan data product
  • Klik tambah stok, untuk mengubah stok product
  • Masukan jumlah stok sesuai kode product
  • sistem akan update stok product,stok lama akan ditambahkan dengan stok baru

Kesimpulan

Fitur ini dapat dikembangkan lebih lanjut, misalnya dengan catatan history stok, pengurangan stok otomatis saat transaksi, atau validasi lebih kompleks.

untuk melihat artikel lain, bisa klik Disini

  

Saturday, 6 December 2025

Sistem Login dan Register di CodeIgniter 4 versi v4.6.3

 

CodeIgniter 4 merupakan salah satu framework PHP yang ringan, cepat, dan mudah digunakan. Salah satu kebutuhan utama dalam membangun aplikasi web adalah fitur login dan register sebagai pintu gerbang autentikasi pengguna. Pada artikel ini, kita akan membahas langkah-langkah lengkap untuk membuat sistem login dan register sederhana dengan CodeIgniter 4, mulai dari konfigurasi awal, pembuatan model, controller, hingga pembuatan tampilan. Tutorial ini cocok untuk pemula yang ingin memahami dasar autentikasi di CodeIgniter 4.

1. Persiapan Proyek CodeIgniter 4

Sebelum memulai, pastikan CodeIgniter 4 sudah terinstal. Kamu bisa menginstalnya menggunakan composer dengan perintah:


composer create-project codeigniter4/appstarter ci4-login

Setelah itu, jalankan server lokal:


php spark serve

Jika CodeIgniter sudah berjalan, kita siap masuk ke pembuatan fitur login dan register.

2. Membuat Tabel User di Database


CREATE TABLE users (
    id INT AUTO_INCREMENT PRIMARY KEY,
    username VARCHAR(50) NOT NULL,
    email VARCHAR(100) NOT NULL,
    password VARCHAR(255) NOT NULL,
    created_at DATETIME DEFAULT CURRENT_TIMESTAMP
);

Pada kolom password, kita akan menyimpan password yang telah di-hash agar lebih aman.

3. Konfigurasi Koneksi Database

Buka file: app/Config/Database.php

Sesuaikan dengan konfigurasi lokalmu:


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

4. Membuat Model User

Model digunakan untuk berinteraksi dengan tabel users.

Buat file baru: app/Models/UserModel.php 


namespace App\Models;

use CodeIgniter\Model;

class UserModel extends Model
{
    protected $table            = 'users';
    protected $primaryKey       = 'id';
    protected $useAutoIncrement = true;
    protected $returnType       = 'array';
    protected $useSoftDeletes   = false;
    protected $protectFields    = true;
    protected $allowedFields    = ['username', 'email', 'password'];

    protected bool $allowEmptyInserts = false;
    protected bool $updateOnlyChanged = true;

    protected array $casts = [];
    protected array $castHandlers = [];

    // Dates
    protected $useTimestamps = false;
    protected $dateFormat    = 'datetime';
    protected $createdField  = 'created_at';
    protected $updatedField  = 'updated_at';
    protected $deletedField  = 'deleted_at';

    // Validation
    protected $validationRules      = [];
    protected $validationMessages   = [];
    protected $skipValidation       = false;
    protected $cleanValidationRules = true;

    // Callbacks
    protected $allowCallbacks = true;
    protected $beforeInsert   = [];
    protected $afterInsert    = [];
    protected $beforeUpdate   = [];
    protected $afterUpdate    = [];
    protected $beforeFind     = [];
    protected $afterFind      = [];
    protected $beforeDelete   = [];
    protected $afterDelete    = [];
}

5. Membuat Controller Auth

Controller ini akan mengatur register, login, dan logout.

Buat file: app/Controllers/Auth.php 

Register:


public function register()
{
    return view('auth/register');
}

public function saveRegister(){
	$userModel = new UserModel();
		
	$cekUsername = $userModel->where('username', $this->request->getPost('username'))->first();
	$cekEmail = $userModel->where('email', $this->request->getPost('email'))->first();

	if ($cekUsername) {
		return redirect()->back()->with('error', 'Username sudah digunakan!');
	}
	if ($cekEmail) {
		return redirect()->back()->with('error', 'Email sudah digunakan!');
	}

	$data = [
    	'username' => $this->request->getPost('username'),
		'email'    => $this->request->getPost('email'),
		'password' => password_hash($this->request->getPost('password'), PASSWORD_DEFAULT),
	];

	$userModel->insert($data);

	return redirect()->to('/login')->with('success', 'Register berhasil!');
}

Login:


public function login()
{
    return view('auth/login');
}

public function doLogin(){
	$session = session();
	$userModel = new UserModel();

	$email = $this->request->getPost('email');
	$password = $this->request->getPost('password');

	$user = $userModel->where('email', $email)->first();

	if ($user) {
		if (password_verify($password, $user['password'])) {
			$session->set([
				'user_id'  => $user['id'],
				'username' => $user['username'],
				'logged_in'=> true
			]);
			return redirect()->to('/');
		} else {
			return redirect()->back()->with('error', 'Password salah!');
		}
	} else {
		return redirect()->back()->with('error', 'Email tidak ditemukan!');
	}
}

Logout:


public function logout()
{
    session()->destroy();
    return redirect()->to('/login');
}

6. Membuat Tampilan Register dan Login

Tampilan Register: app/Views/auth/register.php 

Tampilan Login: app/Views/auth/login.php

7. Membuat Controller Home


namespace App\Controllers;

use App\Libraries\ResponseApi;

class Home extends BaseController{

  public function index(){   
    if(!session()->get('logged_in')){
      return redirect()->to('/login');
    } 
    return view('home');
  }
  
}

Tambahkan file home.php pada View/home.php: 

8. Menambahkan Routing

Tambahkan ke file app/Config/Routes.php:



$routes->get('/', 'Home::index');
$routes->get('/register', 'Auth::register');
$routes->post('/save-register', 'Auth::saveRegister');

$routes->get('/login', 'Auth::login');
$routes->post('/do-login', 'Auth::doLogin');

$routes->get('/logout', 'Auth::logout');


Kesimpulan

Membangun sistem login dan register di CodeIgniter 4 cukup mudah dan terstruktur. Dengan memanfaatkan fitur bawaan seperti Model, Controller, dan View, kita dapat membuat autentikasi yang aman menggunakan hash password. Sistem sederhana ini bisa dikembangkan menjadi lebih kompleks, seperti verifikasi email, reset password, atau penerapan role dan level akses pengguna. 

Untuk melihat artikel yang lain, bisa klik Disini 

Monday, 17 November 2025

Tutorial Routing di CodeIgniter 4 Basic hingga Advanced

 

Routing merupakan salah satu bagian terpenting dalam pengembangan aplikasi web menggunakan CodeIgniter 4. Dengan routing, kita dapat menentukan bagaimana sebuah URL dipetakan ke controller atau aksi tertentu. Tanpa routing yang tepat, aplikasi bisa menjadi tidak terstruktur, sulit dipelihara, dan rawan error. Pada artikel ini, kita akan membahas routing di CodeIgniter 4 mulai dari konsep dasar hingga penggunaan tingkat lanjut.

Apa Itu Routing di CodeIgniter 4? 

Routing adalah proses yang menghubungkan permintaan (request) dari user ke fungsi atau controller yang sesuai. Misalnya, ketika pengguna membuka URL example.com/home, maka router akan meneruskan permintaan itu ke controller Home dan menjalankan function index().

CodeIgniter 4 menggunakan file app/Config/Routes.php sebagai tempat utama untuk mendefinisikan semua route.

1. Routing Dasar (Basic Routing) 

    a. Route ke Controller

Contoh sederhana routing di CodeIgniter 4:


$routes->get('/', 'Home::index');

Kode tersebut berarti ketika pengguna mengakses URL root /, maka controller Home dengan method index() akan dijalankan.

    b. Route dengan Parameter

Kita juga dapat menangkap parameter dari URL:


$routes->get('blog/(:any)','Blog::detail/$1');

Penjelasan:

  • (:any) menangkap segalanya (string bebas) 
  • $1 merujuk ke parameter pertama

Contoh penggunaan:
example.com/blog/tutorial-codeigniter → diarahkan ke Blog::detail("tutorial-codeigniter") 

    c. Routing POST 

Untuk request POST:


$routes->post('user/login', 'User::login');

Ini berguna untuk form login, upload, atau proses lainnya.

2. Routing dengan Jenis Segment

CodeIgniter 4 menyediakan beberapa jenis wildcard:

 

Wildcard Fungsi
(:any) Menerima semua karakter
(:segment) Menerima segment URL tanpa slash
(:num) Hanya angka
(:alpha) Hanya huruf
(:alphanum) Huruf dan angka

Contoh:


$routes->get('product/(:num)', 'Product::detail/$1');

URL: /product/12 → OK
URL: /product/abc → Tidak cocok  

3. Routing ke Closure (Tanpa Controller)

Routing juga bisa langsung mengeksekusi function:


$routes->get('hello', function() {
	return "Hello World!"
});

Ini berguna untuk testing atau endpoint sederhana.

4. Route Grouping (Pengelompokan Route)

Untuk aplikasi besar, grouping sangat membantu menjaga kerapian. Contoh grouping:


$routes->group('admin', function($routes) {
	$routes->get('dashboard', 'Admin\Dashboard::index');
    $routes->get('users', 'Admin\Users::index');
})

Hasil URL:

  • /admin/dashboard
  • /admin/users  

Dengan grouping, struktur menjadi lebih rapi dan mudah dikelola.

5. Routing dengan Filter

Filter digunakan untuk validasi sebelum sebuah route dieksekusi, seperti autentikasi. Contoh:


$routes->group('admin', ['filter' => 'auth'], function($routes){
	$routes->get('panel', 'Admin\Panel::index');
});

Artinya: Semua route dalam grup admin harus melewati filter auth terlebih dahulu. ini sangat berguna untuk membuat sistem login. 

6. Auto Routing (Legacy & Improved)

CodeIgniter 4 menyediakan auto routing, tetapi penggunaannya harus hati-hati.

    a. Auto Routing Improved (Direkomendasikan)  

Aktifkan di App/Config/Feature.php


public bool $autoRoutesImproved = true;

Dengan fitur ini, URL otomatis mencocokkan controller tanpa deklarasi route.

    b. Auto Routing Legacy (Tidak Disarankan) 

egacy auto routing rawan celah keamanan dan beberapa fungsi tidak terkunci dengan baik.

7. Routing REST API

Membuat route untuk API sangat mudah:


$routes->resource('users');

Ini otomatis membuat route berikut:

  • GET /users
  • POST /users
  • GET /users/(:num)
  • PUT /users/(:num)
  • DELETE /users/(:num)

Fitur ini sangat membantu dalam pembuatan REST API secara cepat.

Kesimpulan

Routing di CodeIgniter 4 menawarkan fleksibilitas tinggi dan kemudahan dalam pengaturan arus navigasi aplikasi. Mulai dari routing dasar ke controller, penggunaan parameter, grouping, filter, hingga REST API, semuanya dirancang untuk memudahkan developer dalam membangun aplikasi yang cepat, aman, dan terstruktur.

Dengan memahami routing secara menyeluruh, proses pengembangan aplikasi akan menjadi lebih efisien dan mudah dipelihara. Jika kamu sedang membangun aplikasi berskala besar, penggunaan grouping dan filter sangat disarankan untuk menjaga kerapian dan keamanan struktur aplikasi. Hal lain yang perlu diperhatikan adalah penggunaan auto routing improved sebagai pengganti legacy demi keamanan aplikasi.  

untuk melihat artikel lain tentang Codeigniter 4 atau 3 bisa dilihat Disini

Membuat Middleware Sederhana dengan CodeIgniter 4


 

Dalam pengembangan aplikasi web modern, middleware menjadi komponen penting untuk menangani proses yang perlu dijalankan sebelum atau sesudah sebuah request diproses oleh controller. CodeIgniter 4, sebagai versi terbaru dari framework PHP populer ini, telah menyediakan fitur middleware (disebut Filters) yang memudahkan developer mengelola autentikasi, logging, pembatasan akses, dan berbagai kebutuhan pre-processing lainnya.

Pada artikel ini, kita akan membahas langkah-langkah membuat middleware sederhana di CodeIgniter 4, mulai dari struktur dasar hingga implementasinya.

Apa itu Middleware (Filter) di CodeIgniter 4?

Secara sederhana, middleware atau filter adalah lapisan yang menangani proses tertentu sebelum request diteruskan ke controller atau setelah controller menyelesaikan prosesnya. Filter ini dapat digunakan untuk:

  •  Memeriksa status login pengguna.
  •  Membatasi akses berdasarkan role.
  •  Logging aktivitas user.
  •  Menambahkan header khusus pada response.
  •  Mengamankan API.

CodeIgniter 4 menyediakan struktur filter yang mudah digunakan dan sangat fleksibel.

Langkah 1: Membuat Filter Baru 

CodeIgniter menyediakan perintah CLI untuk membuat filter dengan cepat, tetapi kita juga bisa melakukannya secara manual. 

Membuat file filter 

Buat file baru di: app/Filters/AuthFilter.php
Isi dengan kode berikut:

 

Filter di atas akan mengecek apakah session logged_in ada. Jika tidak, pengguna diarahkan ke halaman login. 

Langkah 2: Mendaftarkan Filter ke Config 

Agar filter bisa digunakan, kita harus mendaftarkannya ke file konfigurasi filter.

Buka file: app/Config/Filters.php
Tambahkan filter yang baru kita buat: 

 

Dengan begitu, filter kita sudah memiliki alias auth dan dapat digunakan pada route atau global filter.

Langkah 3: Membuat controller 

Buat controller pada folder controller misal Home.php isinya seperi ini:

 

Langkah 4: Menggunakan Filter pada Route

Filter bisa diterapkan pada route tertentu atau grup route. Contoh: menerapkan filter ke satu route.


$routes->get('/dashboard','Dashboard::index', ['filter'=> 'auth']);

Setiap kali route /dashboard diakses, filter auth akan dijalankan terlebih dahulu.

Contoh: menerapkan filter ke grup route


$routes->group('admin', ['filter'=> 'auth'],function($routes) {
	$routes->get('users','Admin\Users::index');
    $routes->get('settings','Admin\Settings::index');
});

Semua route dalam grup admin akan terlindungi oleh filter autentikasi.

untuk file routes.php jadi seperti ini

coba cek akses pada browser dengan mengakses localhost:8080/dashboard secara langsung maka akan di arahkan ke route login. selanjutnya coba buat session terlebih dahulu dengan mengakses route localhost:8080/create-session setelah itu coba akses lagi halaman dashboard maka akan berhasil.

Kesimpulan 

Middleware atau filter di CodeIgniter 4 merupakan fitur yang sangat bermanfaat untuk menangani proses yang harus dijalankan sebelum atau sesudah request diproses. Dengan filter, Anda bisa membuat logika autentikasi, pengamanan API, logging, dan berbagai kebutuhan lain dengan lebih rapi dan terstruktur.

Pada artikel ini, kita telah membahas:

  •  Cara membuat filter sederhana
  •  Cara mendaftarkan filter ke konfigurasi
  •  Cara menggunakannya pada route dan group route

Dengan memahami konsep ini, Anda dapat membangun aplikasi yang lebih aman, terorganisir, dan mudah dirawat.

untuk mmelihat artikel lain yang bersangkutan dengan Codeigniter, bisa dilihat disini.

Sunday, 16 November 2025

Memahami Struktur Folder CodeIgniter 4: Penjelasan Lengkap untuk Pemula

 

Struktur folder dalam sebuah framework adalah hal penting yang harus dipahami oleh setiap developer sebelum mulai membangun aplikasi. CodeIgniter 4 (CI4) hadir dengan struktur yang lebih rapi, modern, dan modular dibanding versi sebelumnya. Pemahaman mendalam mengenai struktur folder CI4 akan membantu Anda bekerja lebih efisien, lebih terorganisir, serta mempermudah proses maintenance aplikasi di masa mendatang. Artikel ini akan membahas secara detail fungsi setiap folder dalam CodeIgniter 4 sehingga pemula dapat memahami cara kerja framework ini dengan baik.

1. Gambaran Umum Struktur Folder CodeIgniter 4

Setelah Anda menginstal CodeIgniter 4, baik menggunakan Composer maupun manual, Anda akan menemukan beberapa folder utama seperti:


app/
public/
writable/
tests/
system/

Setiap folder memiliki peran spesifik. Ada yang digunakan untuk menyimpan kode aplikasi, public assets, file hasil upload, hingga file sistem inti CI4. Pemisahan ini memberikan keamanan dan struktur yang lebih jelas bagi developer.

2. Folder app/

Folder app adalah pusat utama aplikasi Anda. Semua logika bisnis, konfigurasi inti aplikasi, controller, model, view, hingga filter disimpan di sini.

Struktur folder di dalam app biasanya seperti berikut:

    a. app/Controllers

Folder ini menyimpan controller, yaitu komponen yang mengatur alur aplikasi.
Contohnya:


<?php

  namespace App\Controllers;
  
  class Home extends BaseController{
  	public function index(){
  		return view('welcome_message');
  	}
  }

Controller bertugas menerima request dan mengembalikan response.

    b. app/Models

Folder ini berisi model yang berfungsi untuk berinteraksi dengan database.
Misalnya:


<?php
   namespace App\Models;
   
   use CodeIgniter\Model;
   
   class UserModel extends Model{
      protected $table ='users';
   }
  

Model dapat melakukan operasi CRUD dan query builder.

    c. app/Views

Folder yang menyimpan file tampilan (HTML, PHP template).
Misalnya:
welcome_message.php

Views digunakan untuk menampilkan data ke pengguna.

    d. app/Config

Berisi file konfigurasi aplikasi seperti:

  • BaseURL
  • Filters
  • Database
  • Email
  • Routing

Ini adalah folder penting yang sering Anda ubah saat pengembangan aplikasi.

    e. app/Filters

Berisi filter seperti authentication, logging, atau middleware lain.

    f. app/Helpers

Tempat menaruh file helper custom (fungsi global yang dapat dipanggil dari mana saja).

3. Folder public/

Folder ini adalah document root aplikasi, artinya semua file di sini dapat diakses secara langsung oleh browser. Folder ini biasanya berisi:

  • index.php (entry point aplikasi)
  • Asset frontend seperti CSS, JS, gambar
  • File upload jika tidak dipindah ke writable

Tujuan folder ini adalah mencegah file sensitif di luar public agar tidak bisa diakses langsung dari internet, sehingga meningkatkan keamanan.

4. Folder writable/

Folder writable digunakan untuk menyimpan file yang dapat ditulis (writeable) oleh aplikasi.
Isinya bisa berupa:

  • cache/
  • debugbar/
  • logs/
  • uploads/
  • sessions/

Folder ini sangat penting untuk keperluan logging, caching, dan debugging selama pengembangan aplikasi.

CI4 memisahkan folder ini agar tidak tercampur dengan file sistem dan lebih aman saat deploy.

5. Folder system/

Folder system adalah inti dari framework CodeIgniter 4. Semua file penting yang membentuk CI4 berada di sini: class inti, helper bawaan, library, routing engine, dan banyak komponen internal lainnya.

Anda tidak dianjurkan mengubah file di folder ini, karena:

  1. Bisa merusak framework

  2. Akan tertimpa saat update versi

  3. Menyulitkan debugging

Jika perlu melakukan perubahan, gunakan extension melalui folder app atau app/Libraries.

6. Folder tests/

Folder ini dibuat untuk pengujian aplikasi menggunakan PHPUnit.
Jika Anda ingin menerapkan Test Driven Development (TDD), folder ini akan sangat bermanfaat untuk:

  • Unit testing
  • Feature testing
  • CI/CD pipeline

Meskipun pemula sering mengabaikannya, folder ini sangat penting untuk aplikasi berskala besar.

7. File .env

Selain folder, ada juga file .env yang digunakan untuk menyimpan konfigurasi environment seperti:

  • Mode development/production
  • Koneksi database
  • Email SMTP
  • Debug mode

File ini tidak dimasukkan ke GitHub (harus di-ignore) karena biasanya mengandung data sensitif seperti password database.

Kesimpulan

Struktur folder CodeIgniter 4 dirancang agar rapi, aman, dan modular. Dengan memahami fungsi setiap folder seperti app, public, writable, system, dan lainnya, Anda akan lebih mudah dalam mengembangkan aplikasi berbasis CI4. Pemahaman ini sangat penting terutama bagi pemula agar tidak salah menempatkan file dan mampu mengikuti best practice pengembangan aplikasi web.

untuk melihat topik yang bersangkutan dengan artikel ini bisa cek disini 

 

Panduan Belajar CodeIgniter 4 untuk Pemula dari Nol

 


CodeIgniter 4 (CI4) adalah salah satu framework PHP yang ringan, cepat, dan mudah dipelajari. Meskipun sederhana, CI4 memiliki struktur modern, mendukung arsitektur MVC, serta cocok digunakan untuk berbagai jenis aplikasi, mulai dari CRUD sederhana hingga API tingkat lanjut.

Panduan ini dirancang untuk membantu pemula memahami dasar CodeIgniter 4 mulai dari instalasi hingga pembuatan fitur sederhana.

1. Apa Itu CodeIgniter 4?

CodeIgniter 4 adalah versi terbaru dari framework CodeIgniter yang dirancang ulang agar lebih modern. Dibangun dengan standar PHP 7/8, mendukung PSR, dan menggunakan struktur directory yang lebih terorganisir.

Fitur Utama CI4

  • Lightweight & high performance
  • Arsitektur MVC
  • Routing modern
  • Built-in security (CSRF, XSS, Filters)
  • Query Builder & ORM-like model
  • Support CLI (spark)

2. Persyaratan Sebelum Menggunakan CI4

Sebelum mulai, pastikan sudah menginstal:
  • PHP 7.4 atau lebih baru, Composer,
  • Ekstensi PHP: intl, mbstring, json, xml, 
  • Web Server: Apache / Nginx (opsional jika pakai PHP development server)

3. Cara Install CodeIgniter 4

Install via Composer (Rekomendasi):


  composer create-project codeigniter4/appstarter ci4-app
  

Masuk ke folder:


  cd ci4-app

Jalankan development server:


  php spark serve

Buka browser:
http://localhost:8080

4. Struktur Folder CodeIgniter 4

CI4 memiliki struktur aplikasi seperti berikut:


  app/           → Folder utama aplikasi
  public/        → Akar public, tempat index.php
  app/Controllers → Menyimpan controller
  app/Models       → Model database
  app/Views        → Template View
  writable/       → Cache, logs, uploads

5. Memahami Konsep MVC di CI4

Model (M) => berhubungan dengan database.

View (V)  => menampilkan halaman html.

Controller (C)  => penghubung antara model dan view.

6. Membuat Controller Pertama

Buat file:
app/Controllers/Home.php


  <?php
  
  namespace App\Controllers;
  
  class Home extends BaseController{
     public function index(){
       return 'Hello dari CodeIgniter 4!';
     }
  }

Tambahkan routing di app/Config/Routes.php:


  <?php
  
  use CodeIgniter\Router\RouteCollection;
  /**
  *@var RouteCollection $routes
  */
  
  $routes->get('/','Home::index');

7. Membuat View Sederhana

Buat file:
app/Views/welcome.php


  <h1>Halo, Selamat Datang di CI4!</h1>
 

Gunakan view pada controller:


  <?php
  
  namespace App\Controllers;
  
  class Home extends BaseController{
    public function index(){
      return view('welcome');
    }
  }

8. Keamanan di CodeIgniter 4

CI4 menyediakan beberapa fitur:

  • CSRF protection

  • XSS filtering

  • Password hashing (Password::hash)

  • Filters (auth, rate limit, dll.)

 

Kesimpulan

CodeIgniter 4 adalah framework yang ideal untuk pemula maupun profesional. Dengan struktur MVC, CLI tools, dan fitur keamanan bawaan, CI4 memudahkan pembuatan aplikasi modern dengan cepat.

untuk melihat artikel yang berhubungan dengan Codeigniter 3 atau 4, bisa cek disini 

 


Sunday, 21 June 2020

Codeigniter 4 CRUD Sederhana Menggunakan model

Pada kesempatan kali ini kita akan belajar membuat program CRUD sederhana Codeigniter 4 menggunakan Model. Codeigniter 4 adalah versi terbaru dan dari codeigniter, dan tentunya banyak perubahan terutama dibagian system dan penulisan codenya. Meskipun berbeda dengan versi sebelumnya yaitu versi codeigniter 3, CI4 alur systemnya bisa dibilang sama dengan CI4 khusus yang berhubungan dengan Model, Views dan Controller.

Tanpa banyak embel-embel pembukaan langsung saja kita praktekan contoh program crud sederhananya.

1. INFORMASI
Sebelum memulai pastikan kalian perhatikan ini:
- PHP minimal versi 7.2
- Install Composer (untuk install CI4 lewat Composer)
- Text Editor (Terserah pake apa aja yang penting happy)

2. INSTALASI CI4
Silahkan pilih salah satu:
      a. Menggunakan composer
       - Silahkan download dulu composernya
       - install composer
       - buka ComandPromt atau CMD, dan ketikan composer, jika muncul seperti ini
          maka kalian berhasil instalasi composer
        - masih di CMD atau Command Promt, silahkan ubah direktori kalian, misal ubah ke C
         - dan ketikan kode berikut, composer create-project codeigniter4/appstarter my-ci --no-dev 
           my-ci adalah nama project yang dibuat.(bebas untuk nama project).


         - masuk ke project cd my-ci dan ketikan php spark serve 
         - Buka browser dan ketikan localhost:8080

      b. Tanpa Composer / Manual
        - Download CI4 (rar)
        - extract hasil download tadi
        - ubah nama folder manjadi my-ci (bebas nama folder)
        - buka Command Prompt, masuk ke folder project tadi, dan ketikan php spark serve 
          dan buka browser localhost:8080 hasilnya sama saja

** Lokasi Folder project CI4 bebas dimana saja jika menjalankanya menggunakan php spark serve, tetapi jika ingin menjalankanya manual menggukana XAMPP maka harus diletakkan di dalam htdocs.

3. Buat Database (saya anggap teman-teman sudah bisa membuat database dan table).
    misal nama tabelnya mhs.

4. Buat Controller (misal Mhs.php)

Baris 18-21, melakukan validasi apakah benar diisi formnya atau tidak. kasus ini formnya harus diisi jika tidak maka akan ada pemberitahuan form harus diisi(dalam bahasa inggris).
Baris 22, Cek validasi jik ada yang terdeteksi maka ada pemberitahuan bahwasanya form harus diisi

5. Buat Model (misal Mhs_m.php)
Baris 6-8, wajib dibuat(jika tidak menggunakan query buildier),
Baris 8, daftar kolom tabel database yang harus diisi. Contoh, misah kalian buat $allowedFields = ['nis','jk'] kemudian kalian buat perintah query untuk menyimpan nim, nama dan jk. karna nilai $alloweFileds tidak ada 'nama', maka kolom nama akan kosong meskipun form kalian mengisikan nama.

6. Buat View
    Silahkan teman-teman buat folder mhs di view, kemudian buat file dilamnya

    a. file index.php


    b. file create.php


    c. file edit.php


Kurang lebih seperti itu tutorial mengenai CRUD Sederhana Codeigniter 4 Menggunakan Model, untuk tutorial selanjutnya tanpa menggunakan model, silahkan tunggu update selanjutnya.

Tutorial ini sangat-sangat sederhana dan cocok untuk pemula, dan semoga bermanfaat.

Jika ada yang dipertanyakan silahkan isi kolom komentar dibawah...

Terimakasih sudah mampir.... jangan lupa mampir lagi yaa.....

Tuesday, 12 March 2019

CRUD Upload File Menggunakan CODEIGNITER Part 4

Pada bagian CRUD Upload File Menggunakan Codeigniter Part 4 ini akan membahas cara menghapus data file.

Download Notepad++ DiSini
Download Sublime Text 3 DiSini
Download Xampp DiSini
Download CodeIgniter 3.1.6 Disini

Berikut Langkah-langkahnya:
1. Buat fungsi bari misal delete, function delete($id). Berikut Scriptnya:

Cara delete ini sama seperti update, hanya beda pada perintah query saja.
Baris 64, function delete($id), $id adalah parameter penampung id file yang dikirim dari view dari view upload_file.php tepatnya pada baris 29.

Baris 65, memanggil data berdasarkan id file.

Baris 65-67 , adalah pengecekan file jika ada maka akan dihapus dari folder file.

Baris 69, Proses hapus data dari database berdasarkan id_file tertentu.

Part 1 bisa dilihat Disini
Part 2 bisa dilihat Disini
Part 3 bisa dilihat Disini

Itulah CRUD Upload File Menggunakan Codeigniter part 4, jika ada yang ingin di pertanyakan silahkan komentar di bawah.

Terimakasih sudah mampir, semoga bermanfaat...

CRUD Upload File Menggunakan Codeigniter Part 3

Pada kesempatan kali ini titikK0ma.blogspot.com akan melanjutkan tutorial tentang CRUD File Menggunakan CODEIGNITER . Pada bagian ini adalah part yang ke 3. Pada bagian ini yang di bahas tentan update data file.
Berikut langkah-langkahnya:

Download Notepad++ DiSini
Download Sublime Text 3 DiSini
Download Xampp DiSini
Download CodeIgniter 3.1.6 Disini

1. Buat function baru misal edit(). Berikut scriptnya:
Baris 37, Proses pemanggilan data ke database berdasarkan id tertentu. Pada function edit($id), $id adalah parameter penampung dari id yang akan dikirim dari view upload_file.php tepatnya pada baris 28.

Baris 38, proses pemanggilan view edit_file.php, ['res'=>$res] adalah proses pengiriman data yang sudah didapatkan berdasarkan id tertentu.

2. Buat file edit_file.php pada folder views. Berikut scriptnya:
Baris 16, 'welcome/update/'.$res[0]['id_file']. untuk $res[0]['id_file'] adalah id_file yang didapat dari pengiriman data pada baris 38 untuk nama id_file sesuai dengan kolom pada database, lalu $res[0]['id_file'] yang sudah di terima akan dikirim lagi ke controller welcome function update.

3. Selanjutnya buat funciton update($id), Scriptnya sebagai berikut:
Baris 41, funciton update($id), $id adalah paramenter penampung dari  data yang dikirim dari view edit_file.php tepatnya di baris 16 'welcome/update/'.$res[0]['id_file'].

Baris 57-59, proses hapus file yang berada pada folder file yang posisinya sejajar dengan folder application,system, user_guide.

Part 1 bisa dilihat Disini
Part 2 bisa dilihat Disini
Part 4 bisa dilihat Disini

Itulah CRUD upload file Menggunakan Codeigniter Part 3. Jika ada yang dipertanyakan silahkan isi kolom komentar di bawah.

Terimakasih sudah mampir semoga bermanfaat...

CRUD Upload File Menggunakan CODEIGNITER Part 2

Kesempatan kali ini titikK0ma.blogspot.com akan melanjutkan tutorial part 2 mengenai CRUD Upload File Menggunakan Codeigniter Part 1. Untuk bagian part 2 akan membahas bagian tambah data file. Jika rekan-rekan belum melihat part 1, bisa dilihat CRUD Upload File Menggunakan Codeigniter Part 1.

Download Notepad++ DiSini
Download Sublime Text 3 DiSini
Download Xampp DiSini
Download CodeIgniter 3.1.6 Disini

Langkahnya sebagai berikut:
1. Buat function baru pada Controller Welcome, misal function store(){}, Kodenya sebagai berikut:
Baris 18-20, kita seperti melakukan configurasi misalnya file hasil upload nanti di letakkan dimana, jenis file yang boleh di upload apa aja, apakah kita ingin memberi nama baru file atau nama bawaan file, size yang di perbolehkan saat upload brapa, dan masih banyak lagi. disini admin hanya menggunakan 3 yaitu $config['upload_path']='dimana lokasi file ketika di upload', $config['allowed_types']='jenis file apa aja yang diperbolehkan, $config['file_nama']='memberi nama baru file'.

Baris 21, seperti melakukan persetujuan dari $config[] yang di buat sebelumnya, maksudnya.. untuk baris 19-20 ibaratnya kita membuat aturan untuk file yang di upload,kemudian di initialize() di baris 21 atau persetujuan.

Baris 22-26, melakukan cek file yang di upload, apakah sesuai dengan baris trutama 19-20. jika tidak sesuai maka kode ini yang akan dijalankan. Baris 24 adlah pengalihan halaman, setelah tidak sesuai file yang di upload akan di alihkan kemana, misal ke base_url() atau alamat project kita yang sudah di seting sebelumnya di folder config/config.php.

Baris 26-33, adalah jika file yang di upload sesuai dengan peraturan yang di buat terutama baris 19-20 maka kode ini yang akan dijalankan.

Baris 27. kita memanggil file yang di upload. pada baris ini kita sudah dapat informasi tentang file yang di upload seperti size, width, file_name, client_name,path, dan lain-lain.

Baris 28-31, proses simpan file ke database, Ingat yang disimpan hanya nama filenya saja. untuk filenya sudah tersimpan ke folder yang sudah kita atur pada Baris 18 yang mana nama foldernya adalah file, lokasinya berada sejajar dengan folder application,system,user_guide. silahkan buat folder file jika belum ada. Posisinya harus sejajar dengan application,system,user_guide.

Baris 32, adlah pengalihan halaman setelah proses upload berhasil.

Part 1 bisa dilihat Disini
Part 3 bisa dilihat Disini
Part 4 bisa dilihat Disini


Sekian dulu CRUD Upload File Menggunakan Codeigniter Part 2, jika ada yang dipertanyakan silahkan isi kolom komentar di bawah.

Terimakasih semoga bermanfaat....

CRUD Upload File Menggunakan Codeigniter Part 1

Pada kesempatan kali ini titikK0ma.blogspot.com akan memberikan tutorial bagaimana cara upload file dengan cara menggunakan Framework CODEIGNITER. Untuk versi Frameword yang digunakan yaitu 3.1.6, rekan-rekan bisa menggunakan versi lain asalakan tetap versi 3 karna CODEIGNITER ada versi 2.x.x dan yang terbaru sekarang CODEIGNITER versi 4 namun masih alpa.

Download Notepad++ DiSini
Download Sublime Text 3 DiSini
Download Xampp DiSini
Download CodeIgniter 3.1.6 Disini

Langkah-langkahnya sebagai berikut :
1. Pastikan rekan-rekan sudah menjalankan aplikasi Xampp, dan aktifkan bagian Apache dan MySql.

2. Buat Database terlebih dahulu beserta tabelnya, Untuk tabel yang admin buat terdiri dari 3 kolom ( id_file, nama_baru, nama_ori).

3. Selanjutnya extrak Codeigniter nya, kemudian hasil extrak tadi di pindahkan ke dalam lokasi C:\\xampp\htdocs\pindah_keesini. jangan lupa ganti nama folder Codeignternya dengan yang lebih mudah misal namanya uppload-file. Lalu coba buka browser dan ketikan di address bar localhost/nama_projec_rekan_rekan atau 127.0.0.1/nama_project_rekan_rekan. jika berhasil tampilanya akan seperti berikut:
4. Selanjutnya lakukan configurasi padaCodeigniternya.
 - Masuk ke project rekan-rekan, buka file autoload.php => application/config/autoload.php pada bagian $autoload['libraries'] = array() ubah menjadi $autoload['lbraries'] = array('database').
 - Masih di dalam folder config buka file config.php.  $config['base_url'] ='' ubah menjadi $config['base_url'] = 'url project rekan-rekan' misal $config['base_url']='127.0.0.1/b/ci_upload_file sesuaikan dengan yang rekan-rekan buat.

5. Masuk folder application/controllers buka file Welcome.php. tambahkan function __construct() dan ubah funciton index nya. hasilnya seperti berikut:
Baris 6, adalah fungsi yang pertama kali dijalankan ketika class itu terpanggil.

Baris 8, pemanggilan library upload yang terdapat pada Codeigniter, agar bisa melakukan upload file. library ini wajib di panggil ketika kita melakukan upload file. library form inin berfungsi agar penulisan form nanti lebih simple.

Baris 9, pemanggilan helper url agar base_url yang disetting sebelumnya bisa di gunakan. ini juga wajib karna base_url nanti sangat dibutuhkan untuk melink kan dari view ke controller agar lebih mudah.

Baris 13, kita membuat variabel $res yang nilanya berupa array(). kemudian membuat index res yang nilanya perintah memanggil tabel $this->db->get('nama_tabel')->result();

Baris 14, memanggil view yang bernama upload file, namun extensi filenya tidak perlu di tulis cukup nama filenya saja. lalu kita mengirim vaariabel $res ke view untuk menampilkan data dari tabel yang di panggil.

6. Masuk ke folder application/views lalu buat file upload_file.php. buat script seperti berikut:

Baris 36,41,47 ini adalah penulisan form jika menggunakan aturan Codeigniter. sebenarnya sepeerti kita membuat form biasa dengan tag HTML. ini hanya memanfaatkan library form dari Codeigniter agar penulisan lebih simple.

Baris 23, melakukan perulangan data. $res didapat dari index yang sudah di set pada Controller Welcome. $res = ['res'=>........]; $res baris 23 di view upload_file.php di dapat dari  res  di controller Welcome baris 13, ingat res bukan $res. res pada welcome baris 13 harus sama dengan $res upload_file.php baris 23.

Baris 28, 'index.php/welcome/edit/'.$data->id_file, $data->id_file adalah id file yang akan dikirim ke controller welcome function edit($id). setelah dikirim ke controller welcome function edit($id) nilai dari $data->id_file akan di simpan pada parameter $id function edit($id).  untuk editnya akan dibahas pada tutorial selanjutnya.

Part 2 bisa dilihat Disini.
Part 3 bisa dilihat Disini
Part 4 bisa dilihat Disini


Sekian dulu CRUD Upload File Menggunakan Codeigniter semoga bermanfaat. Jika ada yang dipertanyakan silahkan isi kolom komentar di bawah.
Terimakasih selamat mencoba....