StudyKuy – Membuat CRUD dan Validation. Kali ini studykuy mau berbagi ilmu kembali, untuk membuat CRUD pada Codeigniter4. bagaimana cara membuat CRUD pada Codeigniter4?

CRUD merupakan singkatan dari Create, Read, Update, dan Delete. Ini merupakan hal dasar yang harus kamu ketahui dalam operasi database.

Untuk teman yang baru mau memulai belajar koding membuat website, kalian akan mencari artikel ini. Di sini StudyKuy akan membagikan ilmu membuat CRUD ini secara gratis. langsung saja pada materi

Langkah pertama kita jalankan dulu codeigniter4 di composer kita, bagi kalian yang masih bingung apa itu komposer bisa kembali ke blog sebelumnya disini

Membuat database Untuk membuat CRUD

Mari kita buatkan database terlebih dahulu secara manual setelah ini kita akan bahas bagaimana kita membuat database dengan menggunakan migratin data. mari kita buat dahulu databasenya manual dengan input sebagai berikut :

Database untuk membuat CRUD

Kalian bisa membuat data seperti gambar diatas atau kalian membuat database kalian sendiri dengan field created_at dan updated_at kalian buat data boleh diinput null dan type datanya datetime.

membuat CRUD

Membuat Model untuk membuat CRUD

Sebelum kita menuju membuat View dan controller kit buat kan dahulu file modelnya pada folder model. Kalian bisa pilih APP->Models dan klik kanan buat file baru disini saya membuat nama dengan VideoModel.php.

Pada file Model kita membuat informasi pada codeigniter4 nya nama tabel kita dan memberitahukan field mana saja yang bisa kita input secara manual. Berikut codenya :

Buka Folder View untuk membuat CRUD

Kalian buka view kalian pada codeigniter4 kalian lalu kalian buatkan folder baru bernama apapun sesuka kalian disini saya membuat nama video.

Buat File index.php untuk membuat CRUD

Setelah kalian membuat folder baru lalu kalian buat sebuah file baru bernama index.php sebagai tampilan awal pada halaman video. Sebelumnya kalian harus menambahkan link atau navbar pada navigasi kalian di blog sebelumnya yang sudah kita buat.

Setelah kalian buat navigasinya silahkan copy kan data berikut :

Pada source code diatas kita membuat table untuk membuat CRUD dan menampung data yang ada di database kita. Dengan keterangan code berikut

<a href=”/video/create” class=”btn btn-primary mb-3″>Tambah Data</a>
<?php if(session()->getFlashdata(‘pesan’)) : ?>

Code ini merupakan perintah untuk menambahkan data dengan mendirect data dari controller video dengan class creat yang akan kita buat, lalu mempunyai sesion perintah validation setelah melakukan proses.

<div class=”alert alert-success” role=”alert”>
<?= session()->getFlashdata(‘pesan’);?>
</div>

<?php endif;?>

Perintah kode ini membuat pesan ketika proses selesai pesan gagal ataupun berhasil dan di akhiri perintah if nya

<?php $i = 1; ?>
<?php foreach ($video as $k) : ?>
<tr>
<th scope=”row”><?= $i++; ?></th>
<td><img src=”/img/<?= $k[‘cover’]; ?>” alt=”” class=”cover”></td>
<td><?= $k[‘judul’]; ?></td>
<td>
<a href=”/video/<?= $k[‘slug’]; ?>” class=”btn btn-success”>View</a>

Selanjutnya kode yang diatas merupakan kode untuk menampilkan data yang ada di database kedalam tabel yang kita buat, dan membuat aksi view untuk melihat detail dari data tersebut dengan mengambil, parameter slug pada database kita.

Buat View Create

Pada tampilan video index yang sudah kita buat diatas ada tombol yang tertulis tambah data dengan mendirect ke halaman create nah begini untuk codenya :

Pada menu create banyak yang kita harus buat yah teman pertama jangan lupa buat perintah enctype=”multipart/form-data” karena kita akan mengupload sebuah data atau gambar.

Lalu pada inputnya jangan lupa kita buat type=”file”.

Ini sebuah ilmu teman, disini saya akan membuat ketika user atau pengguna tidak memasukan gambar maka gambar yang akan kita buat merupakan gambar default yang kita sediakan.

<div class=”col-sm-2″>
<img src=”/img/default.png” class=”img-thumbnail img-preview”>
</div>
<div class=”col-sm-4″>
<div class=”custom-file”>
<input type=”file” class=”custom-file-input
<?= ($validation->hasError(‘cover’)) ? ‘is-invalid’ : ”; ?>” id=”cover” name=”cover” onchange=”previewImg()”>
<label class=”custom-file-label” for=”cover”>Pilih Gambar</>

Jadi saat kita user tidak mau upload gambar maka gambar tidak akan kosong tetapi gambar akan secara default sudah di atur.

Dan disini kita akan buat sebuah tampilan data, ketika user upload data maka gambar akan langsung berubah sesuai gambar istilahnya preview gambar lah.

Buat View detail untuk membuat CRUD

Setelah kita membuat tampilan awal pada index.php, lalu kita membuat CRUD untuk tampilan saat tombol atau button view di klik. berikut codenya :

Sedikit membahas tentang pengkodingan diatas
<a href=”/video/edit/<?= $video[‘slug’];?>” class=”btn btn-primary”>Edit</a>
pada kode ini memrintahkan ketika kita klik tombol edit maka kita akan di direct ke halaman edit, yang akan kita buat view dan controllernya.

<form action=”/video/<?= $video[‘id’];?>” class=”d-inline” method=”post”>
<?= csrf_field();?>
<input type=”hidden” name=”_method” value=”delete”>
<button type=”submit” class=”btn btn-danger” onclick=”return confirm(‘Apakah Anda Yakin Mau Menghapus?’);”>Delete</button>
</form>

Membuat CRUD selanjutnya kita membuat tombol delete kenapa kita membuat satu form di dalam form ini agar memudahkan browser membaca perintah delete yang dimana pada perintah sebelum-sebelumnya mengambil data slug.

<?= csrf_field();?> lalu apa kegunaan code CSRF ini agar melindungi dari serangan orang-orang yang tidak bertanggung jawab pada website teman teman

Penjelasan Singkat CSRF, Cross Site Request Forgery (CSRF) adalah adalah sebuah serangan ke web aplication yang memanfaatkan bug atau vulnerability, yang bekerja dengan cara mengeksploitasi suatu task dari sebuah Web dengan memanfaatkan Autentikasi yang dimiliki oleh korban.

nah itulah penjelasan singkatnya lalu kita masuk pada tahap berikutnya.

Buat View Edit

Selanjutnya kita buat pada view dengan nama edit.php, untuk memproses setelah kita klik tombol edit pada halaman detail berikut untuk source codenya:

Nah diatas merupakan halaman edit kita, kita bisa mengedite data yang sudah kita buat pada halaman index.

<div class=”col-sm-6″>
<input type=”text” class=”form-control <?= ($validation->hasError(‘judul’)) ? ‘is-invalid’ : ”;?>” id=”judul”
value=”<?= (old(‘judul’)) ? old(‘judul’) : $video[‘judul’]?>” name=”judul”>
<div class=”invalid-feedback” >
<?= $validation->getError(‘judul’);?>
</div>

Pada kode diatas kalian menemukan perintah ini. untuk apa? ini untuk mengaktifkan validation ketika data judul tidak diisi dan nama filenya sudah ada.

Buat View Delete

Setelah kalian membuat semua data diatas sebenar pada bagian delete tidak dibutuhkan view tetapi kita menambahkannya pada file controller kita. selanjutnya kita beralih ke file Controller kita

Menambahkan Controller CRUD

Controller detail

Setelah kalian membuat view tampilan pada menu video maka kita selanjunya membuat controllernya agar fitur yang ada di dalam tabel berjalan sesuai dengan apa yang kita mau. Kalian bisa copy code berikut :

Ini merupakan proses perintah yang ada pada tombol atau button view yang kita buat.

Baca Juga

Codeigniter4 Tutorial #3 : Membuat Koneksi database dan Model
Excel Pengertian Hlookup Vlookup
7 tips for a healthy diet that is effective and inexpensive.

Controller Create

Disini merupakan hal terpenting dimana kita membuat perintah pada halaman creat yang sudah kita buat pada folder view diatas, berikut kodenya:

Controller Save

Pada controller ini saya akan membuat perintah untuk membuat sebuah validation saat proses save dilakukan, jika perintah tidak sesuai maka data tidak akan terinput dan disini kita akan membuat batasan file yang bisa di upload dan membuat type file yang harus di upload. berikut codenya :

oyaa saya lupa disini saya sudah membuat sebuah perintah session pada baseController, kalian bisa tambahkan di paling bawah dengan perintah session();

Controller Delete

Ini merupakan controller untuk proses delete bukan hanya delete pada database kita akan membuat delet juga file di folder image kita, oyaa disini kita membuat gambar yang terupload berubah namanya agar tidak gampang di retas gitu sih. Berikut Code nya :

Controller Edit

Pada controller ini kita hanya menampilkan data dan halaman pada edit saja. berikut source codenya :

Membuat CRUD Controller Update

Pada proses ini kita membuat banyak proses yaitu kita membuat validasi jika data sesuai maka dapat terupdate dan kita akan membuat perintah jika gambar yang dibuat sama maka kita akan mengambil gambar yang lama jika gambarnya berbeda maka kita akan mengupload gambar baru dan gambar lama akan di hapus di folder image nya. berikut datanya :

Seperti itulah ilmu yang saya bagikan kali ini kalian coba di rumah yah teman jika kalian mengalami masalah kalian bisa tinggalkan jejak pada kolom komentar.

Membuat CRUD dengan Javascript

Ada yang terlupakan teman kita membuat untuk tampilan perview pada saat input gambar pada create dan edit kalian membuat javascript pada folder view lalu layout dan tamplate.php , berikut codenya :

Sekian dulu untuk blog kali ini Codeigniter4 Tutorial #4 : Membuat CRUD dan Validation.


1 Komentar

Borisinil.com · 13/03/2021 pada 12:53 pm

Kontennya bagus, kenapa tidak mendaftarkan blog ke google adsense dan pasang iklan adsense di post blog nya.

Tinggalkan Balasan

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *