Senin, 18 Juli 2022

MEMBUAT CRUD DENGAN PHP DAN MySQL - Menampilkan Data

 Assalamualaikum wr.wb 

Hallo temen-temen, disini saya akan menjelaskan dan memberitahu bagaimana caranya menampilkan atau membuat CRUD dengan PHP dan MySQL. sebelum itu kita pelajari dulu apa itu CRUD. 


A. Pengertian CRUD (Create, Read, Update, and Delete) 

Sebuah data yang memiliki keterkaitan dengan transaksi atau pengambilan data dari sebuah database.

CRUD berfungsi, untuk membuat record baru pada sistem basis data atau menggunakan SQL dan disebut dengan istilah insert. 

B. Pengertian MySQL

Sistem manajemen database relasional (RDMBS). RDMBS merupakan software untuk membuat dan mengolah database berdasarkan mode relasional. SQL (structured query language) yang bersifat open-source dengan model client-server.

C. Pengertian PHP 

Bahasa pemrograman yag umum dipakai dalam pembuatan dan pengembangan suatu web. PHP adalah bahasa pemrograman yang banyak digunakan secara luas dan secara khusus sesuai untuk pengembangan web.

Langkah-langkah dalam pembuatan CRUD  DENGAN PHP DAN MySQL 

 1. Mengaktifkan XAMPP terlebih dahulu, seperti gambar dibawah


2. Membuka WEB localhost lalu kita pilih phpMyAdmin yang disebelah kanan atas dan buka 


3. Dan terdapat tampilan dibawah ini


4. Setelah itu kita Klik New, lalu buat Database Name, dan klik Create. seperti dibawah ini


5. Lalu kamu klik SQL(sebelah databases) dan ketikan codingan tersebut, setelah itu klik GO.

Berikut Codingan diatas 

CREATE TABLE IF NOT EXISTS `user` (
  `id` int(11) NOT NULL AUTO_INCREMENT,
  `nama` varchar(50) NOT NULL,
  `alamat` text NOT NULL,
  `pekerjaan` varchar(50) NOT NULL,
  PRIMARY KEY (`id`)
) ENGINE=InnoDB  DEFAULT CHARSET=latin1 AUTO_INCREMENT=64 ;

6. Lalu kamu lakukan hal yang sama yaitu  klik SQL(sebelah databases) dan ketikan codingan tersebut, setelah itu klik GO.
Berikut Codingan diatas

INSERT INTO `user` (`id`, `nama`, `alamat`, `pekerjaan`) VALUES
(1, 'salsa', 'tanjung morawa', 'web programmer'),
(2, 'nurhalijah', 'tembung', 'Web programmer');

7. Nah setelah itu kita bisa melihat hasilnya dengan mengklik User


Langkah selanjutnya kita membuka Aplikasi Notepad atau Visual Studio Code untuk membuat codingan agar kita bisa melihat hasil dari database di Website.

Semua codingan yang ada dibawah harus disimpan di LocalDisk (C) pada folder XAMPP-htdocs- lalu buat New folder-setelah itu simpan semua file pada data new folder.


Langkah pertama membuat Codiingan koneksi.php berikut codingannya

<?php 
$db = "salsanurhalijah";
$host = mysqli_connect("localhost", "root","", "salsanurhalijah");

?>

Langkah kedua codingan Index.php

<!DOCTYPE html>
<html>
<head>
<title>Membuat CRUD Dengan PHP Dan MySQL - Menampilkan data dari database</title>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<div class="judul">
<h1>Membuat CRUD Dengan PHP Dan MySQL</h1>
<h2>Menampilkan data dari database</h2>
<h3>www.salsanurhalijah.com</h3>
</div>
<br/>
 
<?php 
if(isset($_GET['pesan'])){
$pesan = $_GET['pesan'];
if($pesan == "input"){
echo "Data berhasil di input.";
}else if($pesan == "update"){
echo "Data berhasil di update.";
}else if($pesan == "hapus"){
echo "Data berhasil di hapus.";
}
}
?>
<br/>
<a class="tombol" href="input.php">+ Tambah Data Baru</a>
 
<h3>Data user</h3>
<table border="1" class="table">
<tr>
<th>No</th>
<th>Nama</th>
<th>Alamat</th>
<th>Pekerjaan</th>
<th>Opsi</th>
</tr>
<?php 
include "koneksi.php";
$query_mysql = mysqli_query($host, "SELECT * FROM user")or die (mysql_error());
$nomor = 1;
while($data = mysqli_fetch_array($query_mysql)){
?>
<tr>
<td><?php echo $nomor++ ; ?></td>
<td><?php echo $data['nama']; ?></td>
<td><?php echo $data['alamat']; ?></td>
<td><?php echo $data['pekerjaan']; ?></td>
<td>
<a class="edit" href="edit.php?id=<?php echo $data['id']; ?>">Edit</a> |
<a class="hapus" href="hapus.php?id=<?php echo $data['id']; ?>">Hapus</a>
</td>
</tr>
<?php } ?>
</table>
</body>
</html>

Langkah ketiga codingan style.css ( codingan ini berfungsi untuk mempercantik tampilan agar enak di lihat) 

body{
font-family: 'roboto';
color: #000;
}
 
.judul{
background: #87D1D8;
padding: 10px;
text-align: center;
 
}
 
.judul h1,h2,h3{
height: 15px;
}
 
a{
/color: #fff;/
padding: 5px;
text-decoration: none;
}
 
 
.table{
border-collapse: collapse;
}
 
table.table th th , table.table tr td{
padding: 10px 20px ;
}

Langkah keempat codingan input.php

<html>
<head>
<title>Membuat CRUD Dengan PHP Dan MySQL - Menampilkan data dari database</title>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<div class="judul">
<h1>Membuat CRUD Dengan PHP Dan MySQL</h1>
<h2>Menampilkan data dari database</h2>
<h3>www.salsanurhalijah.com</h3>
</div>
<br/>
 
<a href="index.php">Lihat Semua Data</a>
 
<br/>
<h3>Input data baru</h3>
<form action="input-aksi.php" method="post">
<table>
<tr>
<td>Nama</td>
<td><input type="text" name="salsa"></td>
</tr>
<tr>
<td>Alamat</td>
<td><input type="text" name="tanjung morawa"></td>
</tr>
<tr>
<td>Pekerjaan</td>
<td><input type="text" name="web programmer"></td>
</tr>
<tr>
<td></td>
<td><input type="submit" value="Simpan"></td>
</tr>

<tr>
<td>Nama</td>
<td><input type="text" name="nurhalijah"></td>
</tr>
<tr>
<td>Alamat</td>
<td><input type="text" name="tembung"></td>
</tr>
<tr>
<td>Pekerjaan</td>
<td><input type="text" name="web programmer"></td>
</tr>
<tr>
<td></td>
<td><input type="submit" value="Simpan"></td>
</tr>
</table>
</form>
</body>
</html>

Langkah Kelima codingan  inputaksi.php 

<?php 
include 'koneksi.php';
$nama = $_POST['salsa'];
$alamat = $_POST['tanjung morawa'];
$pekerjaan = $_POST['web programmer'];
 
mysqli_query($host, "INSERT INTO user VALUES('','$salsa','$tanjung morawa','$web programmer')");

include 'koneksi.php';
$nama = $_POST['nurhalijah'];
$alamat = $_POST['tembung'];
$pekerjaan = $_POST['web programmer'];
 
mysqli_query($host, "INSERT INTO user VALUES('','$nurhalijah','$tembung','$web programmer')"); 
header("location:index.php?pesan=input");
?>

Langkah Keenam codingan edit.php

<!DOCTYPE html>
<html>
<head>
<title>Membuat CRUD Dengan PHP Dan MySQL - Menampilkan data dari database</title>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<div class="judul">
<h1>Membuat CRUD Dengan PHP Dan MySQL</h1>
<h2>Menampilkan data dari database</h2>
<h3>www.salsanurhalijah.com</h3>
</div>
<br/>
<a href="index.php">Lihat Semua Data</a>
 
<br/>
<h3>Edit data</h3>
 
<?php 
include "koneksi.php";
$id = $_GET['id'];
$query_mysql = mysqli_query($host, "SELECT * FROM user WHERE id='$id'")or die(mysql_error());
$nomor = 1;
while($data = mysqli_fetch_array($query_mysql)){
?>
<form action="update.php" method="post">
<table>
<tr>
<td>Nama</td>
<td>
<input type="hidden" name="id" value="<?php echo $data['1'] ?>">
<input type="text" name="nama" value="<?php echo $data['salsa'] ?>">
</td>
</tr>
<tr>
<td>Alamat</td>
<td><input type="text" name="alamat" value="<?php echo $data['tanjung morawa'] ?>"></td>
</tr>
<tr>
<td>Pekerjaan</td>
<td><input type="text" name="pekerjaan" value="<?php echo $data['web programmer'] ?>"></td>
</tr>
<tr>
<td></td>
<td><input type="submit" value="Simpan"></td>
</tr>

<tr>
<td>Nama</td>
<td>
<input type="hidden" name="id" value="<?php echo $data['2'] ?>">
<input type="text" name="nama" value="<?php echo $data['nurhalijah'] ?>">
</td>
</tr>
<tr>
<td>Alamat</td>
<td><input type="text" name="alamat" value="<?php echo $data['tembung'] ?>"></td>
</tr>
<tr>
<td>Pekerjaan</td>
<td><input type="text" name="pekerjaan" value="<?php echo $data['web programmer'] ?>"></td>
</tr>
<tr>
<td></td>
<td><input type="submit" value="Simpan"></td>
</tr>
</table>
</form>
<?php } ?>
</body>
</html>

Langkah ketujuh codingan hapus.php

<?php 
include 'koneksi.php';
$id = $_GET['1'];
mysqli_query($host, "DELETE FROM user WHERE id='$id'")or die(mysql_error());

include 'koneksi.php';
$id = $_GET['2'];
mysqli_query($host, "DELETE FROM user WHERE id='$id'")or die(mysql_error());
 
header("location:index.php?pesan=hapus");
?>


Setelah langkah dan penjelasan selesai kita bisa melihat hasil dan menjalankan File index.php  dari database yang sudah kita buat yaitu  CRUD dengan Php dan MySQL. Dengan membuka Website seperti contoh localhostselesai

berikut gambar hasil Membuat CRUD Dengan PHP dan MySQL













Tidak ada komentar:

Posting Komentar

MEMBUAT CRUD DENGAN PHP DAN MySQL - Menampilkan Data

 Assalamualaikum wr.wb  Hallo temen-temen, disini saya akan menjelaskan dan memberitahu bagaimana caranya menampilkan atau membuat CRUD deng...