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");
?>
Tidak ada komentar:
Posting Komentar