Tutorial CodeIgniter 4 : Beberapa Bulan lalu ramainya sebuah topik pembahasan untuk framework codeigniter 4 di Indonesia, sebagai user CodeIgniter seperti saya tentunya penasaran untuk mencoba framework yang masih anget ini.
CodeIgniter muncul versi terbaru yaitu versi 4, cukup banyak hal yang berubah dari segi bentuk kode bagi saya seperti penambahan namespace, use dan sebagainya pada fitur yang dibawa php versi 7 , meskipun saya juga merupakan user baru dari
codeigniter 4 ini dan masih perlu sama-sama belajar untuk CI 4 ini.
" Nah langsung aja kita ketopik utama "
Berikut Tutorial basic crud codeIgniter 4 semoga gak bosan ya ngikutin sampe akhir ya hehehe, cekidot :
Tutorial basic CRUDCodeIgniter 4
Hal-hal apa saja yg akan di pelajari pada tutorial basic CRUD CodeIgniter 4 ini yaitu sebagai berikut :
1. Pengenalan CodeIgniter
4
2. Cara Installasi CodeIgniter 4
3. Membuat Aplikasi CRUD Sederhana dengan CodeIgniter 4, berikut hal-hal yang dipelajari :
Melihat konsep menampilkan data view ( Read )
Mengkoneksikan CodeIgniter 4 dengan Database
Menampilkan data dari database ke view dengan tampilan Bootstrap 4 ( Read )
Melakukan Insert data ( Create )
Melakukan Update data ( Update )
Melakukan Delete data ( Delete )
Masuk Ke
tutorial :
1. Pengenalan CodeIgniter 4
CodeIgniter merupakan salah satu Framework PHP untuk membangun aplikasi berbasis web, yang bersifat open source yang menggunakan metode MVC ( Model, View, Controller). Framework Codeigniter dibuat dengan tujuan yang sama dengan framework lain yaitu membantu mempermudah kan developer atau programmer dalam membangun sebuah aplikasi berbasis web, tanpa harus build dan coding dari awal.
MVC
adalah teknik atau konsep yang memisahkan komponen utama menjadi 3 bagian :
Model Model merupakan bagian penanganan yang berhubungan atau manipulasi data dengan database, misal mengambil data dari database, dan proses crud atau intruksi yang berhubungan dengan database diletakan di dalam model.
View View merupakan bagian penanganan interface atau antarmuka web, yang muncul kepada user, dengan memisahkan controller dengan model dapat
memudahkan programmer untuk melakukan suatu pengembangan web pada tampilan halaman suatu website.
Controller Controller merupakan bagian instruksi aksi yang menghubungkan model dan view, jadi controller ini kumpulan instruksi aksi yang berfungsi sebagai jembatan dari model dan view.
Spesifikasi yang dibutuhkan CodeIgniter 4 : Menurut dokumentasi resmi CodeIgniter, CI 4 membutuhkan dan menggunakan spesifikasi PHP >= 7.2 , bila anda masih menggunakan PHP
< 7.2 disarankan untuk melakukan Update.
2. Installasi CodeIgniter 4
untuk menginstall CodeIgniter 4 dapat dilakukan dengan 2 cara, yaitu dengan manual download dari web codeigniter dan instalasi dengan melalui composer.
Installasi Manual Untuk Installasi Manual pada CodeIgniter 4, sebenarnya persis dengan cara menginstall CodeIgniter 3, dengan mendownload file CodeIgniter ke website nya yaitu :
https://codeigniter.com/ yang versi 4.0.2 atau langsung saja ke link berikut : https://github.com/codeigniter4/framework/archive/v4.0.2.zip, lalu extrack file CodeIgniter anda ke web server anda, misal xampp ke dalam
folder htdocs. Xampp Windows : C:/xampp/htdocs Lampp Linux : ~/opt/lampp/htdocs
Installasi Melalui Composer Nah CodeIgniter 4 bisa diinstall melalui composer, Composer merupakan Dependency Manager untuk PHP. Untuk dapat melakukan installasi CodeIgniter 4 menggunakan composer, anda harus menginstall composer dahulu dikomputer anda. Jika Anda menggunakan windows, Anda dapat mendownload
Composer-Setup.exe pada link berikut:
https://getcomposer.org/download/
Jika Anda menggunakan Linux/Unix/macOS, cek link pada link berikut :
https://getcomposer.org/doc/00-intro.md
Untuk memastikan apakah composer telah terinstal dengan baik di computer Anda, silahkan buka Terminal / Command Prompt dan ketikan perintah berikut:
composer -v
Jika composer terinstall dengan baik maka ada terlihat versi composer nya seperti berikut
:
untuk langkah penginstallannya, silahkan buka terminal/ command prompt berikut beralih ke folder xampp/htdocs untuk windows :
cd ../../xampp/htdocs
untuk versi linux dengan Lampp :
cd /opt/lampp/htdocs
setelah masuk folder htdocs, pada terminal atau command prompt anda, langsung
ketikan perintah untuk menginstall CodeIgniter 4 yaitu :
lalu setelah itu masuk ke folder belajar-ci dengan perintah berikut :
cd belajar-ci
dan ketikan perintah berikut untuk
menjalankan file codeigniternya:
php spark serve
lalu buka web browser anda dan ketik url :http://localhost:8080atau seperti gambar berikut :
3. Membuat aplikasi pertama dengan CodeIgniter 4
Pada CodeIgniter 4, mengambil konsep yang sama dengan CodeIgniter 3 yang menggunakan konsep MVC ( Model View Controller ), kita bisa lihat struktur folder pada CodeIgniter 4 sebagai berikut :
dan nah sebenernya codeigniter 4 memiliki struktur hampir sama dengan codeigniter 3 :
Anda bisa membuka folder app yang dulunya bernama application. Di dalamnya Anda tetap bisa membuat Controller, Model, View, Library, Helper, Third Party dan lain-lain.
Folder vendor yg berisi tentang modul system CodeIgniter 4 itu
sendiri.
Public. Folder ini berisi file penting yaitu index.php. Mirip dengan Framework Laravel, file ini yang berfungsi untuk menjalankan aplikasi.
Env. Di sini Anda bisa mengatur database (CI 3 adanya di config/database.php), production / development, base_url, session, dan lain-lain.
Spark. Mirip artisan pada Framework Laravel yang bisa digunakan jika Anda membutuhkan sesuatu semisal
menjalankan aplikasi.
3.1 Cara menampilkan view pada CI 4 :
Nah pada step ini yang kita lakukan pertama adalah bagaimana cara controller menampilkan view pada CI 4 :
1. buatlah sebuah controller dengan nama Halo.php pada folder app/Controllers lalu isi file tersebut dengan code berikut :
2. lalu buatlah sebuah view dengan nama halo_view.php pada folder
app/Views lalu kita coba isi html nya dengan kode berikut :
= $title;?>
kemudian cek hasil kerja kita, dengan buka browser dan buka url berikut :
http://localhost:8080/halo
jika berjalan maka terlihat seperti gambar berikut :
3.2 Mengetahui cara
menghubungkan database pada CodeIgniter 4 :
untuk membuat koneksi database, tentu kita akan buat database terlebih dahulu, buat db dengan nama ci4_barang dan buat table barang :
Lalu membuat koneksi database dengan codeigniter, ada 2 cara :
Cara 1
dengan konfigurasi file Database.php pada folder file app/Config/Database.php
Buka file Database.php lalu edit isi kode array, 'username', 'password', dan 'database' seperti versi pendahulunya, CI 3 :
menampilkan data tabel barang, dengan function getBarang() dengan parameter $id
jika parameter $id === false atau parameter tsb diartikan jika $id sama dengan salah atau $id tidak bernilai/not value, maka table barang akan ditampilkan semua dengan fungsi findAll()
lalu else nya jika $id != false, atau
memiliki nilai atau value, maka kembalikan data berdasarkan id_barang = $id dengan fungsi getWhere()
pada kode $table = 'barang'; menunjukan bahwa model ini menggunakan table barang, pada database.
2. Buat sebuah Controller yaitu Barang.php pada folder app/Controllers kemudian ketik kode berikut :
nah pada fungsi view di controller kita memakai 3 buah view yaitu header_view, barang_view, dan footer_view :
header_view nanti berisi tentang navigasi pada tag html
barang_view berisi tentang table barang pada html
dan footer_view berisi bagian footer bawah website
3. Lalu terakhir buat lah
sebuah file view header_view.php,barang_view.php, dan footer_view.php , nah pada tampilannya kita menggunakan bootstrap 4 sebagai tampilan utamanya agar terlihat lebih rapih dan bagus :
disini kita tidak download file Bootstrapnya melainkan via online CDN jadi siapkan internet untuk mengikuti tutorial nya
berikut adalah kode header_view.php :
= $title;?>
berikut untuk kode
footer_view.php :
dan untuk barang_view.php berfungsi untuk menampikan data barang berikut kodenya :
"
Ayo berjuang, kita telah memasuki langkah Create, Update, Delete dengan CI 4"
3.4 Membuat Create data pada tabel barang :
1. step pertama masih kita gunakan file Controller Barang.php, pada folder app/Controllers, pada step ini kita membuat fungsi baru untuk menampilkan tambah data barang, berikut kode Barang.php ketika ditambahkan fungsi baru yaitu function
tambah() :
3. step 3 lalu membuat function add() untuk insert data kedalam database, dengan cara kita ke file Controller Barang.php :
getBarang();
echo view('header_view', $data);
echo view('barang_view', $data);
echo view('footer_view', $data);
}
public function tambah()
{
$data['title'] = 'Tambah Data Barang';
echo view('header_view', $data);
echo view('tambah_view', $data);
echo view('footer_view', $data);
}
public function add()
{
$model = new Barang_model;
$data = array(
'nama_barang' => $this->request->getPost('nama'),
'qty' => $this->request->getPost('qty'),
'harga_beli' => $this->request->getPost('beli'),
'harga_jual' => $this->request->getPost('jual')
);
$model->saveBarang($data);
echo '';
}
}
4. lalu step 4 buat function saveBarang() untuk fungsi insert data ke db pada Model Barang_model.php , di folder
app/Models :
findAll();
}else{
return $this->getWhere(['id_barang' => $id]);
}
}
public function saveBarang($data)
{
$builder = $this->db->table($this->table);
return $builder->insert($data);
}
}
Setelah selesai, kita coba testing untuk tambah data barangnya yang memiliki tampilan berikut :
Lalu kita ujicoba insert data barangnya :
Jika Berhasil data akan bertambah :
" Wow, Gak sadar sudah bisa create barang, ayo berjuang ke langkah berikutnya "
3.5 Membuat Update / Edit Pada Tabel barang :
pada step ke 5 ini kita akan belajar membuat update / edit tabel barang pada CodeIgniter
4
1. step pertama tetap kita gunakan file Controller Barang.php, pada folder app/Controllers, pada step ini kita membuat fungsi baru untuk menampilkan edit data barang, berikut kode Barang.php ketika ditambahkan fungsi baru yaitu function edit() :
4. lalu step 4 buat function editBarang() untuk fungsi update data ke db pada Model Barang_model.php , di folder app/Models :
findAll();
}else{
return $this->getWhere(['id_barang' => $id]);
}
}
public function saveBarang($data)
{
$builder = $this->db->table($this->table);
return $builder->insert($data);
}
public function editBarang($data,$id)
{
$builder = $this->db->table($this->table);
$builder->where('id_barang', $id);
return $builder->update($data);
}
}
Setelah
selesai, kita coba testing edit data barangnya yang memiliki tampilan berikut dengan edit nama barang Bola Voli dan ganti dengan Bola Kaki :
lalu jika berhasil diupdate, akan berganti nama barangnya :
" Yosh !! kita telah berjuang sampai sini, gass ke langkah terakhir "
3.6 Membuat delete / hapus pada tabel barang :
1. step pertama tetap kita gunakan file Controller Barang.php, pada folder app/Controllers, pada step ini kita membuat
fungsi baru untuk menghapus barang pada db, berikut kode Barang.php ketika ditambahkan fungsi baru yaitu function hapus() :
getBarang();
echo view('header_view', $data);
echo view('barang_view', $data);
echo view('footer_view', $data);
}
public function tambah()
{
$data['title'] = 'Tambah Data Barang';
echo view('header_view', $data);
echo view('tambah_view', $data);
echo view('footer_view', $data);
}
public function add()
{
$model = new Barang_model;
$data = array(
'nama_barang' => $this->request->getPost('nama'),
'qty' => $this->request->getPost('qty'),
'harga_beli' => $this->request->getPost('beli'),
'harga_jual' => $this->request->getPost('jual')
);
$model->saveBarang($data);
echo '';
}
public function edit($id)
{
$model = new Barang_model;
$getBarang = $model->getBarang($id)->getRow();
if(isset($getBarang))
{
$data['barang'] = $getBarang;
$data['title'] = 'Edit '.$getBarang->nama_barang;
echo view('header_view', $data);
echo view('edit_view', $data);
echo view('footer_view', $data);
}else{
echo '';
}
}
public function update()
{
$model = new Barang_model;
$id = $this->request->getPost('id_barang');
$data = array(
'nama_barang' => $this->request->getPost('nama'),
'qty' => $this->request->getPost('qty'),
'harga_beli' => $this->request->getPost('beli'),
'harga_jual' => $this->request->getPost('jual')
);
$model->editBarang($data,$id);
echo '';
}
public function hapus($id)
{
$model = new Barang_model;
$getBarang = $model->getBarang($id)->getRow();
if(isset($getBarang))
{
$model->hapusBarang($id);
echo '';
}else{
echo '';
}
}
}
pada function hapus($id) berfungsi untuk hapus data pada tabel barang.
disini kita buat parameter if isset $getBarang, yang artinya jika parameter $id / atau id_barang valid maka dapat dihapus,
lalu sebaliknya jika
tidak valid maka url itu akan melempar kembali ke home dan gagal dihapus data barangnya, karena id barang tidak ditemukan.
note : logika hapus ini sama dengan edit data, ini saya gunakan untuk mencegah orang yang memodifikasi tangkapan id pada url.
2. lalu step 2 buat function hapusBarang() untuk fungsi hapus data tabel pada Model Barang_model.php , di folder app/Models
:
findAll();
}else{
return $this->getWhere(['id_barang' => $id]);
}
}
public function saveBarang($data)
{
$builder = $this->db->table($this->table);
return $builder->insert($data);
}
public function editBarang($data,$id)
{
$builder = $this->db->table($this->table);
$builder->where('id_barang', $id);
return $builder->update($data);
}
public function hapusBarang($id)
{
$builder = $this->db->table($this->table);
return $builder->delete(['id_barang' => $id]);
}
}
Horee, selesai, nah sekarang langkah terakhir kita coba testing hapus data nya yang kita hapus disini nama barang Bola Basket :
Lalu jika sukses, nama barang Bola Basket, akan hilang :
Note :
Untuk mengganti halaman root utama atau default url dari http://localhost:8080/barang, menjadi http://localhost:8080 anda dapat mengubahnya dengan cara mengganti router controller default nya pada folder
app/Config/Routes.php lalu cari kode berikut :
$routes->get('/', 'Home::index');
dan ubah menjadi :
$routes->get('/', 'Barang::index');
Lalu buka browser pada url :
http://localhost:8080/
Selesai ..
" Selamat kita telah menyelesaikan Tutorial CRUD CodeIgniter 4 Lengkap Untuk Pemula "
Akhir kata :
Pembahasan ini untuk tutorial lengkap crud CI4 untuk pemula, dimulai dari pengenalan
apa itu CodeIgniter 4, sampai membuat Aplikasi Crud sederhana dengan menggunakan Bootstrap, dan mengkoneksikan dengan database.
Terima kasih sudah berkunjung, semoga tutorial ini bermanfaat, mohon maaf bila ada salah salah kata, pada pembuatan tutorial kali ini. salam koding.
Mengenal Apa Itu CRUD
Bagi PHP Developer, CRUD menjadi sebuah pillar untuk mempelajari sebuah proses pengelolaan data dengan menggunakan PHP dan tentunya MySQL database. Dalam hal ini, CRUD diibaratkan sebuah jalur yang terkoneksi dan terhubung antara bahasa pemrograman PHP dengan MySQL.
Langkah langkah membuat CRUD?
Tutorial Membuat Aplikasi CRUD Dengan PHP dan MySQL.
STEP 1 – Persiapan..
STEP 2 – Membuat Database..
STEP 3 – Buat Koneksi Database..
STEP 4 – Buat View Data..
STEP 5 – Buat Insert Data..
STEP 6 – Buat Update Data..
STEP 7 – Buat Delete Data..
STEP 8 – Buat Cetak Laporan..
PHP menggunakan aplikasi apa?
File PHP pada dasarnya merupakan file text biasa yang bisa dibuat menggunakan aplikasi notepad bawaan windows, namun untuk penggunaan yang lebih baik, kita bisa pakai aplikasi text editor khusus programming seperti Notepad++, Atom, VS Code atau Sublime Text.
Apa yang dimaksud dengan PHP dan MySQL?
PHP and MySQL merupakan kolaborasi antara bahasa pemrograman dan layanan database yang populer saat ini. Jumlah situs yang menggunakan PHP mencapai 78.9% (The Web Technology Surveys, 2019).