FAcebook Like

header ads

Belajar CRUD dengan Metode OOP Part 3

Taofik Krisdiyanto 3/31/2018


Salam coding para siswacoding.........Kembali lagi bersama gurucoding di kelascoding.blogspot.co.id. Pada pertemuan kali ini gurucoding akan melanjutkan pembahasan materi artikel yang kemarin yaitu mengenai Belajar CRUD dengan metode OOP. Kalau kemarin gurucoding telah membahas mengenai index,koneksi maupun input dan lain lain untuk saat ini guru coding akan membahas lanjutan dari pembahasan kemarin juga.
Jadi tetap pada pembahasan kemarin  yang harus di ingat oleh siswacoding adalah bahwa fungsi dari file koneksi.php adalah digunakan untuk menyambungkan dari program php dengan database yang berada di server apache xampp kemudian index.php digunakan sebagai file utama yang digunakan sebagai acuan pemanggilan file folder di htdoc, untuk penamaan sebenarnya menggunakan nama apaupun boleh , nama file adalah sesuai dengan apa yang kita inginkan, asalkan nanti jangan sampai lupa atau salah dalam pemanggilan file di file php tidak sampai salah.Dan untuk file input.php digunakan sebagai tampilan form untuk menambah data di database server apache xampp atau jika siswacoding belum lupa input sama saja pengertianya dengan Create.
Oke kemudian yang berikutnya di Belajar CRUD dengan metode OOP Part 3 ini adalah gurucoding akan mengajarkan membuat file php untuk proses dan edit. Oke lanjut saja..yang pertama siswacoding lakukan adalah membuat file php dengan memberi nama proses.php

File proses.php ini digunakan sebagai script proses untuk semua aksi dari kode program kita seperti input atau tambah , edit , dan juga hapus. Di dalam file tersebut ketikkan script utama untuk membuat halaman webnya terlebih dahulu adalah berikut

proses.php
<?php 
include 'database.php';
$db = new database();

$aksi = $_GET['aksi'];
 if($aksi == "tambah"){
  $db->input($_POST['nama'],$_POST['alamat'],$_POST['usia'],$_POST['email']);
  header("location:index.php");
 }elseif($aksi == "hapus"){  
  $db->hapus($_GET['id']);
 header("location:index.php");
 }elseif($aksi == "update"){
  $db->update($_POST['id'],$_POST['nama'],$_POST['alamat'],$_POST['usia'],$_POST['email']);
  header("location:index.php");
 }
?>

Dari script tersebut siswacoding sudah bisa mengunakan fungsi input yang kemaren guru coding bagikan di artikel part 2, jadi siswacoding dapat mengetes file script ini dengan dengan fungsi input tersebut. Dan yang paling penting adalah jangan sampai salah memanggil file koneksi di include. Nama file koneksi tersebut harus sesuai agar pemanggilan koneksi sesuai dengan apa yang kita gunakan untuk memanggil.
Kemudian siswacoding membuat baru kembali dengan nama file edit.php. Di dalam file tersebut ketikkan script utama untuk membuat halaman webnya terlebih dahulu adalah berikut  

<?php 
include 'database.php';
$db = new database();
?>
<!DOCTYPE HTML>
<html>
<head>
 <meta http-equiv="content-type" content="text/html" />
 <meta name="author" content="Hakko Bio Richard" />
 <title>OOP Input Data</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 s6">

  
    </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 lain >> </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 di antara script <div class="col s6"> dan </div> sisipkan file script berikut ini

<h5><b> <i class="material-icons">airplay</i></b> Edit Data Siswa Kelas Coding</h5><br />
      <form action="proses.php?aksi=update" method="post">
<?php
foreach($db->edit($_GET['id']) as $data){
?>
        <div class="input-field">
          <i class="material-icons prefix">account_circle</i>
          <input id="icon_prefix" type="hidden" name="id" value="<?php echo $data['id']; ?>" id="id" class="validate">
          <input id="icon_prefix" type="text" name="nama" id="nama" value="<?php echo $data['nama']; ?>" class="validate">
          <label for="icon_prefix">Nama</label>
        </div>
        <div class="input-field">
          <i class="material-icons prefix">room</i>
          <input id="icon_telephone" type="text" name="alamat" id="alamat" value="<?php echo $data['alamat']; ?>"  class="validate">
          <label for="icon_telephone">Alamat</label>
        </div>
        <div class="input-field">
          <i class="material-icons prefix">stars</i>
          <input id="icon_telephone" type="text" name="usia" id="usia" value="<?php echo $data['usia']; ?>"  class="validate">
          <label for="icon_telephone">Umur</label>
        </div>
        <div class="input-field">
          <i class="material-icons prefix">message</i>
          <input id="icon_telephone" type="email" name="email" id="email" value="<?php echo $data['email']; ?>"  class="validate">
          <label for="icon_telephone">Email</label>
        </div>
        <div class="input-field">
        <i class="material-icons prefix">message</i>
          <input class="btn waves-effect waves-light" type="submit" value="Simpan">
        </div>
        <?php } ?>
    </form>



Oke jadi itu adalah script yang untuk form yang akan kita buat yang perlu diperhatikan adalah dalam membuat script form siswacoding jangan sampai terlewat atau lupa akan name, id, maupun type karena hal tersebut sangat penting digunakan dalam pengambilan data. Dan juga untuk yang paling penting pula pada script diatas form yaitu pada script

<?php
foreach($db->edit($_GET['id']) as $data){
?>

Juga sangat penting karena digunakan untuk otak atau kunci data yang akan kita beri aksi.

Jadi jika di ambil utuh untuk script edit.php adalah berikut ini
edit.php
<?php 
include 'database.php';
$db = new database();
?>
<!DOCTYPE HTML>
<html>
<head>
 <meta http-equiv="content-type" content="text/html" />
 <meta name="author" content="Hakko Bio Richard" />
 <title>OOP Input Data</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 s6">
<h5><b> <i class="material-icons">airplay</i></b> Edit Data Siswa Kelas Coding</h5><br />
      <form action="proses.php?aksi=update" method="post">
<?php
foreach($db->edit($_GET['id']) as $data){
?>
        <div class="input-field">
          <i class="material-icons prefix">account_circle</i>
          <input id="icon_prefix" type="hidden" name="id" value="<?php echo $data['id']; ?>" id="id" class="validate">
          <input id="icon_prefix" type="text" name="nama" id="nama" value="<?php echo $data['nama']; ?>" class="validate">
          <label for="icon_prefix">Nama</label>
        </div>
        <div class="input-field">
          <i class="material-icons prefix">room</i>
          <input id="icon_telephone" type="text" name="alamat" id="alamat" value="<?php echo $data['alamat']; ?>"  class="validate">
          <label for="icon_telephone">Alamat</label>
        </div>
        <div class="input-field">
          <i class="material-icons prefix">stars</i>
          <input id="icon_telephone" type="text" name="usia" id="usia" value="<?php echo $data['usia']; ?>"  class="validate">
          <label for="icon_telephone">Umur</label>
        </div>
        <div class="input-field">
          <i class="material-icons prefix">message</i>
          <input id="icon_telephone" type="email" name="email" id="email" value="<?php echo $data['email']; ?>"  class="validate">
          <label for="icon_telephone">Email</label>
        </div>
        <div class="input-field">
        <i class="material-icons prefix">message</i>
          <input class="btn waves-effect waves-light" type="submit" value="Simpan">
        </div>
        <?php } ?>
    </form>
  
    </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 lain >> </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>


Sampai disini aplikasi sederhan crud yang telah dibuat telah bisa digunakan. Untuk review tampilan maupun kesalahan dan juga penjelasan script yang lebih detail akan gurucoding jelaskan di part 4 Jadi sering sering buka blog ini supaya selalu tahu jika gurucoding telah upload artikel.
Mungkin cukup itu saja yang dapat gurucoding bagikan kepada siswacoding mengenai pembelajaran web programming kali ini ...untuk selanjutnya silahkan menunggu update materi berikutnya.

Tags
Reactions

Posting Komentar

2 Komentar

  1. whinstone pvt ltd9 Juli 2019 pukul 18.30

    Nice Article.
    We are Software Solution Providers in Islamabad, working with international clients in creating, designing and managing their websites and customer relations/Sales etc.
    We Provide:
    1.) SEO and Digital Marketing Services
    2.) Web Design and Development Services
    3.) CRM and ERP systems

    BalasHapus
  2. VidXLink25 Maret 2020 pukul 22.45

    nice artikel

    https://www.berkahmanfaat.xyz/

    BalasHapus