MEMBUAT FORM EDIT, TAMBAH, DAN HAPUS DENGAN PHP DAN MYSQL DI FRAMEWORK CODEIGNITER 3
Hallo semuanya, kita akan melanjutkan tugas pemograman dasar kita. Kali ini kita akan membuat dan memanipulasi json dengan PHP. JSON merupakan singkatan dari JavaScript Object Notation, yaitu suatu format yang merepresentasikan struktur data sederhana dan larik asosiatif (objek) dan sering digunakan untuk pertukaran data.
8. Tampilan user managemnet
Tampilan user management akan memiliki pilihan edit, tambah, dan hapus. Sekarang kalian bisa menambah, menghapus, dan mengedit data kalian disini
1. Buatlah tabel database
Tabel pada database tersebut berisi id_user, email, nama, password, dan status aktif. Pada tabel tersebut yang menjadi primary key adalah id_user.
2. Pada bagian folder view pilihlah folder pages kemudian buatlah sebuah file dengan nama user_edit.php, user_tambah.php, dan user.php
3. Sourcecode untuk user.php yaitu :
<div class="container-fluid">
<!-- Page Heading -->
<div class="d-sm-flex align-items-center justify-content-between mb-4">
<h1 class="h3 mb-0 text-gray-800">Dashboard</h1>
<a href="<?=base_url('admin/user/tambah');?>" class="d-none d-sm-inline-block btn btn-sm btn-primary shadow-sm"><i
class="fas fa-sm text-white-50"></i> Tambah Data</a>
</div>
<div class="row">
<div class="card col-sm-12">
<div class="card-header">
<label for="" class="card-tittle">User Management</label>
</div>
<div class="card-body">
<div class="table-responsive">
<table class="table table-boardered">
<thead>
<tr>
<th>Nama</th>
<th>Email</th>
<th>Aktif</th>
<th>Aksi</th>
</tr>
</thead>
<tbody>
<?php $data = json_decode($json); ?>
<?php foreach ($data as $datas) : ?>
<tr>
<td><?= $datas->nama ?></td>
<td><?= $datas->email ?></td>
<td><?= $datas->aktif ?></td>
<td>
<a href="<?= base_url('admin/user/edit/' . $datas->id_user) ?>"class="btn btn-warning btn-sm">Edit</a>
<a href="<?= base_url('admin/user/delete/' . $datas->id_user) ?>"class="btn btn-danger btn-sm">hapus</a>
</td>
</tr>
<?php endforeach ?>
</tbody>
</table>
</div>
</div>
</div>
</div>
</div>
4. Source code untuk membuat user_edit.php yaitu :
<div class="container-fluid">
<!-- Page Heading -->
<div class="d-sm-flex align-items-center justify-content-between mb-4">
<h1 class="h3 mb-0 text-gray-800">Dashboard</h1>
<a href="#" class="d-none d-sm-inline-block btn btn-sm btn-primary shadow-sm"><i
class="fas fa-download fa-sm text-white-50"></i> Generate Report</a>
</div>
<div class="card">
<div class="card-header">Form Edit User</div>
<div class="card-body">
<div class="row">
<div class="col-sm-3"></div>
<div class="col sm-6">
<form action="<?= base_url('admin/user/edit_aksi') ?>" class="form-horizontal" method="POST">
<div class="form-group">
<label for="email">Email</label>
<input type="email" class="form-control" name="email" value="<?=$user['email'];?>" required>
</div>
<div class="form-group">
<label for="nama">Nama</label>
<input type="text" class="form-control" name="nama" value="<?=$user['nama'];?>" required>
<input type="hidden" class="form-control" name="id_user" value="<?=$user['id_user'];?>">
</div>
<div class="form-group">
<label for="nama">Password</label>
<input type="password" class="form-control" name="password" required>
</div>
<div>
<button type="submit" class="btn btn-sm btn-primary shadow-sm">Simpan</button>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
5. Source code untuk user_tambah.php yaitu :
<div class="container-fluid">
<!-- Page Heading -->
<div class="d-sm-flex align-items-center justify-content-between mb-4">
<h1 class="h3 mb-0 text-gray-800">Dashboard</h1>
</div>
<div class="card">
<div class="card-header">Form Tambah User</div>
<div class="card-body">
<div class="row">
<div class="col-sm-3"></div>
<div class="col sm-6">
<form action="<?= base_url('admin/user/tambah') ?>" class="form-horizontal" method="POST">
<div class="form-group">
<label for="email">Email</label>
<input type="email" class="form-control" name="email" value="" required>
</div>
<div class="form-group">
<label for="nama">Nama</label>
<input type="text" class="form-control" name="nama" value="" required>
</div>
<div class="form-group">
<label for="nama">Password</label>
<input type="password" class="form-control" name="password" value="" required>
</div>
<div>
<button type="submit" class="btn btn-sm btn-primary shadow-sm">Simpan</button>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
6. Pada folder models buatlah sebuah file dengan nama M_user.php, ketikkan sourcode seperti gambar dibawah ini
7. Berikut ini adalah tampilan halaman login kita.
Silahkan isi dengan alamat email dan password yang telah kita simpan ke database sebelumnya
9. Berikut ini merupakan tampilan form tambah data
Kalian dapat menambahkan sesuai form yang disediakan maka akan tampil, di halaman user management dan otomatis menambah di database.
10. Tampilan form edit data baris pertama data user
Sekian dari saya terimakasih...
Comments
Post a Comment