Crud Php mysql dengan Bootstrap

Halo selamat datang diwebsite ini, kali ini pusat kursus mau berbagi tutorial membuat crud database mysql dengan php dan bootstrap. untuk langkah pertama yang akan kita buat adalah membuat database crud dan tabel siswa, liat gambar dibawah ini untuk lebih lengkapnya

1.Buat Database dan Tabel

2.Buat Koneksi Database

Kemudian buatlah sebuah file dengan nama koneksi.php, kemudian ketikkan syntax seprti dibawah ini kedalamnya :

<?php 
$db = new mysqli('localhost','root','','crud');
?>

3.Buat File Index.php

Kemudian buatlah file utama yang akan di baca pertama kali oleh browser oleh karena itu beri nama index.php, dan copykan syntax dibawah ini kedalam file index.php tersebut :

<!DOCTYPE html>
<html lang="id">
	<head>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<title>Crud Php Mysql dan Bootstrap PusatKursus.com</title>

		<!-- Bootstrap CSS -->
		<link href="//netdna.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css" rel="stylesheet">
	</head>
	<body>
		<div class="container">
			<div class="panel panel-primary">
			  <div class="panel-heading">
					<h3 class="panel-title">Crud Data Siswa</h3>
			  </div>
			  <div class="panel-body">
					<?php 
						include 'koneksi.php';
						$module = isset($_GET['module']) ? $_GET['module'] : '';
						//jika ada request module maka tampilkan nilai modul + .php
						if ($module) {
							include "$module.php";
						//jika tidak maka home.php sebagai default
						}else{
							include "home.php";
						}
					?>
			  </div>
			</div>
		</div>
		
	</body>
</html>

3.Buat File Home.php

Kemudian buatlah file home.php sebagai halaman default pada saat web kita akses dengan kodenya seperti di bawah ini :

<a href="?module=tambah" class="btn btn-success">Tambah Data</a><hr>
<table class="table table-bordered">
	<thead>
		<tr>
			<th>NO</th>
			<th>NAMA</th>
			<th>JENIS KELAMIN</th>
			<th>AGAMA</th>
			<th>TEMPAT LAHIR</th>
			<th>TANGGAL LAHIR</th>
			<th>AKSI</th>
		</tr>
	</thead>
	<tbody>
		<?php
			foreach ($db->query("select * from siswa") as $row) {
			echo "<tr>
					<td>$row[id]</td>
					<td>$row[nama]</td>
					<td>$row[jenis_kelamin]</td>
					<td>$row[agama]</td>
					<td>$row[tempat_lahir]</td>
					<td>$row[tanggal_lahir]</td>
					<td>
						<a href='?module=edit&id=$row[id]' class='btn btn-warning'>edit</a>
						<a href='?module=hapus&id=$row[id]' class='btn btn-danger'>hapus</a>
					</td>
				</tr>";	
			}
		 ?>
	</tbody>
</table>

4.Buat Form Tambah

Kemudian buat form untuk menambah data karena tabel kita masih kosong, maka halaman home hanya ada tabel saja, nah sekarang kita buat form untuk menambah datanya, buat sebuah file dengan nama tambah.php dan copy kode berikut kedalam file tambah.php :

<form action="?module=simpan" method="POST" role="form">
	<div class="form-group">
		<label for="">Nama</label>
		<input type="text" class="form-control" name="nama" placeholder="Nama">
	</div>

	<div class="form-group">
		<label for="">Jenis kelamin</label>
		<input type="radio" name="jenis_kelamin" value="Laki-Laki">Laki-Laki
		<input type="radio" name="jenis_kelamin" value="Perempuan">Perempuan
	</div>
	<div class="form-group">
		<label for="">Agama</label>
		<select name="agama" class="form-control">
			<option value="">Pilih Agama</option>
			<option value="Islam">Islam</option>
			<option value="Khatolik">Khatolik</option>
			<option value="Protestan">Protestan</option>
			<option value="Hindu">Hindu</option>
			<option value="Budha">Budha</option>
		</select>
	</div>
	<div class="form-group">
		<label for="">Tempat Lahir</label>
		<textarea class="form-control" name="tempat_lahir"></textarea>
	</div>
	<div class="form-group">
		<label for="">Tanggal Lahir</label>
		<input type="date" class="form-control" name="tanggal_lahir">
	</div>
	<button type="submit" class="btn btn-primary">Simpan</button>
	<a href="index.php" class="btn btn-warning">Kembali</a>
</form>

5.Buat File simpan.php

Setelah form dibuat maka kita buat file simpan.php untuk menyimpan data di form tambah,sesuai value module di tag action pada form tambah, untuk kodenya bisa copy dibawah ini :

<?php
	$sql = "INSERT INTO siswa SET nama='$_POST[nama]',
	jenis_kelamin='$_POST[jenis_kelamin]',
	agama='$_POST[agama]',
	tempat_lahir='$_POST[tempat_lahir]',
	tanggal_lahir='$_POST[tanggal_lahir]'";
	$insert = $db->query($sql);
	if ($insert) {
		header('location:index.php');
	}else{
		header('location:?module=tambah');
	}
?>

6.Buat Form Edit.php

Untuk membuat form edit duplikat dari form tambah.php dan modifikasi sehingga menjadi seperti di bawah ini :

<?php
$id = $_GET['id'];//fungsi mengambil nilai parameter id di url
$edit = $db->query("SELECT * FROM siswa WHERE id='$id'");
$row = $edit->fetch_array();
?>
<form action="?module=update" method="POST" role="form">
	<input type="hidden"name="id" value="<?php echo $row['id']?>">
	<div class="form-group">
		<label for="">Nama</label>
		<input type="text" class="form-control" name="nama" value="<?php echo $row['nama']?>">
	</div>
	<div class="form-group">
		<label for="">Jenis kelamin</label>
		<input type="radio" name="jenis_kelamin" value="Laki-Laki" <?php if($row['jenis_kelamin'] = "Laki-Laki"){echo "checked='checked'";} ?>>Laki-Laki
		<input type="radio" name="jenis_kelamin" value="Perempuan" <?php if($row['jenis_kelamin'] = "Perempuan"){echo "checked='checked'";} ?>>Perempuan
	</div>
	<div class="form-group">
		<label for="">Agama</label>
		<select name="agama" class="form-control">
			<option value="">Pilih Agama</option>
			<option value="Islam" <?php if($row['agama'] = "Islam"){echo "selected'";} ?>>Islam</option>
			<option value="Khatolik" <?php if($row['agama'] = "Khatolik"){echo "selected'";} ?>>Khatolik</option>
			<option value="Protestan" <?php if($row['agama'] = "Protestan"){echo "selected'";} ?>>Protestan</option>
			<option value="Hindu" <?php if($row['agama'] = "Hindu"){echo "selected'";} ?>>Hindu</option>
			<option value="Budha" <?php if($row['agama'] = "Budha"){echo "selected'";} ?>>Budha</option>
		</select>
	</div>
	<div class="form-group">
		<label for="">Tempat Lahir</label>
		<textarea class="form-control" name="tempat_lahir"><?php echo $row['tempat_lahir']?></textarea>
	</div>
	<div class="form-group">
		<label for="">Tanggal Lahir</label>
		<input type="date" class="form-control" name="tanggal_lahir" value="<?php echo $row['tanggal_lahir']?>">
	</div>
	<button type="submit" class="btn btn-primary">Simpan</button>
	<a href="index.php" class="btn btn-warning">Kembali</a>
</form>

7.Buat File update.php

Kemudian buat file update.php untuk memproses data yang akan di kirimkan dari form edit.php, untuk syntaxnya copy dari bawah ini :

<?php
	$sql = "UPDATE siswa SET nama='$_POST[nama]',
	jenis_kelamin='$_POST[jenis_kelamin]',
	agama='$_POST[agama]',
	tempat_lahir='$_POST[tempat_lahir]',
	tanggal_lahir='$_POST[tanggal_lahir]'
	WHERE id='$_POST[id]'";
	$edit = $db->query($sql);
	if ($edit) {
		header('location:index.php');
	}else{
		header('location:?module=edit&id=$_POST[id]');
	}
?>

8.Buat file hapus.php

Nah yang terakhir buat file hapus.php dimana penghapusan berdasarkan id yang di tangkap dengan fungsi $_GET[id], adapu kode lengkapnya seperti di bawah ini :

<?php
	$sql = "DELETE FROM siswa WHERE id='$_GET[id]'";
	$edit = $db->query($sql);
	if ($edit) {
		header('location:index.php');
	}else{
		header('location:?module=edit&id=$_POST[id]');
	}
?>

9.Download Source Code

Jika ingin membandingkan hasil kodingan kamu bisa download kodingan saya ditombol download berikut ini

download

Demikianlah tutorial crud php mysql dan bootstrap yang bisa saya bagikan kali ini, semoga bermanfaat, jika masih ada kendala, jangan sungkan bertanya lewat form komentar ya

Tinggalkan Balasan

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *