Selasa, 15 Januari 2019

Tambah, Update, dan hapus data

5. Menambahkan data
Tahap kelima adalah menambahkan data ke database dengan perintah INSERT INTO.

Buat tampilan form dengan membuat file baru dengan nama tambah.php, lalu ketikkan script berikut:

  1. <html>
  2. <head>
  3.     <title>CRUD PHP MYSQL</title>
  4.     <link rel="stylesheet" type="text/css" href="assets/css/bootstrap.css">
  5.     <script type="text/javascript" src="assets/js/bootstrap.js"></script>
  6. </head>
  7. <body>
  8.     <div class="row">
  9.         <div class="container-fuild">
  10.             <div class="row">
  11.                 <br>
  12.                 <br>
  13.                 <div class="col-md-8 col-md-offset-2">
  14.                     <a href="#" class="btn btn-warning" onclick="history.back(-1)"><class="glyphicon glyphicon-arrow-left"></i> Kembali</a>
  15.                     <br>
  16.                     <br>
  17.                     <div class="panel panel-default">
  18.                         <div class="panel-heading">
  19.                             <span class="title"><b>Tambah Data Siswa</b></span>
  20.                         </div>
  21.                         <div class="panel-body">
  22.                             <form action="proses_tambah.php" method="POST" class="form">
  23.                                 <div class="form-group">
  24.                                     <label class="title">Nama Siswa</label>
  25.                                     <input type="text" name="nama_siswa" class="form-control" placeholder="Nama Siswa">
  26.                                 </div>
  27.                                 <div class="form-group">
  28.                                     <label class="title">NIS Siswa</label>
  29.                                     <input type="number" name="nis_siswa" class="form-control" placeholder="NIS Siswa">
  30.                                 </div>
  31.                                 <div class="form-group">
  32.                                     <label class="title">Alamat Siswa</label>
  33.                                     <textarea type="text" name="alamat_siswa" class="form-control"></textarea>
  34.                                 </div>
  35.                                 <div class="form-group">
  36.                                     <label class="title">No Telepon Siswa</label>
  37.                                     <input type="text" name="notelp_siswa" class="form-control" placeholder="No Telepon Siswa">
  38.                                 </div>
  39.                                 <div class="modal-footer">
  40.                                     <button type="submit" class="btn btn-primary"><class="glyphicon glyphicon-plus"></i> Tambah</button>
  41.                                 </div>
  42.                             </form>
  43.                         </div>
  44.                     </div>
  45.                 </div>
  46.             </div>
  47.         </div>
  48.     </div>
  49. </body>
  50. </html>

Tampilan dari tambah.php terlihat seperti gambar di bawah ini:



Ketika form tersebut di isi, dan tombol Tambah di klik, maka akan menjalankan fileproses_tambah.php.

Jadi selanjutnya buat file baru dengan nama proses_tambah.php dan ketikkan script di bawah ini:

  1. <?php
  2.  
  3. include 'koneksi.php';
  4.  
  5. $nama_siswa     = $_POST['nama_siswa'];
  6. $nis_siswa      = $_POST['nis_siswa'];
  7. $alamat_siswa   = $_POST['alamat_siswa'];
  8. $notelp_siswa   = $_POST['notelp_siswa'];
  9.  
  10. $input          = mysqli_query($conn, "INSERT INTO data_siswa (nama_siswa, nis_siswa, alamat_siswa, notelp_siswa) VALUES ('$nama_siswa', '$nis_siswa','$alamat_siswa' , '$notelp_siswa')");
  11.  
  12. if($input){
  13.     echo "<script>alert('Data Berhasil Ditambah');document.location.href='index.php'</script>";
  14.        
  15. }else{
  16.     echo "<script>alert('Data Gagal Ditambah');document.location.href='tambah.php'</script>";
  17.        
  18. }
  19. ?>

6. Mengubah data
Tahap ini untuk melakukan ubah data pada database. File yang akan kita buat adalah edit.php

Link untuk menuju halaman ubah adalah pada file index.php.
dimana pada tabel kolom opsi ada Link edit dan hapus. Link edit yang di klik akanmendapatkan Link seperti Edit dimana id_siswa ini adalah nilai dari id_siswa.
Jika id_siswa tersebut adalah 1, maka akan menampilkan data siswa dimana id_siswa =1.

Oke, silahkan buat file edit.php dan ketikkan script di bawah ini:

  1. <html>
  2. <head>
  3.     <title>CRUD PHP MYSQL</title>
  4.     <link rel="stylesheet" type="text/css" href="assets/css/bootstrap.css">
  5.     <script type="text/javascript" src="assets/js/bootstrap.js"></script>
  6. </head>
  7. <body>
  8.     <div class="row">
  9.         <div class="container-fuild">
  10.             <div class="row">
  11.                 <br>
  12.                 <br>
  13.                 <div class="col-md-8 col-md-offset-2">
  14.                     <a href="#" class="btn btn-warning" onclick="history.back(-1)"><i class="glyphicon glyphicon-arrow-left"></i> Kembali</a>
  15.                     <br>
  16.                     <br>
  17.                     <div class="panel panel-default">
  18.                         <?php
  19.                             include 'koneksi.php';
  20.  
  21.                             $id_siswa   = $_GET['id_siswa'];
  22.  
  23.                             $lihat      = mysqli_query($conn, "SELECT * FROM data_siswa WHERE id_siswa = '$id_siswa'");
  24.                             if (mysqli_num_rows($lihat) == 0) {
  25.                                 echo '<tr><td colspan="6"><center>Data Kosong!!!</center></td></tr>';
  26.                             }else{
  27.                             $no = 1;
  28.                             while($data = mysqli_fetch_array($lihat)) {
  29.                         ?>
  30.                         <div class="panel-heading">
  31.                             <span class="title"><b>Edit Data Siswa <span class="text text-danger"></span></b></span>
  32.                         </div>
  33.                         <div class="panel-body">
  34.                             <form action="proses_edit.php" method="POST" class="form">
  35.                                 <input type="hidden" name="id_siswa" value="<?php echo $data['id_siswa']?>">
  36.                                 <div class="form-group">
  37.                                     <label class="title">Nama Siswa</label>
  38.                                     <input type="text" name="nama_siswa" class="form-control" value="<?php echo$data['nama_siswa']?>">
  39.                                 </div>
  40.                                 <div class="form-group">
  41.                                     <label class="title">NIS Siswa</label>
  42.                                     <input type="number" name="nis_siswa" class="form-control" value="<?phpecho $data['nis_siswa']?>">
  43.                                 </div>
  44.                                 <div class="form-group">
  45.                                     <label class="title">Alamat Siswa</label>
  46.                                     <textarea type="text" name="alamat_siswa" class="form-control"><?php echo$data['alamat_siswa']?></textarea>
  47.                                 </div>
  48.                                 <div class="form-group">
  49.                                     <label class="title">No Telepon Siswa</label>
  50.                                     <input type="text" name="notelp_siswa" class="form-control" value="<?phpecho $data['notelp_siswa']?>">
  51.                                 </div>
  52.                                 <div class="modal-footer">
  53.                                     <button type="submit" class="btn btn-info"><i class="glyphicon glyphicon-pencil"></i> Edit</button>
  54.                                 </div>
  55.                             </form>
  56.                         </div>
  57.                         <?php }}?>
  58.                     </div>
  59.                 </div>
  60.             </div>
  61.         </div>
  62.     </div>
  63. </body>
  64. </html>

Tampilan dari edit.php terlihat seperti gambar di bawah ini:


Form ubah diatas jika di klik tombol Edit, maka akan menjalankan file proses_edit.php, dimana file ini adalah proses untuk melakukan update data ke database.

Buat file proses_edit.php dan ketikkan script di bawah ini:

  1. <?php
  2.  
  3. include 'koneksi.php';
  4.  
  5. $id_siswa       = $_POST['id_siswa'];
  6. $nama_siswa     = $_POST['nama_siswa'];
  7. $nis_siswa      = $_POST['nis_siswa'];
  8. $alamat_siswa   = $_POST['alamat_siswa'];
  9. $notelp_siswa   = $_POST['notelp_siswa'];
  10.  
  11. $update         = mysqli_query($conn, "UPDATE data_siswa SET nama_siswa = '$nama_siswa', nis_siswa = '$nis_siswa', alamat_siswa = '$alamat_siswa', notelp_siswa = '$notelp_siswa' WHERE id_siswa = '$id_siswa'");
  12.  
  13. if($update){
  14.     echo "<script>alert('Data Berhasil Diedit');document.location.href='index.php'</script>";
  15.        
  16. }else{
  17.     echo "<script>alert('Data Gagal Diedit');document.location.href='edit.php?id_siswa='$id_siswa''</script>";
  18.        
  19. }
  20. ?>

7. Menghapus data
Tahap ketujuh adalah yang terakhir, yaitu melakukan perintah Delete untuk menghapus data dari database.

Buat file proses_hapus.php, dan isi ketikkan script di bawah ini:

  1. <?php
  2.  
  3. include 'koneksi.php';
  4.  
  5. $id_siswa       = $_GET['id_siswa'];
  6.  
  7. $hapus          = mysqli_query($conn, "DELETE FROM data_siswa WHERE id_siswa = '$id_siswa'");
  8.  
  9. if($hapus){
  10.     echo "<script>alert('Data Berhasil Dihapus');document.location.href='index.php'</script>";
  11.        
  12. }else{
  13.     echo "<script>alert('Data Gagal Dihapus');document.location.href='index.php''</script>";
  14.        
  15. }
  16.  
  17. ?>

Jika tombol hapus diklik pada file index.php,
link hapus yang di klik akan mendapatkan Link seperti Hapus dimana id_siswa ini adalah nilai dari id_siswa.
Jika id_siswa tersebut adalah 1, maka akan menghapus data siswa dimana id_siswa =1.


kalo ada yang kurang tambahin aja sendiri bro wkwkwkwk...

Tidak ada komentar:

Posting Komentar

ANALISIS & PERANCANGAN SISTEM INFORMASI

Yoms kawan semua yang ada di bumi ini kali ini kita akan membahas tentang ANALISIS DAN PERANCANGAN SISTEM INFORMASI sebagai tugas yang ber...