CoretanKode We Code We Good
CoretanKode – Cara Menambahkan Data di Database CodeIgniter, Pada postingan kali ini kita akan melanjutkan sesi belajar CodeIgniter dari nol hingga selesai dengan mudah nih. Sekarang kita sudah memasuki tahap CRUD selanjutnya yakni Create.
Artikel Menarik Lainnya :
- Tutorial Laravel: Menginstal Laravel di Windows
- Belajar HTML dari Nol Bahasa Indonesia [Terlengkap]
- Ilmu Dasar SEO untuk YouTube dan Website
- 12 Situs Jual Beli Website & Bisnis Online Terpercaya
Setelah kemarin kita belajar tentang bagaimana cara menampilkan data dari database menggunakan CodeIgniter sekarang kita akan belajar tentang bagaimana cara agar kita dapat menambahkan sebuah row data baru di database menggunakan projek CodeIgniter yang kita buat nih.
Sebenarnya mudah saja bila kita ingin membuat fungsi tambah data ke dalam database projek CI kita nih, kita hanya perlu menambahkan 2 fungsi, 1 model dan 1 view saja nih agar projek kita mempunyai fungsionalitas menambahkan data ke dalam database.
Cara Menambahkan Data di Database CodeIgniter
Nah sekarang kita akan langsung mulai mencoba menambahkan fitur input data kedalam database dengan projek yang telah kita buat kemarin. Berikut ini adalah beberapa langkah-nya :
- Silahkan buka view users/index.php projek kalian, dan silahkan tambahkan sebuah tombol dibawah ini :
<a href=”<?= base_url() ?>user/formTambah” class=”btn btn-primary”>Tambah Data</a>
- Selanjutnya kita harus setting base_url(),silahkan buka folder application/config.php dan line code menjadi seperti ini (sesuaikan dengan nama projek kalian yah) :
$config[‘base_url’] = ‘http://localhost/coretankodecom’;
- Selanjutnya kita akan membuat sebuah helper agar memudahkan dalam pemanggilan-nya nanti, silahkan buka file autoload.php pada folder application dan ubah bagian line code seperti dibawah ini :
$autoload[‘helper’] = array(‘url’);
- Nah selanjutnya kalian membuat sebuah file view baru dengan nama tambah.php nah disini silahkan kalian isikan dengan kodingan form biasa dari bootstrap saja seperti di bawah ini :
<!DOCTYPE html>
<html lang=”en”>
<head>
<title>Bootstrap Example</title>
<meta charset=”utf-8″>
<meta name=”viewport” content=”width=device-width, initial-scale=1″>
<link rel=”stylesheet” href=”https://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css”>
<script src=”https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js”></script>
<script src=”https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js”></script>
<script src=”https://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js”></script>
</head>
<body>
<div class=”container”>
<div class=”card”>
<div class=”card-header”>
Form Tambah Data
</div>
<div class=”card-body”>
<form action=”<?= base_url() ?>user/simpanData” method=”post”>
<div class=”form-group”>
<label for=”exampleInputUsername”>Username</label>
<input type=”text” name=”username” class=”form-control” id=”exampleInputUsername” placeholder=”Enter username”>
</div>
<div class=”form-group”>
<label for=”exampleInputEmail”>Email</label>
<input type=”email” name=”email” class=”form-control” id=”exampleInputEmail” placeholder=”Enter email”>
</div>
<div class=”form-group”>
<label for=”exampleInputPassword”>Password</label>
<input type=”password” name=”password” class=”form-control” id=”exampleInputPassword” placeholder=”Password”>
</div>
<button type=”submit” class=”btn btn-primary”>Submit</button>
</form>
</div>
</div>
</div>
</body>
</html>
- Silahkan lakukan styling sesuka hati kalian pada file view form-nya yah
- Selanjutnya kita akan menambahkan 2 buah function di controller User.php, Berikut ini adalah source code dari kedua function tersebut :
public function formTambah()
{
$this->load->view(‘users/tambah’);
}public function simpanData()
{
$this->User_model->inputData();
redirect(‘index’);
}
Penjelasan :
Di atas merupakan 2 buah function tambahan yang kita buat untuk membuka form tambah user dan juga sebuah function untuk menyimpan data yang telah kita isikan kedalam form. Dapat kalian lihat kita akan kembali menggunakan User_model pada saat ingin menambahkan data di database.
- Selanjut-nya kita akan menambahkan sebuah function inputData() kedalam User_model.php yang projek kita telah miliki, berikut ini kodingan-nya :
public function inputData()
{
$data = [
“username” => $this->input->post(‘username’, true),
“email” => $this->input->post(‘email’, true),
“password” => $this->input->post(‘password’, true)
];
$this->db->insert(‘user’, $data);
}
Penjelasan :
Pada projek yang kita buat pada latihan seri belajar CodeIgniter kali ini kita mempunyai tabel user dengan 3 kolom saja yakni, username, email dan password. Bila projek yang kalian buat mempunyai kolom lain silahkan tambahkan saja yah.
- Nah selanjutnya kalian tinggal menjalankan projek kalian di browser internet kalian, hasilnya akan seperti dibawah ini :
- Tampilan Form Tambah akan terlihat seperti berikut ini :
- Silahkan kalian isi form-nya, admin juga melakukan testing mengisi form-nya seperti ini :
- Akhir-nya data berhasil kalian simpan di database yang digunakan oleh projek CodeIgniter kalian nih, berikut hasil testing admin :
- Hasil-nya data pada database kalian akan bertambah dan juga di tampilkan pada view index user kalian nih
- Akhir-nya selesai
Nah jadi gimana mudah banget bukan apabila kalian ingin menambahkan fungsi Create pada projek CodeIgniter PHP kalian, Pada sesi berikut-nya kita akan belajar tentang bagaimana cara melakukan edit data di database menggunakan CodeIgniter PHP ini.
Jadi silahkan ikuti seri belajar dari CoretanKode.com terus yah, Jangan lupa baca tutorial sosmed dan android serta bisnis yang admin juga bagikan yah. Terima kasih telah berkunjung dan Assalamualaikum Warahmatullahi Wabarakatu.
Originally posted 2022-01-24 19:57:26.