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


4. Syintak tambah.php


5. Syintak tambah.php


6. Syintak tambah.php


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

Postingan populer dari blog ini

KONTEN DIGITAL

 KETENTUAN TUGAS INFORMATIKA 📌 PROYEK INFORMATIKA 📌 Assalamu'alaikum Warahmatullahi Wabarakatuh. Menginfokan kepada santri dan santriwati kelas 9 E,F,G,H,I,J,K bahwasanya Pelajaran Informatika pada Bab Konten Digital seperti yang sudah disepakati ketika KBM sebelum liburan. Membuat Konten Digital yang terdiri dari 2 pilihan  : 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. Desain template blog sekreatif mungkin  3. Posting suatu artikel  sesuai t...

TEKNOLOGI INFORMASI DAN KOMUNIKASI

  BAB III TEKNOLOGI INFORMASI DAN KOMUNIKASI A.    KONTEN DIGITAL APA ITU KONTEN DIGITAL ? PENGERTIAN KONTEN DIGITAL SECARA UMUM ADALAH Informasi yang tersedia melalui media atau produk elektronik. Dibuat dan dapat disampaikan kepada public, baik secara daring (online) maupun luring (offline). Konten digital mudah dibaca dan dibagikan melalui perangkat digital, seperti computer, tablet, laptop, dan smartphone. Konten digital bisa berisi tulisan, gambar, video, audio, atau kombinasinya. B.    JENIS-JENIS KONTEN DIGITAL KONTEN DIGITAL SECARA UMUM TERDIRI ATAS DUA JENIS, YAITU : 1.     KONTEN DIGITAL BERBASIS TEKS 2.     KONTEN DIGITAL BERBASIS VIDEO CONTOH KONTEN DIGITAL BERBASIS TEKS : a.     Artikel Blog yaitu jenis tulisan yang biasanya berisikan berita, ulasan, dari sebuah produk, pengalaman pribadi, hobi, tips, dan trik, atau berbagai informasi lainnya b.     Media Pers digital...

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