Tutorial CRUD PHP
Tutorial CRUD PHP
PHP adalah bahasa pemrogramman web yang dinamis dan sangat populer
yang biasanya digunakan untuk membagun website secara dinamis, salah
satu membuat website secara dinamis adalah dengan cara menyimpan
data yang ada kedalam database dan bisa dimanupulasi dengan sesuka
keinginan.
Pertama, kita buat sebuah database baru dulu, untuk teman-teman yang
biasa menggunakan XAMPP, silahkan diaktifkan apache dan mysql.
Dan sekarang kita ketikkan kode berikut ini kedalam file koneksi.php, berikut
kodenya :
<?php
//deklasrasi variabel
$db_host = "localhost";
$db_user = "root";
$db_pass = "";
$db_name = "db_sekolah";
if($connection) {
echo "Koneksi Berhasil!";
} else {
echo "Koneksi Gagal! : ". mysqli_connect_error();
}
?>
Dari kode diatas, mari kita bahas bersama dan kita pahami fungsi-
fungsinya.
Dari kode diatas, kita membuat sebuah kondisi atau pengecekan apakah
variabel $connection itu bernilai TRUE atau FALSE atau terpenuhi atau
tidak.
Maka jika kondisi dari variabel $connection itu terpenuhi maka jika kita akses
koneksi kita di web browser dengan cara
mengetikkan http://localhost/sekolah/koneksi.php, maka akan keluar pesan
:
Koneksi Berhasil!
Pada tutorial kali ini, kita semua akan belajar bagaimana caranya
memasukkan data atau input data dari PHP ke database yang sudah kita
buat sebelumnya.
Jika sudah berhasil semuanya, kita sekarang lanjut membuat tampilan form
yang digunakan untuk menyimpan data siswa ke dalam database.
<body>
<div class="container" style="margin-top: 80px">
<div class="row">
<div class="col-md-8 offset-md-2">
<div class="card">
<div class="card-header">
TAMBAH SISWA
</div>
<div class="card-body">
<form action="simpan-siswa.php" method="POST">
<div class="form-group">
<label>NISN</label>
<input type="text" name="nisn" placeholder="Masukkan NISN Siswa"
class="form-control">
</div>
<div class="form-group">
<label>Nama Lengkap</label>
<input type="text" name="nama_lengkap" placeholder="Masukkan
Nama Siswa" class="form-control">
</div>
<div class="form-group">
<label>Alamat</label>
<textarea class="form-control" name="alamat"
placeholder="Masukkan Alamat Siswa” rows="4"></textarea>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
<script src="https://code.jquery.com/jquery-3.4.1.slim.min.js"></script>
<script
src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js"></
script>
</body>
</html>
Dari kode diatas, form yang sudah kita buat akan mengarah ke file baru
yang bernama simpan-siswa.php, jadi proses input dari form akan langsung
di proses oleh file yang bernama simpan-siswa.php dengan menggunakan
method POST.
} else {
?>
Kode diatas adalah sebuah deklarasi variabel yang mana isinya mengambil
dari hasil input Form.
Pada kode diatas itu adalah sebuah Query yang digunakan untuk
menyimpan data ke dalam database.
} else {
}
Kode diatas adalah sebuah kondisi dimana jika variabel bernilai TRUE atau
Query berjalan maka otomatis kita akan diarahkan ke dalam file yang
bernama index.php.
Pada artikel kali ini kita akan menampilkan data dari database
menggunakan Library yang bernama Datatables. Kenapa
menggunakan Datatables ? dengan Datatables kita tidak harus membuat
pencarian dan paginasi data secara manual, semuanya sudah disediakan
secara otomatis.
Penasaran? mari kita mulai materinya, diartikel sebelumnya kita sudah
membuat file yang bernama index.php dan file tersebut masuh kosong.
Maka ditutorial kali ini kita akan menuliskan beberapa kode di
file index.php tersebut.
<body>
<?php } ?>
</tbody>
</table>
</div>
</div>
</div>
</div>
<script src="https://code.jquery.com/jquery-3.4.1.slim.min.js"></script>
<script
src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js"></
script>
<script
src="//cdn.datatables.net/1.10.20/js/jquery.dataTables.min.js"></script>
<script>
$(document).ready( function () {
$('#myTable').DataTable();
} );
</script>
</body>
</html>
Oke kita bahas kodenya step by step, perhatikan untuk kode berikut ini :
<script>
$(document).ready( function () {
$('#myTable').DataTable();
} );
</script>
CRUD PHP & MySQLi Dengan Bootstrap : Edit Dan Update Data Ke
Database - Halo teman-teman semuanya pada kesempatan kali ini kita
akan melanjutkan artikel dari seri CRUD PHP & MySQLi Dengan
Bootstrap. Dan pada artikel kali ini kita semua akan belajar bagaimana
cara mengedit dan mengupdate data kedalam database.
Jika sebelumnya kita sudah banyak membahas tentang seri ini, mulai dari
membuat koneksi database, memasukkan data atau input
data hingga menampilkannya ke layar atau web browser.
Oke pada kesemptan kali ini kita mencoba membuat edit dan update data,
jika teman-teman belum membaca artikel sebelumnya maka teman-teman
harus membacanya dari part 1 atau dari awal.
Oke langsung saja, buatlah sebuah file baru didalam folder / project kita
yang bernama sekolah, buat file dengan nama edit-siswa.php. Kemudian
masukkan kode berikut ini :
<?php
include('koneksi.php');
$id = $_GET['id'];
$row = mysqli_fetch_array($result);
?>
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-
fit=no">
<link rel="stylesheet"
href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css">
<title>Edit Siswa</title>
</head>
<body>
<div class="form-group">
<label>NISN</label>
<input type="text" name="nisn" value="<?php echo $row['nisn'] ?
>" placeholder="Masukkan NISN Siswa" class="form-control”>
<input type="hidden" name="id_siswa" value="<?php echo
$row['id_siswa'] ?>">
</div>
<div class="form-group">
<label>Nama Lengkap</label>
<input type="text" name="nama_lengkap" value="<?php echo
$row['nama_lengkap'] ?>" placeholder="Masukkan Nama Siswa" class="form-control">
</div>
<div class="form-group">
<label>Alamat</label>
<textarea class="form-control" name="alamat"
placeholder="Masukkan Alamat Siswa" rows="4"><?php echo $row['alamat'] ?
></textarea>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
<script src="https://code.jquery.com/jquery-3.4.1.slim.min.js"></script>
<script
src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js"></
script>
</body>
</html>
Oke kita bahas kode diatas mulai dari kode berikut ini :
<?php
include('koneksi.php');
$id = $_GET['id'];
$row = mysqli_fetch_array($result);
?>
Dari potongan kode diatas ini digunakan untuk mencari data siswa ke
database dengan ID yang kita ambil dari URL atau link. Jika kita perhatikan
ketika klik tombol edit maka URL yang dihasilkan kurang lebih seperti
ini http://localhost/sekolah/edit-siswa.php?id=ID.
?>
Kode diatas adalah sebuah deklarasi variabel yang mana isinya mengambil
dari hasil input Form.
} else {
Selanjutnya, untuk edit dan sekaligus update data siswa akan kita bahas
pada atikel selanjutnya.
Tutorial CRUD PHP & MySQLi Dengan Bootstrap : Hapus Data dari Database
CRUD PHP & MySQLi Dengan Bootstrap : Hapus Data Dari Database -
Halo teman-teman semuanya melanjutkan di pembahasan artikel
sebelumnya yaitu edit dan update data, pada kesempatan artikel kali ini
kita semua akan bersama-sama belajar bagaimana cara membuat delete
data dari database.
Dari link diatas, kita bisa mengetahui bahwasanya kita harus membuat file
dengan nama hapus-siswa.php di dalam folder project sekolah kita.
Sekarang silahkan buat file dengan nama hapus-siswa.php dan masukkan
kode dibawah ini.
<?php
include('koneksi.php');
//get id
$id = $_GET['id'];
if($connection->query($query)) {
header("location: index.php");
} else {
echo "DATA GAGAL DIHAPUS!";
}
?>
Dari kode diatas kita bisa tau ada sebuah Query delete data siswa
berdasarkan ID yang didapatkan dari URL / link.