Tutorial CodeIgniter + GroceryCRUD

TUTORIAL CODEIGINTER + GROCERY CRUD


Pada tutorial kali ini akan menjelaskan tentang codeigniter + grocerycrud. Silahkan ikuti langkah - langkah nya.

1. Silahkan download terlebih dahulu codeiginiter nya bisa kunjungi link dibawah ini


2. Lalu download juga GroceryCRUD nya silahkan bisa kunjungi link dibawah ini


3. Setelah di download CodeIgniter dan GroceryCRUD nya silahkan buka aplikasi XAMPP dan aktifkan Apache dan MYSQL apabila belum mempunyai XAMPP bisa download di link di bawah ini


4. Lalu extract codeigniter dan simpan di folder htdocs yang terletak di dalam folder XAMPP
untuk nama folder nya bebas sesuai dengan keinginan masing - masing 

5. Setelah itu cek terlebih dahulu codeigniter nya dengan cara ketik link di browser yaitu http://localhost/nama folder untuk nama folder ini disesuaikan dengan nama folder codeigniter yang ada di windows explorer 
Apabila tampilan nya seperti ini maka codeigniter nya sudah berhasil di simpan di XAMPP 

6. Lalu extract file GroceryCRUD nya ke dalam folder codeigniter dan timpa seluruh isi file di dalam folder codeigniter nya
Apabila struktur floder nya seperti ini maka grocery CRUD sudah berhasil dimasukan ke dalam folder codeigniternya

7. Langkah Selanjutnya yaitu membuat database di phpmyadmin dengan mengunjungi link http://localhost/phpmyadmin 
Tampilan halaman phpmyadmin

8. Lalu buat database di phpmyadmin dengan mengklik tombol baru dan isikan nama database nya bebas namun saya akan membuat database nya dengan nama db_mulmed lalu klik go

Tampilan ini adalah tampilan database ketika berhasil dibuat dan nama database yang sudah dimasukan akan muncul di sidebar phpmyadmin

9. Lalu buat table dengan nama table TB_FILE dan tambahkan jumlah kolomnya menjadi 7 kolom lalu klik go.

10. Lalu isikan field di dalam tabel TB_FILE kurang lebih isi fieldnya sama seperti gambar dibawah
ini
Tampilan field apabila sudah di isi lalu klik simpan.

Tampilan field dari table TB_FILE

12. Langkah selanjutnya adalah memasukan database dan mengolah data nya menggunakan codeigniter dan grocerycrud dengan menggunakan code editor nya masing - masing. namun saya menggunakan visual studio code untuk code editor nya.
Tampilan visual studio code dan disini saya sudah membuka folder codeigniter nya

13. Lalu kita buka folder application lalu buka folder config lalu buka file database.php

14. Di file ini kita tinggal mengubah isi dari variabel username menjadi root, lalu database nya menjadi db_mulmed sesuai dengan nama database yang sudah di buat di phpmyadmin namun apabila kalian memasukan password nya di phpmyadmin maka harus di isikan juga passwordnya di isi variabel password kurang lebih seperti gambar di bawah ini
apabila sudah di ubah isi file nya maka save terlebih dahulu visual studio codenya

15. Selanjutnya yaitu kita membuka folder controllers lalu buat file baru dengan nama Core.php lalu masukan kodingan pada file tersebut seperti gambar di bawah ini.
apabila sudah di ubah isi file nya maka save terlebih dahulu visual studio codenya

16. Lalu kita cek hasil kodingan kita di browser dengan memasukan base url yaitu http://localhost/codeigniter/index.php/core sehingga hasilnya seperti gambar di bawah ini

17. Lalu edit kembali controller core nya dengan memasukan kodingan seperti gambar di bawah ini.

18. Lalu kita cek hasil kodingan kita di browser dengan memanggil class employees pada controller core seperti ini http://localhost/codeigniter/index.php/core/employees sehingga hasilnya seperti gambar di bawah ini

19. Buat view baru di folder views lalu beri nama v_core.php dan masukan kodingan seperti gambar di bawah ini




20. Apabila sudah edit kembali controller Core nya menjadi seperti gambar di bawah ini.


21. Setelah itu cek kembali base url nya apabila sudah berhasil maka akan muncul tampilan di bawah ini 

22. Karena di halaman ini masih belum ada data nya maka kita buat data baru dengan menekan tombol add record seperti gambar di bawah ini 
Apabila sudah maka klik button save and go back to list maka akan kembali ke halaman base url nya

Pada Halaman ini data sudah di masukan ke tabel tb_file

23. Untuk memastikan data sudah masuk ke database maka cek kembali phpmyadmin nya dan cek tabel tb_file di database db_mulmed apabila data sudah masuk maka tampilan nya seperti gambar di bawah ini.

pada gambar di atas data sudah masuk ke database dan sama seperti data yang tadi

24. Apabila ingin diubah tampilan bahasa di base url nya bisa buka file grocery crud di folder config dan ubah seperti gambar di bawah ini.
Apabila sudah cek kembali base url nya

Tampilan nya sudah di ubah ke bahasa indonesia





OK MUNGKIN UNTUK TUTORIAL NYA SUDAH SELESAI DAN BISA DI COBA SEMOGA BERMANFAAT TERIMA KASIH.

Komentar

Postingan populer dari blog ini

Cloud Computing Delivery Model

Tutorial Menggunakan Image CRUD di Code Igniter + Grocery CRUD

Cloud Mechanism