Salam sejahtera untuk kita semua. Pada artikel kali ini, saya akan mencoba untuk membuat OOP (Object Oriented Programming) dengan meggunakan PHP. Pertama, siapkan dulu databasenya, berikut gambaran untuk databasenya. Untuk nama database bisa di sesuaikan dengan konfigurasi koneksinya. Untuk kasus ini saya beri nama database adalah db_crud, dan untuk tabel nya saya beri nama tabel_mahasiswa.
Untuk koneksi, buatlah file koneksi.php. Berikut adalah sourcecodenya
<?php
$host = "localhost";
$username = "root";
$password = "";
$db_name = "db_crud";
$conn = new mysqli($host, $username, $password, $db_name);
if(mysqli_connect_errno()) {
echo "Error: Could not connect to database.";
exit;
}
?>
Selanjutnya silahkan bikin file baru dengan nama index.php. Berikut sourcecodenya
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>kiblatwebsite.blogspot.co.id</title>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<a href="insert.php" class="link">TAMBAHA DATA MAHASISWA</a>
<h1>DATA MAHASISWA</h1>
<table>
<tr>
<th>Nomor</th>
<th>Nama Mahasiswa</th>
<th>Alamat</th>
<th>Jurusan</th>
<th>Action</th>
</tr>
<?php
$no=1;
include "koneksi.php";
$sql = "SELECT*FROM tabel_mahasiswa";
$result = $conn->query($sql);
$cek =mysqli_num_rows($result);
if ($cek < 1) {
echo "<tr><td colspan=5>Data Masih Kosong !</td</tr>";
}else{
while($data = $result->fetch_assoc()) {
echo "<tr>";
echo "<td>$no</td>";
echo "<td>$data[nama]</td>";
echo "<td>$data[alamat]</td>";
echo "<td>$data[jurusan]</td>";
echo "<td><a href='update.php?id=$data[id]' class='update'>Update</a> <a href='delete.php?id=$data[id]' class='delete'>Delete</a></td>";
echo "</tr>";
$no++;
}
}
$conn->close();
?>
</table>
</body>
</html>
Selanjutnya silahkan bikin file baru dengan nama insert.php. Berikut sourcecodenya
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>kiblatwebsite.blogspot.co.id</title>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<h1>FORM INPUT DATA MAHASISWA</h1>
<form action="" method="post">
<input type="text" name="nama" placeholder="Nama Anda" required><p>
<input type="text" name="alamat" placeholder="Alamat Anda" required><p>
<input type="text" name="jurusan" placeholder="jurusan Anda" required><p>
<input type="submit" name="proses" value="PROSES INSERT DATA">
</form>
<?php
if(isset($_POST['proses'])){
include "koneksi.php";
$query = "INSERT INTO tabel_mahasiswa VALUES ('','".$conn->real_escape_string($_POST['nama'])."','".$conn->real_escape_string($_POST['alamat'])."','".$conn->real_escape_string($_POST['jurusan'])."')";
if( $conn->query($query) ) {
echo " <div class='success'>Data Berhasil Disimpan</div>";
}else{
echo "<div class='error'> Database Error: Proses Gagal !</div>";
}
$conn->close();
}
?>
<p><a href="index.php" class="link">KEMBALI KE DATA MAHASISWA</a></p>
</body>
</html>
Selanjutnya silahkan bikin file baru dengan nama update.php. Berikut sourcecodenya
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>kiblatwebsite.blogspot.co.id</title>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<h1>FORM UPDATE DATA MAHASISWA</h1>
<?php
if($_GET['id']){
include "koneksi.php";
$sql = "SELECT*FROM tabel_mahasiswa WHERE id='".$_GET['id']."'";
$result=$conn->query($sql);
$data = $result->fetch_assoc();
?>
<form action="" method="post">
<input type="text" name="nama" value="<?php echo $data['nama'];?>" required><p>
<input type="text" name="alamat" value="<?php echo $data['alamat'];?>" required><p>
<input type="text" name="jurusan" value="<?php echo $data['jurusan'];?>" required><p>
<input type="submit" name="update" value="PROSES UPDATE DATA">
</form>
<?php } ?>
<?php
if(isset($_POST['update'])){
$query = "UPDATE tabel_mahasiswa SET nama='".$conn->real_escape_string($_POST['nama'])."',alamat='".$conn->real_escape_string($_POST['alamat'])."',jurusan='".$conn->real_escape_string($_POST['jurusan'])."' WHERE id='".$_GET['id']."'";
if( $conn->query($query) ) {
header("location:index.php");
}else{
echo "<div class='error'> Database Error: Proses Gagal !</div>";
}
$conn->close();
}
?>
<p><a href="index.php" class="link">KEMBALI KE DATA MAHASISWA</a></p>
</body>
</html>
Selanjutnya silahkan bikin file baru dengan nama delete.php. Berikut sourcecodenya
<?php
if($_GET['id']){
include "koneksi.php";
$sql="DELETE FROM tabel_mahasiswa WHERE id='".$_GET['id']."'";
$result=$conn->query($sql);
if($result){
header("location:index.php");
}
else{
echo "<div class='error'> Database Error: Proses Gagal !</div>";
}
}
?>
Untuk mempercantik tampilan, buatlah file dengan nama style.css
body{
background: #e9e9e9;
margin-right: 20%;
margin-left: 20%;
}
.login-background{
font-family: arial;
background: #35455f;
padding: 10px;
box-shadow: 0px 0px 15px #222;
border-radius: 3px;
width: 300px;
color: #999;
height: auto;
margin: 50px auto;
text-align: center;
}
input[type="text"],input[type="password"]{
border: none;
border-bottom: 1px solid #999;
margin-bottom: 15px;
color: #999;
width: 100%;
padding: 15px 0px;
background: none;
}
input[type="submit"]{
background: red;
color: #fff;
border-radius: 3px;
padding: 15px;
width: 100%;
border: none;
}
.img-logo{
height: 100px;
width: 100px;
}
.link,.link:hover,.link:visited,.linka:active{
text-decoration: none;
color: #999;
background: #0eb7cc;
color: #fff;
padding: 10px;
}
.delete,.delete:hover,.delete:visited,.delete:active{
text-decoration: none;
color: #999;
background: red;
color: #fff;
padding: 5px;
}
.update,.update:hover,.update:visited,.update:active{
text-decoration: none;
color: #999;
background: blue;
color: #fff;
padding: 5px;
}
.success{
background: blue;
color: #fff;
padding: 15px;
}
.error{
background: red;
color: #fff;
padding: 15px;
}
table {
border-collapse: collapse;
}
table, th, td {
border: 1px solid black;
}
th, td {
padding: 10px;
text-align: left;
}
tr:nth-child(even) {background-color: #f2f2f2}
Simpan semua file diatas dalam satu folder,
Untuk Hasilnya, akan seperti gambar berikut ini
Demikian artikel saya kali ini,semoga bermangfaat bagi semuanya. Untuk artike selanjutnya akan saya posting dalam beberapa hari kedepan. Sekalian minta saran, enaknya bikin aplikasi berbasis web apa selanjutnya ya?..mohon sarannya, biar hasilnya saya upload di artikel selanjutnya. Lihat artikel lainnya disini
1 comments:
commentsTerimakasih banyak atas tutorial ini... good luck
Reply