Langsung ke konten utama

CRUD PHP MYSQL

 Assalamu'alaikum Warahmatullahi Wabarakatuh
Selaamat soreee... Apa kabar hari ini ?
Alhamdulillah, sore ini kita kembali belajar untuk membuat website sederhana dengan perintah CRUD pada MySQL,. semoga keberkahan selalu menyertai kita semuanya... bismillahirrahmanirrahim kita mulai belajar kembali...
Pertama-tama siapkan dulu installer XAMPP disini. download dan instal ya gaes ya..
kemudian kalian siapkan tek editor IDE untuk menuliskan syntak program PHP-nya. Boleh menggunakan sublimetext atau yang lain. Yups instal dulu yaa..
Jika sudah siapkan tampilan website yang ingin digunakan ..
PHP murni berarti kita membuat tampilan dengan skripkode secara mandiri. Tampilan berikut sangat sederhana. Buat databasenya dulu ya.. Aktifkan terlebih dahulu Apache dan MySQL pada xampp yang sudah terinstal.. seperti tampilan berikut :
setelah persiapan awal sudah selesai, silahkan buka browser / chrome atau browser lainnya dengan menuliskan http://localhost/phpmyadmin dan silahkan buat database klik new sesuai tampilan berikut :

Susun rancangan database yang kalian butuhkan untuk menjalankan perintah CRUD.  

CRUD merupakan singkatan, mungkin sering denger dari saya ya kalo belajar bareng di kelas. Atau dari orang lain, yups kata CRUD yaitu :

Create : Membuat data / record baru yang akan masuk ke database kalian

Read : Menampilkan data dari database (yhaa nampilih data produk misalnya)

Update : Mengedit data / record kalian dari database (contoh : awalnya nama budi terus diganti jadi udin)

Delete : Menghapus data yang ada didatabase (contoh : menghapus data udin yang ada pada tabel karyawan)

Untuk membuat sebuah program, kalian mesti bisa dulu nih bikin dasar – dasar CRUD sebelum lanjut ke level yang lebih tinggi hehe semangaat yaaa...

Sebenarnya ada satu lagi lho best.. yaitu untuk pencarian data dengan PHP dan MySQL, tapi nanti akan saya bikin tutorialnya secepatnyaa kalo gak lupa ya...

Okay sudah cukup intermezzo nya hehe kita langsung bikin database dan tabel yang akan kita gunakan untuk CRUD

Silahkan rancang dan buat database dengan nama : santri_mbs (bisa yang lain)

jika sudah silahkan buat tabelnya dengan nama tabel santri, saya yakin kalian sudah bisa buat struktur tabelnya ya.. seperti ini :

1. Siapkan tabel koneksi

2. Siapkan tabel santri

Dua tabel diatas sebagai bahan utama aplikasi berbasis web sederhana kita kali ini ya.. 

Kemudian buat struktur file terlebih dahulu di IDE sublime atau yang lain yaitu :

1. indeks.php : Sebagai Halaman utama;

2. tambah.php : form untuk input data santri;

3. edit.php : form untuk edit data santri;

4. proseshapus.php : skrip untuk menghapus data dari database;

5. koneksi.php : untuk menyimpan konfigurasi database;

6. prosestambah.php : halaman untuk proses menambahlkan data santri;

7. prosesedit.php : skrip untuk memproses edit/update;

    

    Oke silahkan ikutin satu-satu... Semoga gak banyak error punya kalian ya... yups buka file yang disediakan satu-satu. Ketik codingnya disetiap filenya. 

1. Koding di file koneksi.php

<?php
  $host = "localhost"; 
  $user = "root";
  $pass = "";
  $nama_db = "santri_mbs"; //nama database
  $koneksi = mysqli_connect($host,$user,$pass,$nama_db); //pastikan urutan nya seperti ini, jangan tertukar

  if(!$koneksi){ //jika tidak terkoneksi maka akan tampil error
    die ("Koneksi dengan database gagal: ".mysql_connect_error());
  }
?>

2. Syintak indeks.php

<?php
  include('koneksi.php'); //agar index terhubung dengan database, maka koneksi sebagai penghubung harus di include
  
?>
<!DOCTYPE html>
<html>
  <head>
    <title>CRUD Santri MBS</title>
    <style type="text/css">
      * {
        font-family: "Trebuchet MS";
      }
      h1 {
        text-transform: uppercase;
        color: salmon;
      }
    table {
      border: solid 1px #DDEEEE;
      border-collapse: collapse;
      border-spacing: 0;
      width: 70%;
      margin: 10px auto 10px auto;
    }
    table thead th {
        background-color: #DDEFEF;
        border: solid 1px #DDEEEE;
        color: #336B6B;
        padding: 10px;
        text-align: left;
        text-shadow: 1px 1px 1px #fff;
        text-decoration: none;
    }
    table tbody td {
        border: solid 1px #DDEEEE;
        color: #333;
        padding: 10px;
        text-shadow: 1px 1px 1px #fff;
    }
    a {
          background-color: salmon;
          color: #fff;
          padding: 10px;
          text-decoration: none;
          font-size: 12px;
    }
    </style>
  </head>
  <body>
    <center><h1>Data SANTRI</h1><center>
    <center><a href="tambah.php">+ &nbsp; Tambah Santri</a><center>
    <br/>
    <table>
      <thead>
        <tr>
          <th>No</th>
          <th>NAMA</th>
          <th>ALAMAT</th>
          <th>TTL</th>
          <th>FOTO</th>
          <th>NAMA_ASRAMA</th>
          <th><center>Action</th></center>
        </tr>
    </thead>
    <tbody>
      <?php
      // jalankan query untuk menampilkan semua data diurutkan berdasarkan nim
      $query = "SELECT * FROM santri ORDER BY id ASC";
      $result = mysqli_query($koneksi, $query);
      //mengecek apakah ada error ketika menjalankan query
      if(!$result){
        die ("Query Error: ".mysqli_errno($koneksi).
           " - ".mysqli_error($koneksi));
      }

      //buat perulangan untuk element tabel dari data mahasiswa
      $no = 1; //variabel untuk membuat nomor urut
      // hasil query akan disimpan dalam variabel $data dalam bentuk array
      // kemudian dicetak dengan perulangan while
      while($row = mysqli_fetch_assoc($result))
      {
      ?>
       <tr>
          <td><?php echo $id; ?></td>
          <td><?php echo $row['nama_santri']; ?></td>
          <td><?php echo substr($row['alamat'], 0, 20); ?></td>
          <td> <?php echo number_format($row['ttl'],0,',','.'); ?></td>
		  <td style="text-align: center;"><img src="gambar/<?php echo $row['foto']; ?>" style="width: 120px;"></td>
		  <td> <?php echo substr ($row['foto']; ?></td>
		  <td> <?php echo substr($row['nama_asrama'],0,20); ?></td>
		  <td>  
		  <a href="edit.php? id=<?php echo $row['id']; ?>">Edit</a> ||
          <a href="proseshapus.php?id=<?php echo $row['id']; ?>" onclick="return confirm('Anda yakin akan menghapus data ini?')">Hapus</a>
             </td>
      </tr>
         
      <?php
        $id++; //untuk nomor urut terus bertambah 1
      } 
      ?>
    </tbody>
    </table>
  </body>
</html>


3. Syintak edit.php


4. Syintak proseshapus.php


5. Syintak koneksi.php


6. Syintak prosestambah.php


7. Syintak prosesedit.php

Dari script yang kita tulis diatas maka web sederhana tentang Data Asrama Santri di MBS sudah jadi :). Untuk itu bisa dikembangkan kembali dengan aktivitas yang lain dan bisa dihosting jika sudah sesuai harapan user. Semoga bermanfaat. Tampilan websitenya sebagai berikut : 


See you on top gaes... Happy Koding, JANGAN LUPA BAHAGIA 😇. Wassalamu'alaikum Warahmatullahi Wabarakatuh. 

Komentar

nadia25 mengatakan…
Komentar ini telah dihapus oleh pengarang.
nadia25 mengatakan…
Assalamualaikum ustadzah, izin mengumpulkan tugas TIK 'membuat blog'.
Nama/no: Nadia Karima/20
Kelas : 9I
https://nadiakarima25.blogspot.com/2025/04/tugas-tik.html
CHAY mengatakan…
masyaallah okeee

Postingan populer dari blog ini

PROYEK INFORMATIKA KELAS IX

 KETENTUAN TUGAS INFORMATIKA 📌 PROYEK INFORMATIKA 📌 Assalamu'alaikum Warahmatullahi Wabarakatuh. Menginfokan kepada santri dan santriwati kelas 9 E,F,G,H,I,J,K tahun ajaran 2025/2026 bahwasanya Pelajaran Informatika pada Bab Konten Digital untuk memenuhi ujian praktikum seperti yang sudah disepakati ketika KBM sebelum liburan yaitu membuat Konten Digital yang terdiri dari 2 pilihan , antara lain sebagai berikut : 1. Membuat Blog : - Melatih santri menulis dan berbagi ide melalui media blog.   - Mengembangkan kemampuan berpikir kritis dan kreatif.   - Menghadirkan konten bermanfaat dan Islami di dunia maya. . 2. Membuat Vlog : - Mengembangkan kreativitas santri dalam membuat konten digital yang bermakna dan bernilai manfaat. - Menanamkan nilai-nilai Islami, moral, dan sosial dalam setiap karya. - Menyediakan media dakwah yang relevan dengan era digital. . . Ketentuan Membuat Blog🌐 1. Menggunakan platform gratis seperti blogger, wordpress, google site, dll 2. D...

Dasar HTML

Assalamu'alaikum Warahmatullahi Wabarakatuh Hallo semuanya .. semoga dalam kondisi sehat semua yaaa para pembaca yang insyaAllah dirahmati Allah... Terima kasih sudah mampir ke halaman ini lagi... :)  . Baik hari ini izinkan saya berbagi untuk penguatan materi konsep dasar dalam menyiapkan sebuah website sebagai media konten digital menggunakan CMS (Content Management System) , siapa yang sudah punya blogger atau alamat wordpress ? yups pada materi sebelumnya itu termasuk salah satu contoh CMS. tahu tidak sebelum membangun sebuah CMS itu ada kode yang ditulis salah satunya menggunakan HTML. Hayooo apa sih HTML itu ? Yups yang sudah belajar bareng pasti tahu kan HTML itu apa, Nah iyaa ... betul. 😇 HTML adalah singkatan dari  Hypertext Markup Language . HTML memungkinkan seorang pengguna dapat membuat dan menyusun bagian  heading , paragraf,  link  atau tautan, dan  blockquote  untuk halaman sebuah website. HTML sebenarnya bukanlah bahasa pemrograman, ...

WARNING !!! ERROR & PENGGUNAAN OPERATOR LOGIKA MS.EXCEL

 Assalamu'alaikum .. Apa kabar kalian ... sehat ? Masyaallah adakah yang rindu belajar bareng ... komen dibawah yaaap.. oh iyaaa... menjadi bagian kisah perjalanan dalam proses belajar itu adalah hal yang bagi saya teramat istimewa, bagaimana berada dalam ruang yang sama, saling bersuaa dan kisah klasik lainnya, bermaknaa,yeeep, tapi jangan khawatir kita belajar bareng gak hanya lewat nyata, namun lewat maya di sini... semoga menjadi suatu keistimewaan pula yaaa... baik langsung saja.. kali ini kita ingin membahas yang berkaitan dengan pesan kesalahan dan penggunaan operator logika. Sebagai insan yang hidup di bumi tak lepas dari yang namanya khilaf dan salah... baik sengaja ataupun tidak, dalam memberikan keputusan terkadang tidak susuai harapan... Hal itu selalu ada pesan jika berbuat salah akibatnya apa, bagaimana memperbaikinya dll, pun akal dan logika juga mengiringi bagaimana keputusan setiap langkah mau diambil, apa hasil dan sebab jika kondisi satu dan diantara yang lain be...