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




 Buat struktur file terlebih dahulu yaitu :

1. indeks.php

2. tambah.php

3. edit.php

4. proseshapus.php

5. koneksi.php

6. prosestambah.php

7. prosesedit.php

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());
  }
?>

Berikut syntak 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>Action</th>
        </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 $no; ?></td>
          <td><?php echo $row['nama_santri']; ?></td>
          <td><?php echo substr($row['alamat'], 0, 20); ?>...</td>
          <td>Rp <?php echo number_format($row['ttl'],0,',','.'); ?></td>
          <td>Rp <?php echo $row['foto']; ?></td>
          <td style="text-align: center;"><img src="gambar/<?php echo $row['foto']; ?>" style="width: 120px;"></td>
          <td>
              <a href="edit.php?id=<?php echo $row['id']; ?>">Edit</a> |<a href="tambah.php?id=<?php echo $row['id']; ?>">Tambah</a> |
<a href="proseshapus.php?id=<?php echo $row['id']; ?>" onclick="return confirm('Anda yakin akan menghapus data ini?')">Hapus</a> </td> </tr> <?php $no++; //untuk nomor urut terus bertambah 1 } ?> </tbody> </table> </body> </html>

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

      }

    button {

          background-color: salmon;

          color: #fff;

          padding: 10px;

          text-decoration: none;

          font-size: 12px;

          border: 0px;

          margin-top: 20px;

    }

    label {

      margin-top: 10px;

      float: left;

      text-align: left;

      width: 100%;

    }

    input {

      padding: 6px;

      width: 100%;

      box-sizing: border-box;

      background: #f8f8f8;

      border: 2px solid #ccc;

      outline-color: salmon;

    }

    div {

      width: 100%;

      height: auto;

    }

    .base {

      width: 400px;

      height: auto;

      padding: 20px;

      margin-left: auto;

      margin-right: auto;

      background: #ededed;

    }

    </style>

  </head>

  <body>

      <center>

        <h1>Tambah Data Santri</h1>

      <center>

      <form method="POST" action="prosestambah.php" enctype="multipart/form-data" >

      <section class="base">

        <div>

          <label>Nama Santri</label>

          <input type="text" name="nama_santri" autofocus="" required="" />

        </div>

        <div>

          <label>Alamat</label>

         <input type="text" name="alamat" />

        </div>

        <div>

          <label>TTL</label>

         <input type="text" name="ttl" required="" />

        </div>

        <div>

          <label>FOTO</label>

         <input type="text" name="foto" required="" />

        </div>

        <div>

          <label>NAMA ASRAMA</label>

         <input type="file" name="nama_asrama" required="" />

        </div>

        <div>

         <button type="submit">Simpan Data</button>

        </div>

        </section>

      </form>

  </body>

</html>


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

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

LATIHAN KELAS 9

  NO PERNYATAAN JAWABAN PILIHAN JAWABAN 1. Menu untuk mengatur karakter   a. Motion 2. Menu yang digunakan pada segala sesuatu yang berhubungan dengan tampilan pada program   b. Sound 3. Menu yang digunakan mengatur script atau kode pada sprite untuk berjalan   c. Look 4. Menu yang berfungsi untuk mengontrol kode agar berjalan   d. Event 5. Menu yang berfungsi untuk memberikan sensor pada perintah yang digunakan   e. Control 6. Menu yang berfungsi untuk operasi matematika   f. Sensing 7. Menu yang mengatur volume dari suatu objek   g. Variabel 8. Tempat dimana Anda bias mengatur dan mengganti tampilan...