Salam coding para siswacoding.........Kembali
lagi bersama gurucoding di kelascoding.blogspot.co.id. Pada pertemuan kali ini
gurucoding akan membagikan kembali sedikit ilmu yang berkaitan tentang Tutorial
Programming yaitu Belajar CRUD dengan Metode OOP. Tutorial Ini akan gurucoding
kemas menjadi 4 part artikel. Yang pertama adalah artikel ini.
Apa Itu CRUD ataupun OOP apakah siswa coding
sudah paham mengenai hal tersebut ? Jadi CRUD adalah Kepanjangan dari Create,
Read, Update, Delete. Perintah ini adalah beberapa Fungsi yang digunakan untuk
membuat sebuah sistem aplikasi web. Dari beberapa fungsi diatas berikut adalah
penjelasan lebih detailnya.
(C) Create : Yang berarti membuat sebuah
data baru, sebagai contoh siswacoding akan melakukan registrasi disebuah web
jadi hal tersebut sudah merupakan Create dari CRUD karena siswacoding membuat
dan menyimpan data registrasi ke database.
(R) Read : Membaca atau menampilkan
suatu data yang tadinya berada didatabase, kemudian ditampilkan di Web menggunakan
bahasa pemrograman PHP atau lainya.
(U) Update : Yang berikutnya prosesnya
adalah mengedit sebuah data dari database yang kemudian di edit menggunakan
bahasa pemrograman PHP yaitu berupa Web.
(D) Delete : Perintah ini adalah untuk
melakukan penghapusan data di database melalui bahasa PHP. Sebagai contoh
adalah ketika kita memiliki data kemudian akan menghapus karena sudah tidak
terpakai, hal itu juga sama dengan fungsi Delete
Kemudian OOP adalah singkatan dari (Object
Oriented Programming) yaitu suatu metode pemrograman yang memiliki orientasi
kepada objek. Tujuannya OOP diciptakan yaitu untuk mempermudah pengembangan
program dengan cara mengikuti model yang telah ada.
Oke sekarang gurucoding akan kembali menjelaskan
ke topik artikel hari ini yaitu membuat CRUD dengan metode OOP. Yang harus
dipersiapkan oleh siswacoding adalah seperangakat alat coding yaitu laptop/ PC
, dan juga snack ataupun minuman yang sehat utamanya air putih.
Jadi pertama adalah silahkan buka Xampp
Control dan jalankan Apache maupun
SQL, Kemudian difolder instalan yaitu di
folder htdoc buat sebuah folder baru semisal gurucoding membuat dengan nama
folder “crudoop”. Setelah itu buat file .php baru dengan aplikasi Text Editor
dengan nama file index.php, didalamnya isi dengan script seperti dibawah ini
index.php
<?php
include 'database.php';
$db = new database();
?>
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="content-type" content="text/html" />
<meta name="author" content="Kelas Coding" />
<title>OOP Kelas Coding</title>
<link href="http://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<!--Import materialize.css-->
<link type="text/css" rel="stylesheet" href="css/materialize.min.css" media="screen,projection"/>
</head>
<body>
<div class="container">
<div class="col s12">
<nav>
<div class="nav-wrapper green darken-1">
<a href="index.php" class="brand-logo" style="margin-left: 10px;"> CRUD OOP</a>
<ul id="nav-mobile" class="right hide-on-med-and-down">
</ul>
</div>
</nav>
</div>
<br />
<div class="row">
<div class="col s12">
<h5><b> <i class="material-icons">airplay</i></b> Data Siswa Kelas Coding</h5><br />
<a href="input.php" title="Tambah Data" class="btn-floating btn-large waves-effect waves-light red"><i class="material-icons">add</i></a>
<table class="highlight">
<thead>
<tr>
<th data-field="id">No</th>
<th data-field="id">Nama</th>
<th data-field="name">Alamat</th>
<th data-field="price">Usia</th>
<th data-field="price">Email</th>
<th data-field="price">Tool</th>
</tr>
</thead>
<?php
$no = 1;
foreach($db->tampil_data() as $data){
?>
<tbody>
<tr>
<td><?php echo $no++; ?></td>
<td><?php echo $data['nama']; ?></td>
<td><?php echo $data['alamat']; ?></td>
<td><?php echo $data['usia']; ?></td>
<td><?php echo $data['email']; ?></td>
<td>
<a href="edit.php?id=<?php echo $data['id']; ?>&aksi=edit" class="btn-floating yellow darken-2"><i class="material-icons">mode_edit</i></a>
<a href="proses.php?id=<?php echo $data['id']; ?>&aksi=hapus" class="btn-floating green"><i class="material-icons">delete</i></a>
</td>
</tr>
</tbody>
<?php
}
?>
</table>
</div>
</div>
<footer class="page-footer green darken-1">
<div class="footer-copyright">
<div class="container">
Kelas Coding | Copyright © 2017
<a class="grey-text text-lighten-4 right" href="http://kelas-coding.blogspot.co.id/">Tutorial lainya >> </a>
</div>
</div>
</footer>
</div>
<script type="text/javascript" src="js/jquery-2.1.4.min.js"></script>
<script type="text/javascript" src="js/materialize.min.js"></script>
</body>
</html>
Kemudian karena gurucoding menggunakan
template bootstrap maka sebaikya siswa coding dapat mendonwload template
bootstrap dahulu hingga sampai di folder web crudoop tadi ada folder untuk js ,
css, font, atau sampai sama seperti gambar berikut ini terdiri dari
Jika siswa coding kesulitan atau bingung
dengan mendownload template bootstrap maka siswacoding jika bisa saja
menggunakan script dengan membuka artikel berikut ini Membuat direktori tampilan web crud dengan template bootstrap,
Setelah itu kita buat file baru lagi dengan
seperti awal tadi yaitu dengan nama database.php scriptnya adalah seperti
dibawah ini
database.php
host, $this->uname, $this->pass);
mysql_select_db($this->db);
}
function tampil_data(){
$data = mysql_query("select * from user");
while($d = mysql_fetch_array($data)){
$hasil[] = $d;
}
return $hasil;
}
function input($nama,$alamat,$usia,$email){
mysql_query("insert into user values('','$nama','$alamat','$usia','$email')");
}
function hapus($id){
mysql_query("delete from user where id='$id'");
}
function edit($id){
$data = mysql_query("select * from user where id='$id'");
while($d = mysql_fetch_array($data)){
$hasil[] = $d;
}
return $hasil;
}
function update($id,$nama,$alamat,$usia,$email){
mysql_query("update user set nama='$nama', alamat='$alamat', usia='$usia', email='$email' where id='$id'");
}
}
?>
Baik itu semua belum selesai akan tetapi untuk
artikel sekarang sampai disini dahulu, lanjutan tutoria akan gurucoding
jelaskan di next artikel jadi jangan lupa untuk selalu mengunjungi blog ini.
Mungkin cukup itu saja yang dapat gurucoding
bagikan kepada siswacoding mengenai pembelajaran web programming kali ini
...untuk selanjutnya silahkan menunggu update materi berikutnya.
0 Komentar