Membuat Crud Upload Gambar + Grocery Crud di CodeIgniter

Step 1 : Download terlebih dahulu file Framework CodeIgniter di https://codeigniter.com


Step 2 : Download Function Image Crud di https://www.grocerycrud.com/image-crud


Step 3 : Setelah di download file Function Image Crud nya , kemudian di ekstrak dan masukkan ke dalam file yang berada di htdocs


Step 4 : Buat database baru di phpmyadmin , disini saya namakan db_image


Step 5 :  Buka file example_database.sql yang ada folder project CI dan copy semua perintahnya


Step 6 : Lalu paste kan semua perintah SQL pada database yang sudah kita buat lalu tekan Go.


Step 7 : Setelah SQL berhasil dieksekusi hasil nya akan menjadi seperti ini


Step 8 : Konfigurasi databasenya , buka file database.php yang ada pada folder application/config/database.php


Step 9 : Buat Controller baru pada projek Codeigniter nya di folder application/controllers, beri nama Controller nya dengan nama bebas & copy perintah ini kedalam controller yg tadi di buat.

<?php if ( ! defined('BASEPATH')) exit('No direct script access allowed');
class ival extends CI_Controller {
 function __construct()
 {
  parent::__construct();
  /* Standard Libraries */
  $this->load->database();
  /* ------------------ */    $this->load->helper('url'); //Just for the examples, this is not required thought for the library
  $this->load->library('image_CRUD');
 }
  function _example_output($output = null)
 {
  $this->load->view('example.php',$output);  }
  function index()
 {
  $this->_example_output((object)array('output' => '' , 'js_files' => array() , 'css_files' => array()));
 }   function example1()
 {
  $image_crud = new image_CRUD();
  $image_crud->set_primary_key_field('id');
  $image_crud->set_url_field('url');
  $image_crud->set_table('example_1')
   ->set_image_path('assets/uploads');
  $output = $image_crud->render();
  $this->_example_output($output);
 }
  function example2()
 {
  $image_crud = new image_CRUD();
  $image_crud->set_primary_key_field('id');
  $image_crud->set_url_field('url');
  $image_crud->set_table('example_2')
  ->set_ordering_field('priority')
  ->set_image_path('assets/uploads');
  $output = $image_crud->render();
  $this->_example_output($output);
 }
 function example3()
 {
  $image_crud = new image_CRUD();
  $image_crud->set_primary_key_field('id');
  $image_crud->set_url_field('url');
  $image_crud->set_table('example_3')
  ->set_relation_field('category_id')
  ->set_ordering_field('priority')
  ->set_image_path('assets/uploads');
  $output = $image_crud->render();
  $this->_example_output($output);
 }
 function example4()
 {
  $image_crud = new image_CRUD();
  $image_crud->set_primary_key_field('id');
  $image_crud->set_url_field('url');
  $image_crud->set_title_field('title');
  $image_crud->set_table('example_4')
  ->set_ordering_field('priority')
  ->set_image_path('assets/uploads');
  $output = $image_crud->render();
  $this->_example_output($output);
 }
  function simple_photo_gallery()
 {
  $image_crud = new image_CRUD();
  $image_crud->unset_upload();
  $image_crud->unset_delete();
  $image_crud->set_primary_key_field('id');
  $image_crud->set_url_field('url');
  $image_crud->set_table('example_4')
  ->set_image_path('assets/uploads');
  $output = $image_crud->render();
  $this->_example_output($output);   }
}
Step 10 : Setelah membuat Controller selanjutnya jalankan project Codeigniter nya dengan mengakses url  http://localhost/codeigniter/index.php/ival maka akan tampil seperti ini : 


Step 11 : Setelah itu coba setiap halaman nya seperti Example 1 - Simple, Example 2 - Ordering, Example 3 - With group id, Example 4 - Images with title, Simple Photo Gallery, akan tampil seperti berikut :








Comments

Popular Posts