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).

1.    Buka localhost/phpmyadmin di browser



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.
Table plant

Lalu save

Table 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. 

database.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.

config.php

Pada sintaks baris ke 26 yang dilingkari adalah nama folder frameworknya yang nantinya akan digunakan sebagai tempat menyimpan model, view, dan controller.

autoload.php

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.

model


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

type

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

Halaman add

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

Postingan populer dari blog ini

Teknologi Grafis Dalam Pembuatan Film Animasi

Setelah Lulus Mau Apa?