Tutorial CRUD Membuat Form Input Tambah Data dengan CodeIgniter 4

Juli 10, 2025

Halo, Sobat Jagoan! Setelah sebelumnya berhasil menampilkan daftar barang dari database pada artikel kkk, kali ini akan melanjutkan seri CRUD dengan membuat form input untuk menambah data baru.

Fitur tambah data ini berfungsi untuk memudahkan pengguna mencatat barang baru melalui sistem dan data tersebut langsung disimpan di dalam database.

Membuat Fitur CRUD Tambah Data dengan CodeIgniter 4

STEP 1: Buka controller Barang.php di dalam app/Controllers/ lalu modifikasi isinya dengan menambahkan method create() untuk menampilkan form tambah data dan method store() untuk memproses input dari pengguna seperti berikut.

				
					// Tampilkan form input
    public function create()
    {
        return view('barang/create');
    }

    // Simpan data baru
    public function store()
    {
        $model = new BarangModel();

        $data = [
            'nama_barang' => $this->request->getPost('nama_barang'),
            'harga' => $this->request->getPost('harga'),
            'stok' => $this->request->getPost('stok'),
        ];

        $model->insert($data);

        return redirect()->to('/barang');
    }

Secara keseluruhan controller Barang.php seperti ini sekarang.

STEP 2: Kemudian tambahkan routing untuk menangani proses create dan store di app/Config/Routes.php.

				
					$routes->get('/barang/create', 'Barang::create');
$routes->post('/barang/store', 'Barang::store');

Perhatikan perbedaan method yang digunakan pada create dan store. Method GET digunakan untuk menampilkan form input data, sedangkan POST untuk mengirim dan menyimpan data yang dimasukkan melalui form ke dalam database.

GET hanya mengambil tampilan tanpa membawa data, sehingga cocok untuk memuat form di browser. Sementara POST mengirim data melalui request body (bukan URL), membuatnya lebih aman untuk input yang bersifat sensitif seperti nama, harga, atau jumlah barang.

STEP 3: Setelah membuat controller dan routes, selanjutnya membuat file view create.php di dalam app/Views/barang/.

<!DOCTYPE html>

<head>

<title>Tambah Data Barang</title>

</head>

<body>

<h3 class=”mb-4″>Form Tambah Barang</h3>

<form action=”<?= base_url(‘/barang/store’) ?>” method=”post”>

<label for=”nama_barang” class=”form-label”>Nama Barang</label>

</div>

<label for=”harga” class=”form-label”>Harga</label>

</div>

</div>

<button type=”submit” class=”btn btn-primary”>Simpan</button>

<a href=”<?= base_url(‘/barang’) ?>” class=”btn btn-secondary”>Batal</a>

</form>

</div>

</body>

</html>

STEP 4: Berikutnya, edit file index.php sebelumnya untuk menambahkan tombol ‘Tambah Barang’.

				
					<a href="<?= base_url('/barang/create') ?>" class="btn btn-success mb-3">+ Tambah Barang</a>

Tampak file index.php setelah menambahkan button tambah seperti berikut.

STEP 5: Jika semuanya telah selesai, akses http://localhost:8080/barang untuk melihat hasil modifikasinya dan cobalah untuk menambahkan data barang baru di form tambah data. Lalu, klik Simpan dan data akan disimpan ke database kemudian kamu akan diarahkan kembali ke halaman index.

GOOD! Sekarang aplikasi kamu sudah bisa menambahkan data baru ke dalam database melalui antarmuka aplikasi. Kalau ada yang masih bikin bingung, jangan ragu hubungi Tim Support Jagoan Hosting, Sob!

Yuk, lanjut ke artikel berikutnya yaitu membuat fitur update data berikut Tutorial CRUD Update Data dengan CodeIgniter 4