Minggu, 29 September 2019

Membuat Crud Otomatis dengan Grocery Crud di CodeIgniter.


Grocery Crud adalah library open source yang digunakan untuk melakukan generate fitur CRUD (Create Read Update Delete) secara otomatis pada aplikasi berbasis web yang dibuat menggunakan framework CodeIgniter.




1. Langkah awal download Framework CodeIgninter nya di https://codeigniter.com




2. Selanjutnya download Library Grocery Crud di https://grocerycrud.com




3. Ekstrak file grocery-crud-1.6.3.zip kedalam project CodeIgniter.




4. Selanjutnya membuat database di PHPMyAdmin dengan nama db_codeigniter.




5. Membuat tabel files di database db_codeigniter, jalankan perintah SQL dibawah untuk membuat tabel files.

CREATE TABLE IF NOT EXISTS `files` (
  `id` char(10) NOT NULL,
  `fileName` varchar(50) NOT NULL,
  `fileType` varchar(50) NOT NULL,
  `fileExt` varchar(50) NOT NULL,
  `fileGroup` varchar(50) NOT NULL,
  `fileContent` varchar(50) NOT NULL,
  `fileDesc` varchar(50) NOT NULL,
  PRIMARY KEY (`id`)
) ENGINE=MyISAM  DEFAULT CHARSET=latin1;
  
INSERT INTO `files` (`id`, `fileName`, `fileType`, `fileExt`, `fileGroup`, `fileContent`, `fileDesc`) VALUES
(1000, 'FileName0', 'fileType0', 'fileExt0', 'fileGroup0', 'fileContent0', 'fileDesc0'),
(1001, 'FileName1', 'fileType1', 'fileExt1', 'fileGroup1', 'fileContent1', 'fileDesc1'),
(1002, 'FileName2', 'fileType2', 'fileExt2', 'fileGroup2', 'fileContent2', 'fileDesc2'),
(1003, 'FileName3', 'fileType3', 'fileExt3', 'fileGroup3', 'fileContent3', 'fileDesc3'),
(1004, 'FileName4', 'fileType4', 'fileExt4', 'fileGroup4', 'fileContent4', 'fileDesc4'),
(1005, 'FileName5', 'fileType5', 'fileExt5', 'fileGroup5', 'fileContent5', 'fileDesc5'),
(1006, 'FileName6', 'fileType6', 'fileExt6', 'fileGroup6', 'fileContent6', 'fileDesc6'),
(1007, 'FileName7', 'fileType7', 'fileExt7', 'fileGroup7', 'fileContent7', 'fileDesc7'),
(1008, 'FileName8', 'fileType8', 'fileExt8', 'fileGroup8', 'fileContent8', 'fileDesc8'),
(1009, 'FileName9', 'fileType9', 'fileExt9', 'fileGroup9', 'fileContent9', 'fileDesc9')




6. Selanjutnya ubah konfigurasi database pada folder application/config/database.php.




7. Buat file Controller baru dan beri nama Core.php pada folder application/controllers

isi file Core.php sebagai berikut :

<?php  if ( ! defined('BASEPATH')) exit('No direct script access allowed');
class Core extends CI_Controller {
    function __construct()
    {
        parent::__construct();
        $this->load->database();
        $this->load->helper('url');
        $this->load->library('grocery_CRUD'); //load library grocerycrud
    }
    public function files()
    {
        $crud = new grocery_CRUD();
        $crud->set_table('files'); //table name
        $output = $crud->render();
        $this->_example_output($output);        
    }
    function _example_output($output = null)
    {
        $this->load->view('v_core.php',$output);    
    }
    
}




8. Selanjutnya buat file View baru dengan nama v_core.php pada folder applications/views
isi file v_core.php sebagai berikut :

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8" />
<?php 
foreach($css_files as $file): ?>
    <link type="text/css" rel="stylesheet" href="<?php echo $file; ?>" />
<?php endforeach; ?>

<?php foreach($js_files as $file): ?>

    <script src="<?php echo $file; ?>"></script>
<?php endforeach; ?>
</head>
<body>
    <div>
        <?php echo $output; ?>
    </div>
</body>
</html>




url : http://localhost/CodeIgniter-3.1.11/index.php/Core/files/
9. Selanjutnya jalankan project codeigniter dengan mengakses url jika tidak ada kesalahan akan tampil seperti gambar di atas.