Membuat CRUD Sederhana
Membuat CRUD Sederhana
Sebelum memulai membuat CRUD,
terlebih dahulu mengetahui apa itu CRUD sendiri. CRUD kependekan dari Create, Read, Update, dan Delete. Masing-masing memiliki arti
tersendiri yaitu sebagai berikut:
1.
Create
Perintah membuat sebuah
data yang akan ditambahkan ke database.
2.
Read
Membaca data yang telah dibuat, yang
dapat direpresentasikan dalam tampilan
web.
3.
Update
Memperbarui data yang
telah ada pada database sesuai kebutuhan.
4.
Delete
Menghapus data yang telah ada
sebelumnya.
Setelah mengetahui apa itu CRUD, selanjutnya
mulai membuat contoh CRUD sederhana.
Langkah yang pertama adalah membuat database, sesuai pada postingan sebelumnya maka DBMS yang digunakan adalah MySql. Namun, sebelumnya pastikan xampp sudah aktif terlebih dahulu atau jika belum install, bisa membaca terlebih dahulu post sebelumnya. Contoh yang dibuat pada kali ini CRUD dengan relasi tabel (2 tabel).
Langkah yang pertama adalah membuat database, sesuai pada postingan sebelumnya maka DBMS yang digunakan adalah MySql. Namun, sebelumnya pastikan xampp sudah aktif terlebih dahulu atau jika belum install, bisa membaca terlebih dahulu post sebelumnya. Contoh yang dibuat pada kali ini CRUD dengan relasi tabel (2 tabel).
2. Buat database (penamaan bebas), setelah dibuat tampilan akan seperti
dibawah ini.
3. Buat dua buah tabel yang berelasi,
klik Create tabel untuk perintahnya
Contoh
disini akan membuat table plant dan type.
Lalu
save
Menghubungakan
table plant dengan type
Setelah itu berlanjut pada
penggunaan framework, pada tahap ini
penerapan MVC digunakan. Namun
sebelumnya ada beberapa hal yang harus diperhatikan. Ada beberapa file dalam
berkas framework yang perlu diubah
yaitu pada file database.php, config.php,
dan autoload.php.
Yang
bertanda merah adalah baris sintaks yang perlu diubah (*pada gambar sudah
sesuai), atau jika terdapat yang tidak sesuai dengan pada gambar silahkan
diubah.
“crud”
pada gambar diatas adalah nama database yang dibuat pada tutorial ini.
Pada
sintaks baris ke 26 yang dilingkari adalah nama folder frameworknya yang nantinya
akan digunakan sebagai tempat menyimpan model,
view, dan controller.
Pada
sintaks baris ke 61 yang ditamabahkan adalah database dan session.
database : me-load otomatis database yang
dibuat.
session : menyimpan informasi yang dibutuhkan
Lalu untuk mencoba/menguji
konektifitas database pada tampilan
pada webnya dibutuhkan model, view, dan controller.
view
File-file diatas disimpan sesuai tempatnya
masing-masing, untuk jelasnya bisa dilihat pada gambar dibawah ini.
Jika
sudah dibuat pastikan juga disave, buka localhost/ci2k18/index.php/plant , maka
tampilannya akan seperti dibawah dan database
sudah terhubung.
Setelah berhasil menghubungkan selanjutnya
melanjutkan code-nya baris demi baris
yang memuat fungsi menambah, mengubah, dan menghapus data.
model
plant
Fungsi
yang terdapat di pada model :
1. get_all(), mengambil value dari tabel type ke plant berdasarkan id
2. insert(), mengisikan data tiap elemen table pada
table
3. get(), mengambil value dari tabel berdasarkan id
4. update(), memilih data yang akan di-update berdasarkan id
5. delete(), memilih data yang akan di-delete berdasarkan id
buat
file model untuk type dan simpan pada directory
yang sama dengan tabel plant
get_all(), mengambil value dari tabel type
controller
view
index.php, tampilan utama
edit.php, tampilan edit
new_form, tampillan menambah item baru
Buka
localhost/ci2k18/index.php/plant di browser untuk melihat hasilnya
Beranda
sesudah
input
Tampilan
edit
Tampilan
delete
Untuk
styling bisa sesuai keinginan
masing-masing bisa menggunakan bootstrap
maupun css manual. Contoh yang sudah diberi css.
Beranda
Halaman
add
Halaman edit
Sekian tutorial
kali ini, semoga bermanfaat. Aamiin.
Komentar
Posting Komentar