Saturday, May 30, 2020

Tugas UAS Semester 2 Brian.

Belajar Membuat CRUD dan Fitur Login dengan PHP dan                                               MySQL
                              Oleh: Brian Aria
 CRUD adalah akronim untuk Create, Read, Update dan Delete. Operasi CRUD adalah manipulasi data dasar untuk database. Pada pertemuan kali ini saya akan membuat sebuah aplikasi sederhana dengan tampilan di bawah ini dengan menampilkan sebuah tabel dengan data dari database di sisi frontend Serta Bagian Login untuk Bagian Pertamanya. Terdapat beberapa tombol untuk mengubah data, menghapus serta menampilkan data. Tabel pengguna yang kita buat berisi data pribadi pengguna seperti NIM, nama, jurusan, alamat dan foto.
 
 Untuk Membuat CRUD Perlu Beberapa Keperluan Berikut: 
 -Folder dengan nama “CRUD_MHS” dan Subfolder "admin"
 -File Bootstrap, JavaScript, Font-awesome dan ckeditor 
-Folder khusus dengan nama “images” 
-Xampp, teks editor dan browser 
 Pertama-tama Bikin Database "Perpus2" dulu dan bikin Tabel "mahasiswa" seperti dibawah berikut:
Habis itu Bikin Tabel Dibawah Berikut:
 











Membuat Koneksi PHP dan MySQL (Admin)
 Setelah selesai membuat database, langkah selanjutnya adalah kita membuat koneksi PHP dengan database MySQL Kita Kerjain di Subfolder Admin,Karena Itu Buat Bagian Keduanya. Buat sebuah file koneksi.php. Pada file koneksi.php inilah nantinya akan kita buat koneksi PHP dengan MySQL 
 Koneksi.php:

  1. <?php
  2. $host="localhost";
  3. $user="root";
  4. $pass="";
  5. $database="perpus2";
  6. $mysqli=new mysqli($host,$user,$pass,$database);
  7. if (mysqli_connect_errno()) {
  8. trigger_error('Koneksi ke database gagal: '  . mysqli_connect_error(), E_USER_ERROR);
  9. }
  10. ?>
Setelah Koneksi.php Kita Juga  harus bikin Paging.php Sebab Paging.php itu buat memunculkan Dan MeRespon Apa Arti Ketikan KIta Di Dalam Php Itu.
Paging.php

  1. <?php
  2. class paging_mahasiswa{

  4. function cariPosisi($batas){

  6. if(empty($_GET['home'])){
  7. $posisi=0;
  8. $_GET['home']=1;
  9. }
  10. else{
  11. $posisi = ($_GET['home']-1) * $batas;
  12. }
  13. return $posisi;
  14. }

  16. // Fungsi untuk menghitung total halaman
  17. function jumlahHalaman($jmldata, $batas){
  18. $jmlhalaman = ceil($jmldata/$batas);
  19. return $jmlhalaman;
  20. }

  22. // Fungsi untuk link halaman 1,2,3 
  23. function navHalaman($halaman_aktif, $jmlhalaman){
  24. $link_halaman = "<li class='page-item'></li>";

  26. // Link ke halaman pertama (first) dan sebelumnya (prev)
  27. if($halaman_aktif > 1){
  28. $prev = $halaman_aktif-1;
  29. $link_halaman .= " 
  30. <li class='page-item'><a class='page-link' href=index.php?home>First</a></li>
  31. <li class='page-item'><a class='page-link' href=index.php?home=$prev> Prev</a></li>  ";
  32. }
  33. else{ 
  34. $link_halaman .= "  <li class='page-item disabled'><a class='page-link' href='#' tabindex='-1' aria-label='Previous'>  Previous </a></li>  ";
  35. }

  37. // Link halaman 1,2,3, ...
  38. $angka = ($halaman_aktif > 3 ? "<li class='page-item'> <span aria-hidden='true'>...</span> " : " </li>"); 
  39. for ($i=$halaman_aktif-2; $i<$halaman_aktif; $i++){
  40.   if ($i < 1)
  41.   continue;
  42.   $angka .= "<li class='page-item'><a class='page-link' href=index.php?home=$i>$i</a></li>  ";
  43.   }
  45.   $angka .= " <li class='page-item active'>  <a class='page-link' href='#'>$halaman_aktif</a> <span class='sr-only'>(current)</span></li>  ";
  46.   
  47. for($i=$halaman_aktif+1; $i<($halaman_aktif+3); $i++){
  48.     if($i > $jmlhalaman)
  49.       break;
  50.   $angka .= "<li class='page-item'><a class='page-link' href=index.php?home=$i>$i</a></li>  ";
  51.     }
  52. $angka .= ($halaman_aktif+2<$jmlhalaman ? " <li class='page-item'>  <span aria-hidden='true'>...</span> <a  class='page-link' href=index.php?home=$jmlhalaman>  $jmlhalaman</a>  " : " </li>");
  53. $link_halaman .= "<li class='page-item'>$angka</li>";

  55. // Link ke halaman berikutnya (Next) dan terakhir (Last) 
  56. if($halaman_aktif < $jmlhalaman){
  57. $next = $halaman_aktif+1;
  58. $link_halaman .= "
  59. <li class='page-item'><a class='page-link' href=index.php?home=$next>Next</a></li>
  60. <li class='page-item'><a class='page-link' href=index.php?home=$jmlhalaman>Last </a><li>";
  61. }
  62. else{
  63. $prev = $halaman_aktif-1;
  64. $link_halaman .= " <li class='page-item'><a class='page-link' href='index.php?home=$next' aria-label='Next'> Next</a></li> ";
  65. }
  66. return $link_halaman;
  67. }
  68. }
  69. ?>



Membuat Page Buatlah sebuah file dengan nama pages.php. File ini digunakan agar dapat memudahkan kita dalam pemanggilan halaman.

Pages.php


  1. <?php
  2. error_reporting( error_reporting() & ~E_NOTICE );
  3. include "koneksi.php";


  6. if ($_GET['page']=="add") {
  7. include "add.php";
  8. }

  10. else if ($_GET['page']=="create") {
  11. include "create.php";
  12. }

  14. else if ($_GET['page']=="edit") {
  15. include "edit.php";
  16. }

  18. else if ($_GET['page']=="update") {
  19. include "update.php";
  20. }

  22. else if ($_GET['page']=="delete") {
  23. include "delete.php";
  24. }

  26. else if ($_GET['page']=="add2") {
  27. include "add2.php";
  28. }

  30. else if ($_GET['page']=="create2") {
  31. include "create2.php";
  32. }

  34. else if ($_GET['page']=="edit2") {
  35. include "edit2.php";
  36. }

  38. else if ($_GET['page']=="update2") {
  39. include "update2.php";
  40. }

  42. else if ($_GET['page']=="delete2") {
  43. include "delete2.php";
  44. }

  46. else{
  47. include "read.php";
  48. }
  49. ?>


Menampilkan Data dari Database Admin Buat sebuah file dengan nama index.php. Pada file ini kita akan menampilkan NavBar, pemanggilan CSS, Bootstrap, Google font, dll. Serta pemanggilan halaman-halaman lain. Index.php ini merupakan halaman utama dari aplikasi CRUD yang kita buat. 

Index.php 


  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>

  5. <title>BELAJAR CRUD</title>
  6. <meta charset="utf-8">
  7. <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  8. <meta http-equiv="x-ua-compatible" content="ie-edge">

  10. <link rel="stylesheet" href="css/bootstrap.css">
  11. <link rel="stylesheet" href="css/style.css">
  12. <link rel="stylesheet" href="font-awesome/css/font-awesome.min.css">

  14. </head>
  15. <body>

  17. <div id="wrapper">

  19. <nav class="navbar navbar-light bg-faded">
  20. <a class="navbar-brand" href="pancasaputra.wordpress.com">WEB PROGRAMMING 1</a>
  21. <ul class="nav navbar-nav">
  22. <li class="nav-item active">
  23. <a class="nav-link" href="index.php">Home<span class="sr-only">(current)</span></a>
  24. </li>
  25. <li class="nav-item">
  26. <a class="nav-link" href="index.php?page=add">Tambah Data</a>
  27. <li class="nav-item">
  28. <a class="nav-link" href="index.php?page=add2">Tambah Buku</a>
  29. <li class="nav-item">
  30. <a class="nav-link" href="logout.php">LOGOUT</a>
  31. </li>
  32. </ul>
  33. </nav>

  35. <div class="container box">
  36. <?php include "pages.php";?>
  37. </div>

  39. </div>


  42. <script src="js/jquery.min.js"></script>
  43. <script src="js/bootstrap.js"></script>
  44. <script src="ckeditor/ckeditor.js"></script>
  45. <script type="text/javascript">
  46. CKEDITOR.replace( 'alamat',{height:300} );
  47. </script>
  48. </body>
  49. </html>

 Langkah selanjutnya adalah membuat file dengan nama read.php. Pada file ini kita akan buat untuk menampilkan hasil dari inputan data. read.php juga berisi tombol input, hapus, update dan details yang dihubungkan dengan file lain.

read.php


  1. <table class="table table-striped">
  2. <thead>
  3. <tr>
  4. <th>#</th>
  5. <th>NIM</th>
  6. <th>Nama Mahasiswa</th>
  7. <th>Jurusan</th>
  8. <th>Alamat</th>
  9. <th>Foto</th>
  10. <th>Action</th>
  11. </tr>
  12. </thead>
  13. <tbody>


  16. <?php
  17. $no = 0;
  18. $mahasiswa=$mysqli->query("SELECT * FROM mahasiswa");
  19. while($m=mysqli_fetch_array($mahasiswa)){
  20. $no++;
  21. ?>

  23. <?php
  24. include"paging.php";
  25. $p  = new paging_mahasiswa;
  26. $batas = 5;
  27. $posisi = $p->cariPosisi($batas);
  28. $mahasiswa=$mysqli->query("SELECT * FROM mahasiswa
  29. ORDER BY id DESC LIMIT $posisi,$batas");
  30. $no=0;
  31. while($m=mysqli_fetch_array($mahasiswa)){
  32. $no++;
  33. ?>

  35. <tr>
  36. <th scope="row"><?php echo $no;?></th>
  37. <td><?php echo $m['nim']; ?></td>
  38. <td><?php echo $m['nama']; ?></td>
  39. <td><?php echo $m['jurusan']; ?></td>
  40. <td><?php echo $m['alamat']; ?></td>
  41. <td><img src="images/<?php echo $m['gambar'];?>" height="50"></td>
  42. <td>
  43. <button type="button" class="btn btn-dark"><a href="index.php?page=edit&id=<?php echo $m['id'];?>">Edit<i class="fa fa-pencil"></i></a></button> |
  44. <button type="button" class="btn btn-info"><a href="index.php?page=details&id=<?php echo $m['id'];?>">Details<i class="fa fa-info"></i></a></button> |
  45. <button type="button" class="btn btn-danger"><a href="index.php?page=delete&id=<?php echo $m['id'];?>"onclick="return confirm('Anda yakin mau menghapus Data ini ?')">Hapus<i class="fa fa trash-o"></i></a></button>
  46. </td>
  47. </tr>

  49. <?php } ?>

  51. </tbody>
  52. </table>

  54. <div class="halaman">
  55. <nav aria-label="...">
  56. <ul class="pagination">

  58. <?php } ?>
  59. <?php
  60. $jmldata       = mysqli_num_rows($mysqli->query("SELECT * FROM mahasiswa"));
  61. $jmlhalaman    = $p->jumlahHalaman($jmldata, $batas);
  62. $linkHalaman   = $p->navHalaman($_GET['home'], $jmlhalaman);
  63. echo " <li class='page-item'> $linkHalaman </li>"; 
  64. ?>

  66. </ul>
  67. </nav>
  68. </div>

  70. <table class="table table-striped">
  71. <thead>
  72. <tr>
  73. <th>#</th>
  74. <th>Kode</th>
  75. <th>Judul Buku</th>
  76. <th>Penerbit</th>
  77. <th>Jenis Buku</th>
  78. <th>Referensi</th>
  79. <th>Foto</th>
  80. <th>Action</th>
  81. </tr>
  82. </thead>
  83. <tbody>


  86. <?php
  87. $no = 0;
  88. $buku=$mysqli->query("SELECT * FROM buku");
  89. while($m=mysqli_fetch_array($buku)){
  90. $no++;
  91. ?>

  93. <?php
  94. include"paging2.php";
  95. $p  = new paging_buku;
  96. $batas = 5;
  97. $posisi = $p->cariPosisi($batas);
  98. $buku=$mysqli->query("SELECT * FROM buku
  99. ORDER BY id DESC LIMIT $posisi,$batas");
  100. $no=0;
  101. while($m=mysqli_fetch_array($buku)){
  102. $no++;
  103. ?>

  105. <tr>
  106. <th scope="row"><?php echo $no;?></th>
  107. <td><?php echo $m['kode']; ?></td>
  108. <td><?php echo $m['judul_buku']; ?></td>
  109. <td><?php echo $m['penerbit']; ?></td>
  110. <td><?php echo $m['jenis_buku']; ?></td>
  111. <td><?php echo $m['referensi']; ?></td>
  112. <td><img src="images/<?php echo $m['gambar'];?>" height="50"></td>
  113. <td>
  114. <button type="button" class="btn btn-dark"><a href="index.php?page=edit2&id=<?php echo $m['id'];?>">Edit<i class="fa fa-pencil"></i></a></button> |
  115. <button type="button" class="btn btn-info"><a href="index.php?page=details2&id=<?php echo $m['id'];?>">Details<i class="fa fa-info"></i></a></button> |
  116. <button type="button" class="btn btn-danger"><a href="index.php?page=delete2&id=<?php echo $m['id'];?>"onclick="return confirm('Anda yakin mau menghapus Data ini ?')">Hapus<i class="fa fa trash-o"></i></a></button>
  117. </td>
  118. </tr>

  120. <?php } ?>

  122. </tbody>
  123. </table>

  125. <div class="halaman">
  126. <nav aria-label="...">
  127. <ul class="pagination">

  129. <?php } ?>
  130. <?php
  131. $jmldata       = mysqli_num_rows($mysqli->query("SELECT * FROM buku"));
  132. $jmlhalaman    = $p->jumlahHalaman($jmldata, $batas);
  133. $linkHalaman   = $p->navHalaman($_GET['home'], $jmlhalaman);
  134. echo " <li class='page-item'> $linkHalaman </li>"; 
  135. ?>

  137. </ul>
  138. </nav>
  139. </div>

  141. <br>
  142.                      
  143.                     <div>
  144.                         <br><br><?php include "footer.php"; ?>
  145.                     </div>
Berikut adalah tampilan dari index.php dan read.php

Menginput atau Menambahkan Data ke Database Siapkan sebuah file dengan nama add.php. file add.php ini akan kita jadikan form inputan data. Jadi, data yang akan terinput pada database akan kita masukan melalui form pada add.php ini.
 add.php

  1. <form name="form_mahasiswa" action="index.php?page=create" method="post" enctype="multipart/form-data">

  3. <div class="form-group">
  4. <label for="NIM">NIM</label>
  5. <input type="text" class="form-control" id="nim" placeholder="Input Nomor Induk Mahasiswa" name="nim" required>
  6. </div>

  8. <div class="form-group">
  9. <label for="Nama">Nama</label>
  10. <input type="text" class="form-control" id="nama" placeholder="Input Nama" name="nama" required>
  11. </div>

  13. <div class="form-group">
  14. <label for="Jurusan">Pilih Jurusan</label>
  15. <select name="jurusan" class="form-control" id="jurusan" required>
  16. <option value="">None</option>
  17. <option value="Sistem Informasi">Sistem Informasi</option>
  18. <option value="Teknik Informatika">Teknik Informatika</option>
  19. <option value="Teknik Komputer">Teknik Komputer</option>
  20. <option value="Sistem Informasi Akutansi">Sistem Informasi Akutansi</option>
  21. </select>
  22. </div>

  24. <div class="form-group">
  25. <label for="Alamat">Alamat</label>
  26. <textarea class="form-control" id="alamat" placeholder="Alamat" name="alamat" required>
  27. </textarea>
  28. </div>

  30. <div class="form-group">
  31. <label for="Gambar">Input Foto</label>
  32. <input type="file" class="form-control" id="gambar" name="gambar" required>
  33. </div>

  35. <div class="form-group">
  36. <button type="reset" class="btn btn-danger">Reset</button>
  37. <button type="sumbit" class="btn btn-primary">Simpan</button>
  38. </div>
Perhatikan pada syntax diatas, kita membuat form yang mengarah pada index.php?page=create atau create.php. Jadi, dengan create.php kita menangkap data yang di input dan kemudian mengirimkannya ke database untuk di simpan. Oleh karena itu, siapkan file dengan nama create.php create.php 
  1. ?php
  2. $nim = $_POST['nim'];
  3. $nama = $_POST['nama'];
  4. $jurusan = $_POST['jurusan'];
  5. $alamat = $_POST['alamat'];
  6. $gambar = $_FILES['gambar']['name'];
  7. $mysqli->query("INSERT INTO mahasiswa(nim,nama,jurusan,alamat,gambar) VALUES('$nim','$nama','$jurusan','$alamat','$gambar')");
  8. move_uploaded_file($_FILES['gambar']['tmp_name'],'images/'.$gambar);
  9. header('location:index.php');
  10. ?>



Selain yg 2 di atas kita harus juga bikin add2.php dan create2.php karena 2 bagian yg di atas itu menggunakan data dari tabel mahasiswa sementara 2 bagian itu yg kita akan buat itu mengguakan  database tabel buku.

add2.php

  1. <form name="form_mahasiswa" action="index.php?page=create2" method="post" enctype="multipart/form-data">

  3. <div class="form-group">
  4. <label for="Kode">Kode</label>
  5. <input type="text" class="form-control" id="kode" placeholder="Input Nomor Kode Buku" name="kode" required>
  6. </div>

  8. <div class="form-group">
  9. <label for="Judul Buku">Judul Buku</label>
  10. <input type="text" class="form-control" id="judul buku" placeholder="Input Judul buku" name="judul buku" required>
  11. </div>

  13. <div class="form-group">
  14. <label for="Penerbit">Pilih Penerbit Buku</label>
  15. <select name="penerbit buku" class="form-control" id="penerbit buku" required>
  16. <option value="">None</option>
  17. <option value="Elex Media Komputindo">Elex Media Komputindo</option>
  18. <option value="Kompas Gramedia">Kompas Gramedia</option>
  19. <option value="Penerbit Erlangga">Penerbit Erlangga</option>
  20. <option value="Erlangga for Kids">Erlangga For Kids</option>
  21. </select>
  22. </div>

  24. <div class="form-group">
  25. <label for="Jenis Buku">Pilih Jenis Buku</label>
  26. <select name="jenis buku" class="form-control" id="jenis buku" required>
  27. <option value="">None</option>
  28. <option value="Parodi">Parodi</option>
  29. <option value="Horror">Horror</option>
  30. <option value="Komedi">Komedi</option>
  31. <option value="Romantik">Romantik</option>
  32. </select>
  33. </div>


  36. <div class="form-group">
  37. <label for="Referensi">Referensi</label>
  38. <textarea class="form-control" id="referensi" placeholder="Referensi" name="referensi" required>
  39. </textarea>
  40. </div>

  42. <div class="form-group">
  43. <label for="Gambar">Input Foto</label>
  44. <input type="file" class="form-control" id="gambar" name="gambar" required>
  45. </div>

  47. <div class="form-group">
  48. <button type="reset" class="btn btn-danger">Reset</button>
  49. <button type="sumbit" class="btn btn-primary">Simpan</button>
  50. </div>

create2.php

  1. <?php
  2. $kode = $_POST['kode'];
  3. $judul_buku = $_POST['judul buku'];
  4. $penerbit = $_POST['penerbit'];
  5. $jenis_buku = $_POST['jenis_buku'];
  6. $referensi = $_POST['referensi'];
  7. $gambar = $_FILES['gambar']['name'];
  8. $mysqli->query("INSERT INTO buku(kode,judul_buku,penerbit,jenis_buku,referensi,gambar) VALUES('$kode','$jenis_buku','$penerbit','$jenis_buku','$referensi','$gambar')");
  9. move_uploaded_file($_FILES['gambar']['tmp_name'],'images/'.$gambar);
  10. header('location:index.php');
  11. ?>

Perhatikan syntax terakhir. Setelah kita menginput data ke database, kita dialihkan kembali ke halaman index dengan syntax:
  1. header('location:index.php');


Setelah kita bikin yg di atas tadi ,Kita akan coba untuk melihat hasilnya. Klik pada tombol tambah baru yang akan mengalihkan halaman ke add.php/add2.php
add.php


add2.php

Kemudian akan tampil form input seperti ini kemudian isikan data yang ingin di input
                                                                           (add.php)
(add2.php)

Kemudian klik simpan. maka hasilnya:
(add.php)->
(add2.php)->



Menampilkan Details di Admin (Blm Bisa)
dari Data yang Diinput Sebelumnya, coba perhatikan pada file read.php yang menampilkan data. Disana terdapat link details yang sudah kita buat untuk mengarahkan halaman ke halaman details.


  1. <button type="button" class="btn btn-info"><a href="index.php?page=details&id=<?php echo $m['id'];?>">Details<i class="fa fa-info"></i></a></button> |
  1. <button type="button" class="btn btn-info"><a href="index.php?page=details2&id=<?php echo $m['id'];?>">Details<i class="fa fa-info"></i></a></button> |
Oleh karena itu, Buatlah file dengan nama details.php. Pada file ini kita akan menampilkan detail dari file yang kita input.
Source Code details.php dan details2.php

 Details.php



  1. <?php 
  2.   $id = $_GET["id"];
  3.   $details = $mysqli->query("SELECT * FROM mahasiswa WHERE id = $id");
  4.   $d = mysqli_fetch_array($details);
  5.  ?>
  6.  
  7.  
  8.   <div class="container">
  9.     <div class="row justify-content-center">
  10.       <div class="col-md-6 mt-3 bg-light p-4 rounded">
  11.         <h2 class="bg-light p-2 rounded  text-center text-dark"> Data Calon Anggota BSI </h2>
  12.         <hr class="my-3">
  13.         <div class="text-center">
  14.           <img src="images/<?= $d["gambar"]; ?>" width="250" class="img-thumnail mt-3"> 
  15.         </div>
  16.         <h6 class="text-dark text-center mt-3">NIM  : <?= $d["nim"]; ?></h6>
  17.         <h6 class="text-dark text-center">Nama  : <?= $d["nama"]; ?></h6>
  18.         <h6 class="text-dark text-center">Jurusan  : <?= $d["jurusan"]; ?></h6>
  19.         <h6 class="text-dark text-center">Alamat  : <?= $d["alamat"]; ?></h6>
  20.       </div>
  21.     </div>
  22.   </div>
Detail2.php
  1. <?php 
  2.   $id = $_GET["id"];
  3.   $details = $mysqli->query("SELECT * FROM Buku WHERE id = $id");
  4.   $d = mysqli_fetch_array($details);
  5.  ?>
  6.  
  7.  
  8.   <div class="container">
  9.     <div class="row justify-content-center">
  10.       <div class="col-md-6 mt-3 bg-light p-4 rounded">
  11.         <h2 class="bg-light p-2 rounded  text-center text-dark"> Data Buku Anggota BSI </h2>
  12.         <hr class="my-3">
  13.         <div class="text-center">
  14.           <img src="images/<?= $d["gambar"]; ?>" width="250" class="img-thumnail mt-3"> 
  15.         </div>
  16.         <h6 class="text-dark text-center mt-3">Kode  : <?= $d["kode"]; ?></h6>
  17.         <h6 class="text-dark text-center">Judul Buku  : <?= $d["judul_buku"]; ?></h6>
  18.         <h6 class="text-dark text-center">Penerbit  : <?= $d["penerbit"]; ?></h6>
  19.         <h6 class="text-dark text-center">Jenis Buku  : <?= $d["jenis_buku"]; ?></h6>
  20.         <h6 class="text-dark text-center">Referensi  : <?= $d["referensi"]; ?></h6>
  21.         
  22.       </div>
  23.     </div>
  24.   </div>

Kita Udah Coba Bagian Itu Tetapi Saat Aku Coba Bagian Detail.php dan Detail2.php tetap nggak respon Jadi Jika Bagian Detail itu nggak Tolong Beritahu Coba Kasih Tahu Caranya ke Kita Di Komentar Bawah kita. :(




Mengedit/Mengupdate Data
Pada Database Sebelumnya perhatikan lagi file read.php. Disana terdapat link edit yang akan mengarahkan kita ke halaman form edit sekaligus mengirimkan data yang mau di edit.


  1. <button type="button" class="btn btn-dark"><a href="index.php?page=edit&id=<?php echo $m['id'];?>">Edit<i class="fa fa-pencil"></i></a></button> |

  1. <button type="button" class="btn btn-dark"><a href="index.php?page=edit2&id=<?php echo $m['id'];?>">Edit<i class="fa fa-pencil"></i></a></button> |

Oleh karena itu kita akan membuat file dengan nama edit.php untuk membuat form edit. Form eddit inilah yang nantinya akan menampilkan data yang akan di edit.

 edit.php
<?php
$edit=$mysqli->query("select*from mahasiswa where id='$_GET[id]'");
$e=mysqli_fetch_array($edit);
?>

<form name="form_mahasiswa" action="index.php?page=update" method="post" enctype="multipart/form-data">

<div class="form-group">
<label for="NIM">NIM</label>
<input type="hidden" name="id" value="<?php echo $e['id'];?>">
<input type="text" class="form-control" id="nim" placeholder="Input Nomor Induk Mahasiswa" name="nim" required value="<?php echo $e['nim'];?>">
</div>

<div class="form-group">
<label for="Nama">Nama</label>
<input type="text" class="form-control" id="nama" placeholder="Input Nama" name="nama" required value="<?php echo $e['nama'];?>">
</div>

<div class="form-group">
<label for="Jurusan">Jurusan</label>
<select name="jurusan" class="form-control" id="jurusan" name="jurusan" required>
<option value="<?php echo $e['jurusan'];?>"><?php echo $e['jurussan'];?></option>
<option value="Sistem Informasi">Sistem Informasi</option>
<option value="Teknik Informatika">Teknik Informatika</option>
<option value="Teknik Komputer">Teknik Komputer</option>
<option value="Sistem Informasi Akutansi">Sistem Informasi Akutansi</option>
 </select>
</div>

<div class="form-group">
<label for="Alamat">Alamat</label>
<textarea class="form-control" id="alamat" placeholder="Alamat" name="alamat" required><?php echo $e['alamat'];?></textarea>
</div>

<div class="form-group">
<label for="Gambar">Gambar</label>
<input type="file" class="form-control" id="gambar" name="gambar">
<span><?php echo $e['gambar'];?></span>
</div>

<div class="form-group">
<button type="reset" class="btn btn-danger">Reset</button>
<button type="sumbit" class="btn btn-primary">Update</button>
</div>

</form>

 edit2.php
<?php
$edit=$mysqli->query("select*from buku where id='$_GET[id]'");
$e=mysqli_fetch_array($edit);
?>

<form name="form_mahasiswa" action="index.php?page=update2" method="post" enctype="multipart/form-data">

<div class="form-group">
<label for="Kode">Kode</label>
<input type="text" class="form-control" id="kode" placeholder="Input Nomor Kode Buku" name="kode" required>
</div>

<div class="form-group">
<label for="Judul Buku">Judul Buku</label>
<input type="text" class="form-control" id="judul buku" placeholder="judul buku" name="judul buku" required>
</div>

<div class="form-group">
<label for="Penerbit">Pilih Penerbit Buku</label>
<select name="penerbit buku" class="form-control" id="penerbit buku" required>
<option value="">None</option>
<option value="Elex Media Komputindo">Elex Media Komputindo</option>
<option value="Kompas Gramedia">Kompas Gramedia</option>
<option value="Penerbit Erlangga">Penerbit Erlangga</option>
<option value="Erlangga for Kids">Erlangga For Kids</option>
</select>
</div>

<div class="form-group">
<label for="Jenis Buku">Pilih Jenis Buku</label>
<select name="jenis buku" class="form-control" id="jenis buku" required>
<option value="">None</option>
<option value="Parodi">Parodi</option>
<option value="Horror">Horror</option>
<option value="Komedi">Komedi</option>
<option value="Romantik">Romantik</option>
</select>
</div>


<div class="form-group">
<label for="Referensi">Referensi</label>
<textarea class="form-control" id="referensi" placeholder="Referensi" name="referensi" required>
</textarea>
</div>

<div class="form-group">
<label for="Gambar">Input Foto</label>
<input type="file" class="form-control" id="gambar" name="gambar" required>
</div>

<div class="form-group">
<button type="reset" class="btn btn-danger">Reset</button>
<button type="sumbit" class="btn btn-primary">Update</button>

</div>


Bisa lihat syntax diatas, method pengiriman data pada form ini kita menggunakan post dan actionnya mengarah ke update.php dan update2.php


  1. <form name="form_mahasiswa" action="index.php?page=update" method="post" enctype="multipart/form-data">
  1. <form name="form_mahasiswa" action="index.php?page=update" method="post" enctype="multipart/form-data">


Oleh sebab itu kita buat sebuah file baru dengan nama update.php untuk memproses form ini.

update.php

  1. <?php
  2. $edit=$mysqli->query("select*from mahasiswa where id='$_GET[id]'");
  3. $e=mysqli_fetch_array($edit);
  4. ?>

  6. <form name="form_mahasiswa" action="index.php?page=update" method="post" enctype="multipart/form-data">

  8. <div class="form-group">
  9. <label for="NIM">NIM</label>
  10. <input type="hidden" name="id" value="<?php echo $e['id'];?>">
  11. <input type="text" class="form-control" id="nim" placeholder="Input Nomor Induk Mahasiswa" name="nim" required value="<?php echo $e['nim'];?>">
  12. </div>

  14. <div class="form-group">
  15. <label for="Nama">Nama</label>
  16. <input type="text" class="form-control" id="nama" placeholder="Input Nama" name="nama" required value="<?php echo $e['nama'];?>">
  17. </div>

  19. <div class="form-group">
  20. <label for="Jurusan">Jurusan</label>
  21. <select name="jurusan" class="form-control" id="jurusan" name="jurusan" required>
  22. <option value="<?php echo $e['jurusan'];?>"><?php echo $e['jurussan'];?></option>
  23. <option value="Sistem Informasi">Sistem Informasi</option>
  24. <option value="Teknik Informatika">Teknik Informatika</option>
  25. <option value="Teknik Komputer">Teknik Komputer</option>
  26. <option value="Sistem Informasi Akutansi">Sistem Informasi Akutansi</option>
  27.  </select>
  28. </div>

  30. <div class="form-group">
  31. <label for="Alamat">Alamat</label>
  32. <textarea class="form-control" id="alamat" placeholder="Alamat" name="alamat" required><?php echo $e['alamat'];?></textarea>
  33. </div>

  35. <div class="form-group">
  36. <label for="Gambar">Gambar</label>
  37. <input type="file" class="form-control" id="gambar" name="gambar">
  38. <span><?php echo $e['gambar'];?></span>
  39. </div>

  41. <div class="form-group">
  42. <button type="reset" class="btn btn-danger">Reset</button>
  43. <button type="sumbit" class="btn btn-primary">Update</button>
  44. </div>
  45. </form>
update2.php
  1. <?php
  3. $gambar  = $_FILES['gambar']['name'];
  4. // Apabila gambar tidak diganti
  5. if(empty($gambar)){
  6. $mysqli->query("UPDATE mahasiswa SET nim    = '$_POST[nim]',
  7. nama   = '$_POST[nama]',
  8.     jurusan   = '$_POST[jurusan]',
  9.     alamat   = '$_POST[alamat]'
  10.     WHERE id = '$_POST[id]'");
  11. }else{
  13. $hapus= $mysqli->query("select*from mahasiswa where id='$_POST[id]'");
  14. // menghapus gambar yang lama
  15. $nama_gambar=mysqli_fetch_array($hapus);
  16. // nama field gambar
  17. $lokasi=$nama_gambar['gambar'];
  18. //alamat tempat foto
  19. $hapus_gambar="images/$lokasi";
  20. //script untuk menghapus gambar dari folder
  21. unlink($hapus_gambar);
  22. move_uploaded_file($_FILES['gambar']['tmp_name'],'images/'.$gambar);
  23. $mysqli->query("UPDATE mahasiswa SET nim    = '$_POST[nim]',
  24. nama   = '$_POST[nama]',
  25.     jurusan   = '$_POST[jurusan]',
  26.     alamat   = '$_POST[alamat]',
  27.     gambar = '$gambar'
  28.     WHERE id = '$_POST[id]'");
  29. }
  30. header('location:index.php');
  31. ?>

Sekarang coba ubah data dengan klik edit.
Setelah mengklik perbarui Data Brian akan berubah seperti dibawah ini.
(Bagian Buku Di Bawahnya Bagian Mahasiswa juga bisa kalau kamu ikutin cara update2 di atas tadi.)


Menghapus Data Pada Database Untuk membuat hapus data PHP langkah pertamanya adalah membuat file baru dengan nama delete.php. Karena pada read.php kita membuat link yang mengarahkan pada file delete.php


  1. <button type="button" class="btn btn-danger"><a href="index.php?page=delete&id=<?php echo $m['id'];?>"onclick="return confirm('Anda yakin mau menghapus Data ini ?')">Hapus<i class="fa fa trash-o"></i></a></button>


  1. <button type="button" class="btn btn-danger"><a href="index.php?page=delete&id=<?php echo $m['id'];?>"onclick="return confirm('Anda yakin mau menghapus Data ini ?')">Hapus<i class="fa fa trash-o"></i></a></button>
Delete.php


  1. <?php
  2. $hapus= $mysqli->query("select*from mahasiswa where id='$_GET[id]'");
  3. // memilih gambar untuk dihapus
  4. $nama_gambar=mysqli_fetch_array($hapus);
  5. // nama field gambar
  6. $lokasi=$nama_gambar['gambar'];
  7. //alamat tempat gambar
  8. $hapus_gambar="images/$lokasi";
  9. //script delete gambar dari folder
  10. unlink($hapus_gambar);
  11. $mysqli->query("DELETE FROM mahasiswa WHERE id='$_GET[id]'");
  12. header('location:index.php');
  13. ?>

Delete2.php
  1. <?php
  3. $hapus= $mysqli->query("select*from buku where id='$_GET[id]'");
  4. // memilih gambar untuk dihapus
  5. $nama_gambar=mysqli_fetch_array($hapus);
  6. // nama field gambar
  7. $lokasi=$nama_gambar['gambar'];
  8. //alamat tempat gambar
  9. $hapus_gambar="images/$lokasi";
  10. //script delete gambar dari folder
  11. unlink($hapus_gambar);
  12. $mysqli->query("DELETE FROM buku WHERE id='$_GET[id]'");
  13. header('location:index.php');
  14. ?>
Kita Sekarang akan mencoba Menghapus Akun Brian.
Pencet OK,Dan Akunnya akhirnya berhasil terhapus.
(Sama Juga Dgn Akun Buku Di Bawah.)


Footer Tidak lengkap bukan jika ada pembuka (NavBar) tidak ada penutup? maka dari itu saya buat footer sederhana.

Footer.php

  1. <footer class="page-footer font-big bg-dark">
  2.     <div align="center" class="footer-copyright py-3 text-light">&copy; 2020 <a href="https://brianaria1.blogspot.com">Brian Aria</a></div>
  3. </footer>

Sebelumnya pemanggilan footer sudah dilakukan pada index.php
  1. <br>
  2.                      
  3.                     <div>
  4.                         <br><br><?php include "footer.php"; ?>
  5.                     </div>

Setelah Kita Selesai Buat Semua Keperluan Buat Subfolder Admin Sekarang Kita Buat Bagian Login-nya buat File CRUD_MHS.
(Mohon Maaf Jika Bagian Penerbit Di Bawah Nggak Muncul)

Persiapan

1 .  Untuk memulai tutorial dan project membuat login dengan PHP dan MySQLi seperti di contoh ini, silahkan buat sebuah folder baru dengan nama login pada direktori localhost teman-teman.
2 .  Buat sebuah database baru dengan nama akademik. kemudian buat sebuah tabel baru dengan nama admin dalam database akademik. isi dari tabel admin yaitu id, username dan password. dimana id bertipe int, pilih primary dan centang auto_increment nya. username dan password sama-sama bertipe varchar dengan nilai 225.

membuat login dgn php mysql dan selesai.

selanjutnya isikan data admin. untuk data contoh saja. untuk contoh akun admin yang akan login. isikan username nya ‘admin’, dan password nya ‘admin123’.
Habis itu Buat sebuah file baru dengan nama koneksi.php dan simpan pada folder login yang telah kita buat.
koneksi.php
  1. <?php 
  2. $koneksi = mysqli_connect("localhost","root","","akademik");
  3.  
  4. // Check connection
  5. if (mysqli_connect_errno()){
  6. echo "Koneksi database gagal : " . mysqli_connect_error();
  7. }
  8.  
  9. ?>
silahkan teman-teman isi sendiri nama database nya sesuai nama database yang teman-teman buat, karena di sini kita akan menggunakan database akademik, maka nama databasenya akademik.
Sekarang Buat file baru lagi namanya index.php
  1. <title>Membuat Login Dengan PHP dan MySQLi - BRIANARIA1.BLOGSPOT.COM</title>
  2. </head>
  3. <body>
  4. <h2>Login - Tugas Buat Ambil Nilai UAS Brian</h2>
  5. <br/>
  6. <!-- cek pesan notifikasi -->
  7. <?php 
  8. if(isset($_GET['pesan'])){
  9. if($_GET['pesan'] == "gagal"){
  10. echo "Login gagal! username dan password salah!";
  11. }else if($_GET['pesan'] == "logout"){
  12. echo "Anda telah berhasil logout";
  13. }else if($_GET['pesan'] == "belum_login"){
  14. echo "Anda harus login untuk mengakses halaman admin";
  15. }
  16. }
  17. ?>
  18. <br/>
  19. <br/>
  20. <form method="post" action="cek_login.php">
  21. <table>
  22. <tr>
  23. <td>Username</td>
  24. <td>:</td>
  25. <td><input type="text" name="username" placeholder="Masukkan username"></td>
  26. </tr>
  27. <tr>
  28. <td>Password</td>
  29. <td>:</td>
  30. <td><input type="password" name="password" placeholder="Masukkan password"></td>
  31. </tr>
  32. <tr>
  33. <td></td>
  34. <td></td>
  35. <td><input type="submit" value="LOGIN"></td>
  36. </tr>
  37. </table>
  38. </form>
  39. </body>
  40. </html>

kita lanjutkan lagi dengan membuat file yang akan mengelola data yang di kirim dari form login dari index.php.
pada file index.php yang membuat halaman login di atas kita telah menetapkan aksi dari form ini adalah ‘cek_login.php’ dengan method ‘post’ untuk jenis pengiriman datanya. silahkan baca lagi tentang GET dan POST jika teman-teman belum mempelajarinya. sudah di bahas juga di www.malasngoding.com.
buat sebuah file baru lagi dengan nama cek_login.php.
cek_login.php
  1. <?php 
  2. // mengaktifkan session php
  3. session_start();
  4.  
  5. // menghubungkan dengan koneksi
  6. include 'koneksi.php';
  7.  
  8. // menangkap data yang dikirim dari form
  9. $username = $_POST['username'];
  10. $password = $_POST['password'];
  11.  
  12. // menyeleksi data admin dengan username dan password yang sesuai
  13. $data = mysqli_query($koneksi,"select * from admin where username='$username' and password='$password'");
  14.  
  15. // menghitung jumlah data yang ditemukan
  16. $cek = mysqli_num_rows($data);
  17.  
  18. if($cek > 0){
  19. $_SESSION['username'] = $username;
  20. $_SESSION['status'] = "login";
  21. header("location:admin/index.php");
  22. }else{
  23. header("location:index.php?pesan=gagal");
  24. }
  25. ?>

nah di file index.php ini kita membuat halaman login sederhana untuk admin.
kita lanjutkan lagi dengan membuat file yang akan mengelola data yang di kirim dari form login dari index.php.
pada file index.php yang membuat halaman login di atas kita telah menetapkan aksi dari form ini adalah ‘cek_login.php’ dengan method ‘post’ untuk jenis pengiriman datanya. silahkan baca lagi tentang GET dan POST jika teman-teman belum mempelajarinya. sudah di bahas juga di www.malasngoding.com.
buat sebuah file baru lagi dengan nama cek_login.php.
cek_login.php
perhatikan, di sini kita aktifkan dulu session php. karena kita menggunakan session sebagai penanda status pengguna yang akan login.
kita mengaktifkan session php dengan syntax berikut
kemudian jangan lupa juga untuk menghubungkannya dengan file koneksi database yang sudah kita buat.
kemudian menangkap data yang dikirim dari form login.
kemudian kita seleksi data admin yang memiliki username dan password yang sesuai dengan yang di input pada form login.
selanjutnya kita hitung jumlah record yang sesuai (yang sesuai dengan username dan password yang di input).
jika data username dan password admin di temukan di tabel ‘admin’, maka nilai dari variabel $cek adalah jumlah dari record yang di temukan. berarti variabel $cek bernilai 1 jika username dan password yang di input sesuai dengan yang ada di database. karena fungsi mysqli_num_rows() berfungsi untuk menghitung jumlah record hasil dari query yang ada dalam parameter si fungsi mysqli_num_rows() ini.
selanjutnya kita cek dengan if else jika variabel $cek lebih besar dari nol (berarti username dan password yang di input sesuai), maka kita buat session username dan session status seperti pada syntax berikut. kemudian kita alihkan ke folder admin/index.php.
jika tidak maka kita alihkan halamannya kembali ke halaman login (index.php) sambil mengirimkan data pesan (?pesan=gagal).
itu sebabnya di file index.php (halaman login) kita membuat pengecekan seperti berikut (perhatikan pada file index.php)
ini untuk memeriksa pesan yang di kirim. karena tadi jika username dan password tidak di temukan, akan dikirimkan pesan “gagal”. pada pengecekan notifikasi ini kita akan menampilkan pesan notifikasi “Login gagal! username dan password salah!” jika username dan password gagal. begitu juga seterusnya dengan pesan logout dan belum_login yang akan kita buat pengalihannya sebentar lagi

Halaman Admin

Seperti yang teman-teman lihat pada syntax sebelumnya. saat melakukan pengecekan, jika username dan password benar, maka halaman akan kita alihkan ke halaman admin yang berada dalam folder admin. Kita tadi udah bikin folder Baru 'admin' di atas sekarang kita akan buat logout.php

admin/logout.php

  1. <?php 
  2. // mengaktifkan session
  3. session_start();
  4.  
  5. // menghapus semua session
  6. session_destroy();
  7.  
  8. // mengalihkan halaman sambil mengirim pesan logout
  9. header("location:../index.php?pesan=logout");
  10. ?>

file logout berguna untuk menghapus semua session yang telah di buat saat login. dan mengalihkan halaman kembali ke halaman login sambil mengirim pesan ‘logout’.
kita menghapus semua session dengan fungsi session_destroy() seperti pada contoh di atas.
nah, semuaya selesai. Selamat Kamu Udah Selesai Tugas Buatan Kita.
Sampai Di Sini Saja Perjalanan Kita dan Terima Kasih Kamu Telah Ikutin Cara Kita Dari Awal hingga Akhir
Dan Terima Kasih Juga Ke 2 Sumber Yg Telah Membantu Kita Bikin Tugas Kita Selesai Juga:,
Siti Hartati Buat MYSQL dan CRUD dan
Malasngoding.com buat Ngajarin KIta Cara Buat Login (Part 1,Part 2)
Kamu juga bisa ikutin Kita dgn Cara yg kami ajarin di Atas dan Mohon Maaf Karena Bagian Penerbitnya ada Kesalahan Serta Bagian Detail.php dan Detail2.php yg kita masih nggak tahu cara merespon bagian itu jika Kamu Tahu Tolong Kasih TahuKita Di Bawah Komentar Artikel ini.
Sekian dari Kita dan Semoga Bermanfaat.
(Kalau Masih kelsulitan ngetik .php Kita Download Tugas Kita Disini Aja.)
Posted by at No comments:
Subscribe to: Comments (Atom)