Home / HTML / Cara Membuat Proses Input, Edit dan Delete Pada PHP

Cara Membuat Proses Input, Edit dan Delete Pada PHP

CARA MEMBUAT PROSES INPUT, EDIT DAN DELETE PADA PHP

  1. PENDAHULUAN

PHP adalah bahasa pemrograman script server-sideyang di desain untuk pengembangan web. Selain itu, PHP juga bisa digunakan sebagai bahasa Pemrograman umum. Disini kita akan belajar bagaimana caranya membuat proses input, edit dan delete pada PHP.Untuk membuat proses input, edit dan delete pada php ada beberapa software yang diperlukan, yaitu:

  • XAMPP
  • Notepad++
  • Browser (chrome, mozila, dll)
  1. Cara Membuat Proses Input, Edit dan Delete Pada PHP

membuat form input, edit dan delete data pada php

  1. Hal yang pertama yang harus dilakukan sebelum membuat form input yaitu membuka software Xampp lalu Start pada Apache dan MySQL.
    1. Buka Notepad++ lalu buat file baru dan ketikkan script : <!DOCTYPE html> setelah itu simpan difolder htdoc >> (buat folder baru, sebagai contoh disini saya menyimpan file di folder Latihanphp)>> simpan file dengan nama LatihanPHP.php
    2. Design form sesuai data penginputan kita, contoh disini saya akan menginputkan data mahasiswa.

    <html>

    <head>

    <title>Mahasiswa</title>

    </head>

    <body >

    <form>

    <table>

    <tr>

    <td> NIM </td>

    <td> : </td>

    <td> <input type= “number” name=”nim” required placeholder= “Isikan Nim” /> </td>

    </tr>

    <tr>

    <td> Nama Lengkap</td>

    <td> : </td>

    <td> <input type= “text” name= “nama_mhs” required placeholder= “Isikan Nama Lengkap” /> </td>

    </tr>

    <tr>

    <td> Jenis Kelamin </td>

    <td> : </td>

    <td> <input type= “radio” name= “jkel” value= “Laki-Laki” /> Laki-Laki

    <input type= “radio” name= “jkel” value= “Perempuan” /> Perempuan </td>

    </tr>

    <tr>

    <td> Alamat </td>

    <td> : </td>

    <td> <textarea rows=”3″ cols=”25″ name=”Alamat”> </textarea></td>

    </tr>

    <tr>

    <td>  </td>

    <td>  </td>

    <td> <input type=”submit” value=”SIMPAN” />

    <input type= “reset” value=”BATAL” /></td>

    </tr>

    </table>

    </body>

    </html>

    1. Tekan ctrl+s untuk menyimpan, ketika dijalankan di browser maka akan tampil seperti gambar dibawah ini
      1. Langkah selanjutnya kita harus membuat database di cmd, caranya:
      • Tekan logo windows+R lalu ketikkan cmd dan Enter
      • Ketikkan “cd\” dan enter
      • Lalu ketikkan “cd xampp\mysql\bin” setelah itu enter
      • Selanjutnya ketikkan “mysql –u root” enter
      • Setelah itu ketikkan script untuk membuat database yaitu “create database db_Mahasiswa;” enter
      • “use db_Mahasiswa;” enter
      • “create table tb_datamahasiswa (nim char (7) not null primary key, nama varchar (35), jeniskelamin char (9), alamat text);” enter
      • “insert into tb_datamahasiswa values(‘1504146’,’Murdiana’,’Perempuan’,’Medan’);” enter
      • “insert into tb_datamahasiswa values(‘1504123’,’Budi’,’Laki-Laki’,’Medan’);” enter
      • “select * from tb_datamahasiswa;” enter
      • Maka tabel database akan tampil pada cmd
      1. Langkah selanjutnya membuat koneksi pada notepad++
      • Buat file baru, ketikkan script dibawah ini dan simpan dengan nama koneksi.php
    2. <?php$host=”localhost”;

      $user=”root”;

      $pass=””;

      $database=”db_Mahasiswa”;

      $connect=new mysqli($host,$user,$pass,$database);

      ?>

      • Pada file LatihanPHP.php ketikkan script dibawah ini agar file koneksi.php bisa terkoneksi dengan file LatihanPHP.php, berikut scriptnya

      <table border=”1″>

      <tr>

      <td align=”center”> NO. </td>

      <td align=”center”> NIM </td>

      <td align=”center”> NAMA</td>

      <td align=”center”> Jenis Kelamin </td>

      <td align=”center”> ALAMAT</td>

      </tr>

      <?php

      include “koneksi.php”;

      $sq l= $connec t-> query(“select * from tb_datamahasiswa”);

      $no=0;

      While ($row=$sql->fetch_assoc() ) { $no++;

      ?>

      <tr>

      <td> <?php echo $no;?> </td>

      <td> <?php echo $row[‘nim’]?></td>

      <td> <?php echo $row[‘nama’]?></td>

      <td> <?php echo $row[‘jeniskelamin’]?></td>

      <td> <?php echo $row[‘alamat’]?>  </td>

      </tr>

      <?php } ?>

      </table>

      • Ketika kita menjalankan file LatihanPHP.php maka akan mucul database yang kita buat di cmd.

7. Setelah mengoneksikan database ke php maka selanjutnya kita membuat proses input, caranya:

  • Buat file baru pada notepad++ ketikkan script seperti dibawah ini dan simpan dengan nama proses_input.php

<?php

$nim=$_POST[‘nim’];

$nama=$_POST[‘nama_mhs’];

$jenis_kel=$_POST[‘jkel’];

$alamat=$_POST[‘alamat’];

 

include”koneksi.php”;

$connect -> query(“insert into tb_datamahasiswa(nim,nama,jeniskelamin,alamat) values (‘$nim’,’$nama’,’$jenis_kel’,’$alamat’)”);

header (“location : LatihanPHP.php”);

 

?>

  • Kembali ke file LatihanPHP.php, disini kita akan menambahkan script pada tag form (<form>),

<form action=”proses_input.php” method=”post”>

Setiap selesai mengetik script jangan lupa untuk menyimpannya.

  • Setelah disimpan maka ketika kita mengisi data dari browser otomatis data tersebut akan tersimpan jika kita mengklik tombol simpan.

8. Selanjutnya membuat proses hapus, langkah-langkahnya sebagai berikut:

  • Buat file baru pada notepad++ simpan dengan nama hapus.php
  • Ketikkan script dibawah ini:

<?php

$id=$_GET[‘id’];

include”koneksi.php”;

$connect -> query (“delete from tb_datamahasiswa where nim=’$id'”);

header (“location: LatihanPHP.php”);

?>

Jangan lupa disimpan

  • Lalu pada file LatihanPHP.php tambahkan script seperti gambar dibawah ini

<td colspan=”2″ align=”center”> Action</td>  (script ini ditambahkan seperti pada gambar dibawah ini)

<td> <a href=”hapus.php?id= <?php echo $row[‘nim’]?>”> DELETE </td>

(untuk script ini ditambahkan seperti dibawah ini)

  • Ketika dijalankan di browser akan bertambah kolom Action yang isinya DELETE, dan ketika kita mengklik DELETE disalah satu baris maka baris pada kolom tersebut atau data yang ada akan otomatis terhapus. Contohnya seperti gambar dibawah ini

9. Untuk yang terakhir kita membuat proses edit pada php, berikut ini langkah – langkah yang harus di kerjakan:

  • Pada file LatihanPHP.php kita akan menambahkan satu baris script yaitu <td> <a href=”edit.php?id= <?php echo $row [‘nim’]?>”> EDIT </td>

  • Setelah itu disimpan
  • Setelah itu buat file baru dengan nama edit.php
  • Copy-kan file yang ada pada LatihanPHP.php ke file baru tersebut (file edit.php)
  • Tambahkan script dibawah ini diatas tag table yang pertama

<?php

$id=$_GET[‘id’];

include “koneksi.php”;

$sql= $connect -> query(“select * from tb_datamahasiswa where nim=’$id'”);

$no=0;

while($row = $sql -> fetch_assoc() ) { $no++;

?>

Lebih jelasnya lihat pada gambar dibawah ini

  • Lalu pada file edit.php ketikkan script dibawah ini

Value = ”<?php echo $row[‘nim’]?>”

(script ini ditambahkan pada tag input pada nim) untuk lebih jelasnya lihat pada gambar dibawah ini

value= ”<?php echo $row [‘nama’]?>” (script ini ditambahkan pada tag input pada nama) lihat gambar

value= ” <?php echo $row [‘jeniskelamin’]?>” (script ini ditambahkan pada tag input laki-laki dan perempuan) seperti pada gambar dibawah ini

<?php echo $row [‘alamat’]?> (script ini ditambahkan diantara tag textarea) seperti gambar dibawah ini

  • Setelah itu tekan ctrl+S untuk menyimpan
  • Ketika dijalankan dan ketika di klik EDIT maka tampilannya akan seperti gambar dibawah ini

Setelah semua bisa dijalankan dengan baik maka proses kita telah selesai untuk membuat proses input, edit dan delete pada php. Perlu diingat bahwa setiap file harus berada pada satu folder dan untuk penulisan script harus diketik dengan hati-hati, karena apabila ada salah satu huruf atau karakter yang kurang bisa terjadi error. Jika kita ingin mempercantik tampilan web kita, kita bisa gunakan bootstrap. Untuk mendownload bootstrap kita bisa mendownloadnya pada link berikut https://drive.google.com/open?id=0Bzo6ZMRslLTYN0lHOVF1Q202TTg

Berikut contoh design web yang menggunakan bootstrap

  1. PENUTUP

Demikian langkah-langkah membuat Proses Input, Edit dan Delete Pada PHP, semoga bisa bermanfaat bagi pembacanya dan semoga tulisan  ini bisa memenuhi kriteria dalam tugas matakuliah Pemrograman Berorientasi Objek.  Jika ada kesalahan dalam penulisan atau kekurangan pada kata-kata mohon berikan kritik dan saran yang membangun agar penulis dapat memperbaiki setiap kesalahan yang ada.

 

DAFTAR PUSTAKA

 

Comments

comments

About Murdiana Diana

Murdiana Diana

Tutorial Lain

Cara mudah membuat Undangan dengan Photoshop

Seperti yang sering kita katakan bahwah keahlian dalam mengoprasikan software adobe photoshop merupakan aset tersendiri, …

One comment

  1. Mau tanya mbak, gmn cara pengumpulan data sprt Google form dg mysql, mksh

Leave a Reply

Your email address will not be published. Required fields are marked *