Membuat CRUD Sound dengan Grocery Crud

Published: Minggu, 13 Oktober 2019

Persiapkan requirement untuk aplikasinya seperti php, mysql, phpmyadmin. Atau langsung menggunakan xampp, karena di dalamnya sudah ada aplikasi untuk membuat project PHP.

Download codeigneter https://codeigniter.com/en/download, dan Grocery Crud https://www.grocerycrud.com/downloads.

jika sudah, extract kedua file tersebut, rubah nama folder default codeigneter sesuai keinginan.

lalu buka grocery crud yang sudah di extract, copy semua file nya dan masukan ke dalam project codeigneternya.

lalu buka phpmyadmin di browser lalu ketik di address bar localhost/phpmyadmin.

Buat database db_sound, lalu jalankan script dibawah untuk membuat tabel sound

selanjutnya buka projectnya sesuai editor yang anda punya, lalu rubah config database nya di dalam folder application/config/database.php sesuai configurasi milik anda.

$db['default'] = array(
'dsn' => '',
'hostname' => 'localhost',
'username' => 'root',
'password' => '',
'database' => 'db_sound',
'dbdriver' => 'mysqli',
'dbprefix' => '',
'pconnect' => FALSE,
'db_debug' => (ENVIRONMENT !== 'production'),
'cache_on' => FALSE,
'cachedir' => '',
'char_set' => 'utf8',
'dbcollat' => 'utf8_general_ci',
'swap_pre' => '',
'encrypt' => FALSE,
'compress' => FALSE,
'stricton' => FALSE,
'failover' => array(),
'save_queries' => TRUE
);

masuk ke folder asset/uploads lalu buat folder untuk menampung file sound yang diupload.

selanjutnya buat file Main.php di application/controllers

<?php if (! defined('BASEPATH')) {
exit('No direct script access allowed');
}
class Main extends CI_Controller
{
public function __construct()
{
parent::__construct();
/* Standard Libraries of codeigniter are required */
$this->load->database();
$this->load->helper('url');
/* ------------------ */
$this->load->library('grocery_CRUD');
}
public function index()
{
echo "<h1>Welcome to the world of Codeigniter</h1>";//Just an example to ensure that we get into the function
die();
}
public function sounds()
{
$crud = new grocery_CRUD();
$crud->set_table('sound');
$crud->set_subject("File Suara");
$crud->set_field_upload('FileContent', 'assets/uploads/sound');
$output = $crud->render();
$this->_example_output($output);
}
public function _example_output($output = null)
{
$this->load->view('sounds.php', $output);
}
}

sesudah itu buat view dengan nama sounds.php file ini sebagai halaman html untuk crud.

<!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; ?>

<style type='text/css'>
body
{
font-family: Arial;
font-size: 14px;
}
a {
color: blue;
text-decoration: none;
font-size: 14px;
}
a:hover
{
text-decoration: underline;
}
</style>
</head>
<body>

<div>
<a href='<?php echo site_url('main/sounds')?>'>Sound</a> |
</div>

<div style='height:20px;'></div>

<div>
<?php echo $output; ?>

</div>

<div>Footer</div>

</body></html>

lalu pindahkan projectnya ke :

1. Jika di window pindahkan ke C:\\xampp\htdocts\

2. Jika di ubuntu pindahkan ke /var/www/html/

Setelah langkah diatas sudah selesai, tahap selanjutnya adalah testing aplkasinya. Buka browser lalu ketik di address bar http://localhost/grocery-crud-sound/index.php/main/sounds/.