Belajar CRUD CodeIgniter & Grocery CRUD

Langkah Langkah :

Langkah 1 :

Download Framework CodeIgniter nya di https://codeigniter.com/



Langkah 2 :

Download Library Grocery Crud di https://www.grocerycrud.com



Langkah 3 :

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



Langkah 4 :

Membuat Database di PHPMyAdmin dengan nama db_codeigniter


Langkah 5 :

Membuat tabel files di database db_codeigniter, Jalankan perintah SQL dibawah ini untuk membuat tabel nya
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');

Maka hasilnya nanti akan seperti ini




Langkah 6 :

Ubah konfigurasi database pada folder application/config/database.php



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


Langkah 8 :
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> 


Langkah 9 :

Jalankan project codeigniter dengan mengakses ke laman web , atau klik URL di bawah , dan inilah hasilnya akan seperti ini.




Comments

Post a Comment

Popular Posts