SIPA NURAENI

TUTORIAL CODEIGNITER MEMBUAT CRUD INSTAN DENGAN GROCERY CRUD#01

Sipa Nuraeni Oktober 02, 2019

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.



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




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



Ekstrak file grocery crud nya kedalam project CodeIgniter

Selanjutnya membuat database di PHPMyAdmin dengan nama db_crud



Membuat tabel files di database db_crud, 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');



















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






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);    
    }
    
}


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>
    <title>Sipa Nuraeni</title>
<?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> 


Selanjutnya jalankan project codeigniter nya dengan menggunakan 
url : http://localhost/codeigniter/index.php/core/files/ jika gagal akan muncul seperti gambar yang di bawah.

Posting Komentar

1 Komentar