Membuat CRUD dengan PHP dan MySQLi

Membuat CRUD dengan PHP dan MySQLI

CRUD adalah akronim untuk Create, Read, Update, dan Delete. Operasi CRUD adalah manipulasi data dasar untuk database. Dalam tutorial ini kita akan membuat aplikasi PHP sederhana untuk melakukan semua operasi ini pada tabel database MySQL di satu tempat.

Kita akan membuat sebuah aplikasi dengan tampilan seperti pada contoh di bawah dengan sebuah tabel yang menampilkan data dari database di sisi frontend. Terdapat beberapa tombol untuk mengubah data yang ada di database lewat antarmuka yang kita buat. Tabel pengguna yang kita buat akan berisi informasi pengguna seperti nama, nim, alamat, dll.

Berikut langkah-langkah membuat database akademik :

Buatlah database dengan nama “akademik”, kemudian kita buat table dengan nama “mahasiswa”.

/* Create Database and Table */

create database crud_db;

use crud_db;

CREATE TABLE `users` (

`id` int(11) NOT NULL auto_increment,

`name` varchar(100),

`nim` varchar(100),

`alamat` varchar(15),

PRIMARY KEY (`id`)

);

Setelah selesai membuat database akademik, selanjutnya kita akan menambahkan data mahasiswa, caranya coba klik pada menu insert atau tambahkan.

Nah kita telah selesai untuk databasenya.

Membuat File penghubung php dengan database menggunakan Msql

Pertama yang harus kita lakukan yaitu buka local disk C/xampp/htdocs lalu tambah folder baru dengan nama “akademik”, setelah selesai dengan tambah folder akademik lanjut membuat php dengan nama “koneksi.php”

<?php 

$koneksi = mysqli_connect("localhost","root","","akademik");

// Check connection

if (mysqli_connect_errno()){

	echo "Koneksi database gagal : " . mysqli_connect_error();

}

?>

File **koneksi.php ** menyimpan informasi tentang database host, username dan password. Sebagian besar server lokal bekerja dengan detail yang diberikan. Anda dapat mengubahnya sesuai dengan detail host dan database Anda.

selanjutna membuat file "index.php" dalam folder akademik, file ini akan menampikan data mahasiswa.

<!DOCTYPE html>
<html>
<head>
	<title>CRUD PHP dan MySQLi NUR MISTARI</title>
</head>
<body>
 
	<h2>CRUD DATA MAHASISWA - NUR MISTARI</h2>
	<br/>
	<a href="tambah.php">+ TAMBAH MAHASISWA</a>
	<br/>
	<br/>
	<table border="1">
		<tr>
			<th>NO</th>
			<th>Nama</th>
			<th>NIM</th>
			<th>Alamat</th>
			<th>OPSI</th>
		</tr>
		<?php 
		include 'koneksi.php';
		$no = 1;
		$data = mysqli_query($koneksi,"select * from mahasiswa");
		while($d = mysqli_fetch_array($data)){
			?>
			<tr>
				<td><?php echo $no++; ?></td>
				<td><?php echo $d['nama']; ?></td>
				<td><?php echo $d['nim']; ?></td>
				<td><?php echo $d['alamat']; ?></td>
				<td>
					<a href="edit.php?id=<?php echo $d['id']; ?>">EDIT</a>
					<a href="hapus.php?id=<?php echo $d['id']; ?>">HAPUS</a>
				</td>
			</tr>
			<?php 
		}
		?>
	</table>
</body>
</html>

kemudian, jalankan pada browser dengan alamat “localhost/akademik/”

maka hasilnya sebagai berikut.

nah, data yang sebelumnya telah kita input di table mahasiswa pun berhasil kita tampilkan.

Membuat CRUD dengan PHP dan MySQLI- Input Data

Buatlah afile dengan nama "tambah.php" di folder akademik, file ini akan membuat from penambahan data mahasiswa.

yang mana ketika kita klik tombol simpannya data data siswa yang di imput akan tersimpan ke database.

<!DOCTYPE html>

<html>

<head>

	<title>CRUD PHP dan MySQLi - NUR MISTARI</title>

</head>

<body>

	<h2>CRUD DATA MAHASISWA - NUR MISTARI</h2>

	<br/>

	<a href="index.php">KEMBALI</a>

	<br/>

	<br/>

	<h3>TAMBAH DATA MAHASISWA</h3>

	<form method="post" action="tambah_aksi.php">

		<table>

			<tr>			

				<td>Nama</td>

				<td><input type="text" name="nama"></td>

			</tr>

			<tr>

				<td>NIM</td>

				<td><input type="number" name="nim"></td>

			</tr>

			<tr>

				<td>Alamat</td>

				<td><input type="text" name="alamat"></td>

			</tr>

			<tr>

				<td></td>

				<td><input type="submit" value="SIMPAN"></td>

			</tr>		

		</table>

	</form>

</body>

</html>

kemudian klik tandah + mahasiswa, maka hasilnya akan seperti gambar di bawah ini.

sampai sini kita belum selesai, kita hanya membuat form penginput data mahasiswanya saja belum membuat tambah aksi untuk tombol simpan.

kemudian kita akan membuat file "tambah_aksi" di folder akademik

<?php 
// koneksi database
include 'koneksi.php';
 
// menangkap data yang di kirim dari form
$nama = $_POST['nama'];
$nim = $_POST['nim'];
$alamat = $_POST['alamat'];
 
// menginput data ke database
mysqli_query($koneksi,"insert into mahasiswa values('','$nama','$nim','$alamat')");
 
// mengalihkan halaman kembali ke index.php
header("location:index.php");
 
?>

nah, coba teman-teman perhatikan lagi pada file tambah_aksi.php di atas. pertama kita menangkap data yang dikirim dari form. kemudian kita input datanya ke database dengan fungsi mysqli_query() :

mysqli_query($koneksi,"insert into mahasiswa values('','$nama','$nim','$alamat')");

dan terakhir setelah data di input ke database, selanjutnya kita alihkan kembali halamannya ke file index.php.

1
2
// mengalihkan halaman kembali ke index.php
header("location:index.php");

oh ya jangan lupa juga, karena pada aksi ini kita akan berhubungan dengan database, maka pada awal baris nya jangan lupa di include file koneksi.php nya, seperti yang telah di jelaskan pada tutorial sebelumnya. Membuat CRUD Dengan PHP dan MySQLi – Input Data

Input data ke database dengan PHP dan MySQLi

Sekarang mari kita coba jalankan kembali. dan input data mahasiswa barunya.

dan kemudian klik tombol simpan. untuk mengimpan data ke database.

maka hasilnya seperti berikut.

nah, data yang di input pun telah berhasil di simpan ke database dan tampil secara otomatis.

sampai di sini selesailah sudah proses penginputan data ke database dengan php dan menggunakan MySQLi.

Oke, tutorial Membuat CRUD Dengan PHP dan MySQLi – Input Data selesai sampai di sini. selanjutnya pada kita akan melanjutkan tutorial Membuat CRUD Dengan PHP dan MySQLi ini dengan membuat edit data dan hapus data dari database dengan php dan MySQLi.

<a href="edit.php?id=<?php echo $d['id']; ?>">EDIT</a>

link akan kita mengarah ke file edit.php saat di klik. sambil mengiri data id.

kemudian buat sebuah file baru dengan nama edit.php. pada file edit.php ini kita akan membuat form edit untuk data mahasiswa.

edit.php

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
<!DOCTYPE html>
<html>
<head>
	<title>CRUD PHP dan MySQLi - Nur Mistari</title>
</head>
<body>
 
	<h2>CRUD DATA MAHASISWA -Nur Mistari</h2>
	<br/>
	<a href="index.php">KEMBALI</a>
	<br/>
	<br/>
	<h3>EDIT DATA MAHASISWA</h3>
 
	<?php
	include 'koneksi.php';
	$id = $_GET['id'];
	$data = mysqli_query($koneksi,"select * from mahasiswa where id='$id'");
	while($d = mysqli_fetch_array($data)){
		?>
		<form method="post" action="update.php">
			<table>
				<tr>			
					<td>Nama</td>
					<td>
						<input type="hidden" name="id" value="<?php echo $d['id']; ?>">
						<input type="text" name="nama" value="<?php echo $d['nama']; ?>">
					</td>
				</tr>
				<tr>
					<td>NIM</td>
					<td><input type="number" name="nim" value="<?php echo $d['nim']; ?>"></td>
				</tr>
				<tr>
					<td>Alamat</td>
					<td><input type="text" name="alamat" value="<?php echo $d['alamat']; ?>"></td>
				</tr>
				<tr>
					<td></td>
					<td><input type="submit" value="SIMPAN"></td>
				</tr>		
			</table>
		</form>
		<?php 
	}
	?>
 
</body>
</html>

pada file edit.php ini kita tangkap id yang di kirim melalui url (GET). kemudian kita ambil data mahasiswa yang memiliki id tersebut untuk kita edit.

1
2
3
$id = $_GET['id'];
$data = mysqli_query($koneksi,"select * from mahasiswa where id='$id'");
while($d = mysqli_fetch_array($data)){

kemudian kita tampilkan di dalam form.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
<form method="post" action="update.php">
	<table>
		<tr>			
			<td>Nama</td>
			<td>
				<input type="hidden" name="id" value="<?php echo $d['id']; ?>">
				<input type="text" name="nama" value="<?php echo $d['nama']; ?>">
			</td>
		</tr>
		<tr>
			<td>NIM</td>
			<td><input type="number" name="nim" value="<?php echo $d['nim']; ?>"></td>
		</tr>
		<tr>
			<td>Alamat</td>
			<td><input type="text" name="alamat" value="<?php echo $d['alamat']; ?>"></td>
		</tr>
		<tr>
			<td></td>
			<td><input type="submit" value="SIMPAN"></td>
		</tr>		
	</table>
</form>

pada form edit ini kita juga membuat data id pada form yang kita sembunyikan.

1
<input type="hidden" name="id" value="<?php echo $d['id']; ?>">

ini berguna untuk menyimpan data id mahasiswa yang sedang di edit. sehingga pada saat data ini di update, data mahasiswa yang di update adalah data mahasiswa yang memiliki id tersebut.

saya yakin teman-teman pasti mudah memahaminya, jika masih bingung langsung saja teman-teman praktekkan dan bereksperimen.

coba kita lihat hasilnya dulu seperti apa. jalankan pada browser dan klik edit.

membuat crud dengan php dan mysqli – update data

di sini saya akan mencoba mengedit data mahasiswa yang bernama Nur Mistari. saat di klik pada edit. maka hasilnya akan seperti berikut.

edit data dengan php dan mysqli

nah, selesai sampai tahap edit. sekarang kita akan membuat aksi dari form edit ini. seperti yang teman-teman lihat pada tag form “<form>”. action nya telah kita tetapkan ke file update.php

karena kita ingin data mahasiswa yang ingin di edit ini di proses pada file update.php.

oleh sebab itu buat satu buah file lagi dengan nama update.php.

update.php

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
<?php 
// koneksi database
include 'koneksi.php';
 
// menangkap data yang di kirim dari form
$id = $_POST['id'];
$nama = $_POST['nama'];
$nim = $_POST['nim'];
$alamat = $_POST['alamat'];
 
// update data ke database
mysqli_query($koneksi,"update mahasiswa set nama='$nama', nim='$nim', alamat='$alamat' where id='$id'");
 
// mengalihkan halaman kembali ke index.php
header("location:index.php");
 
?>

di sini pertama kita hubungkan dulu dengan file koneksi.

1
include 'koneksi.php';

kemudian kita tangkap data yang di kirim dari form edit.

1
2
3
4
$id = $_POST['id'];
$nama = $_POST['nama'];
$nim = $_POST['nim'];
$alamat = $_POST['alamat'];

kemudian kita update ke database dengan query berikut.

1
mysqli_query($koneksi,"update mahasiswa set nama='$nama', nim='$nim', alamat='$alamat' where id='$id'");

dan terakhir setelah data berhasil di update. halaman akan di alihkan kembali ke file index.php atau halaman depan kita.

1
header("location:index.php");

Sekarang mari kita coba, apakah berhasil?

jalankan pada browser dan klik edit. di sini saya akan mencoba mengedit data mahasiswa yang bernama “Nur Mistari”. dan saya mengubah namanya menjadi “Mistari”. dan klik tombol simpan.

membuat edit dan update database dengan php dan mysqli

klik tombol simpan. maka data akan di update.

berhasil mengupdate data

nah data junaidi pun berhasil di ubah. dari junaidi menjadi junaidi abadi.

Oke selesai sudah proses edit data dengan PHP dan MySQLi. sangat mudah bukan? sekian dulu tutorial kita tentang cara membuat edit data dengan PHP dan MySQLi di artikel Membuat CRUD Dengan PHP dan MySQLi – Update Data ini.

Sampai jumpa di tutorial selanjutnya. pada tutorial Membuat CRUD Dengan PHP dan MySQLi kita akan membuat hapus data dari database dengan PHP dan MySQLi.

<a href="hapus.php?id=<?php echo $d['id']; ?>">HAPUS</a>

pada saat tombol atau link hapus tersebut di klik, maka halaman akan di alihkan ke file hapus.php, sambil mengirim data id menggunakan GET.

sekarang kita buat sebuah file baru dengan nama hapus.php.

hapus.php

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<?php 
// koneksi database
include 'koneksi.php';
 
// menangkap data id yang di kirim dari url
$id = $_GET['id'];
 
 
// menghapus data dari database
mysqli_query($koneksi,"delete from mahasiswa where id='$id'");
 
// mengalihkan halaman kembali ke index.php
header("location:index.php");
 
?>

coba teman-teman perhatikan di sini. pada file hapus.php.

langkah pertama jangan pernah lupa untuk meng include file koneksi database jika kita akan menggunakan pengolahan database. selanjutnya kita menangkap data id nya yang dikirim dengan GET. lalu kita masukkan dalam variabel $id.

selanjutnya langsung saja kita hapus data mahasiswa yang ber id tersebut (sesuai id yang di hapus).

terakhir halaman akan di alihkan kembali ke index.php setelah data mahasiswa di hapus.

sangat mudah bukan. saya yakin teman-teman bisa memahaminya.

sekarang coba kita jalankan kembali project CRUD mahasiswa yang kita buat. “localhost/akademik”.

membuat crud dengan php dan mysqli hapus data

klik hapus. di sini saya mencoba klik hapus pada data mahasiswa yang bernama Mistari. maka hasilnya.

menghapus data dari database dengan php dan mysqli

nah sampai di sini kita telah berhasil menghapus data dari database dengan PHP dan MySQLi. sangat mudah bukan. silahkan teman-teman coba sendiri.

Cari Blog Ini

Cara Mudah Belajar HTML

Membuat CRUD dengan PHP dan MySQLi - Menampilkan Data

Input data ke database dengan PHP dan MySQLi

Komentar

Posting Komentar