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...

Membuat Blog 5 Menit Jadi

Assalamualaikum... Sehat semua ya sholih, sholihah... Yang seru dan bikin-bikin yuuuk, liburan ini... Kita belajar membuat blogger yaa.... Bismillah dulu jangan lupaaa... Untuk membuat blog di Blogger, Semuanya insyaallah bisa dengan mengikuti langkah-langkah berikut:   Mari kita coba langkahnya ya.. Bagi kalian yang tertarik memiliki halaman pribadi 5 menit jadi tanpa harus bayar biaya hosting alamat website. Yups.. Kita buat rumah di beranda atau halaman internet.. lewat platfrom gratis yang disediakan blogger.  Login ke  Blogger.com  menggunakan akun Google (alamat email kalian)   2. Klik panah bawah di sebelah kiri  3. Lalu Klik Blog baru  4. Masukkan nama blog  5. Klik Berikutnya 6. Pilih URL atau alamat blog sesuai kalian lalu  Klik Simpan Sip.. sudah jadiiiii.. gak ada 5 menit kan ... Nah selanjutnya semua tampilan kesesuaian dan lain-lain bisa kalian kreasikan agar pembaca blog betah dan mampir terus.. pengaturan ada disisi kiri ya, s...