Crud (Create, Read, Update, Delete) Php Mysqli Dilengkapi dengan upload gambar dan ckeditor

Assalmualaikum Warahmatullahi Wabarakatu

Bismillahirrahmanirrahiim

Sebelum kita memulai tutorial ini ada sebaiknya kita mengetahui terlebih dahulu apa itu Crud (Create, Read, Update, Delete)?

Create yang berarti membuat sebuah data baru, contoh kita sedang melakukan penginputan sebuah data mahasiswa itu sudah merupakan Create dari CRUD karena kita membuat dan menyimpan data ke database.

Read Membaca atau menampilkan suatu data yang tadinya berada didatabase MySQL, kemudian ditampilkan di WEB menggunakan bahasa pemrograman Php

Update proses ini adalah mengedit sebuah data dari database yang kemudian di update menggunakan bahasa pemrograman Php. Contoh ada data mahasiswa yang salah namanya kemudian nama tersebut diganti, hal ini dinamakan proses update dalam crud.

Delete proses ini adalah untuk melakukan penghapusan data di database melalui bahasa Php. Contoh pada data mahasiswa, dan mahsiswa tersebut sudah keluar dari kampus atau gak kuliah lagi datanya kan gak perlu terus dihapus, itu sudah termasuk proses delete dalam CRUD.

Setelah mengetahui apa itu crud, maka kita akan masuk kepembahasan, pada tutorial ini sobat bisa mempelajari

Crud (create, read, updatae & delete) Php dengan Mysqli
Pagination data
Ckedtior & Kcfinder
Unlink gambar (menghapus gambar dari dalam folder)

Untuk mempelajari keempat hal diatas ikutilah langkah-langkah dibawah ini

Langkah Pertama

Donwload semua library untuk pembuatan crud disni, didalam zip tersebut sudah saya sediakan bootsrap 4 Alpha, jquery, ckeditor yang sudah terintegerasi dengan kcfinder, images.

Langkah Kedua

Buatlah database dengan nama dbmahasiswa atau sesuai dengan yang sobat inginkan, kemudian buatalah sebuah tabel dengan nama mashsiswa, struktur tabel tersebut seperti script tabel dibawah ini

12345678CREATE TABLE `mahasiswa` (
  `id` int(11) NOT NULL,
  `nim` varchar(255) DEFAULT NULL,
  `nama` varchar(255) DEFAULT NULL,
  `jurusan` varchar(255) DEFAULT NULL,
  `alamat` text,
  `gambar` varchar(255) DEFAULT NULL
) ENGINE=InnoDB DEFAULT CHARSET=latin1;

Jika sobat membutuhkan sample datanya bisa excute query dibawah ini

123456789INSERT INTO `mahasiswa` (`id`, `nim`, `nama`, `jurusan`, `alamat`, `gambar`) VALUES
(1, '2012030123', 'Aguzrybudy', 'Manajemen Informatika', 'Medan Indonesia\r\n', 'profile2.png'),
(2, '2012030121', 'Budi Santoso', 'Manajemen Informatika', 'Medan Timur\r\n', 'profile2.png'),
(4, '2012030120', 'Agus Kuncoro', 'Manajemen Informatika', 'Medan Barat\r\n', 'profile2.png'),
(5, '2012030122', 'Rio Syahputra', 'Tehnik Informatika', 'Medan Barat\r\n', 'profile3.png'),
(6, '2012030123', 'Muhammad ali', 'Tehnik Komputer', 'Medan Sumatera Utara\r\n', 'profile2.png'),
(7, '2012030124', 'Ridho ', 'Sistem Informasi', 'Medan Johor\r\n', 'profile3.png'),
(8, '2012030125', 'Muhammad Ridho', 'Tehnik Informatika', 'Medan Barat\r\n', 'profile2.png'),
(9, '2012030126', 'Logia', 'Tehnik Informatika', 'Medan Angkasa\r\n', 'profile3.png');

Langkah Ketiga

Extractlah library yang sudah sobat download ke dalam folder local web server sobat, kalau yang menggunakan xampp folder local ada di xampp > htdocs > nama folder (nama folder terserah sobat), setelah di extract buatlah sebuah file dengan nama index.php, kemudian ketikalah kode dibawahi ini

1234567891011121314151617181920212223242526272829303132333435363738

  
    Crud Php & Mysqli
    
    
    
    
    
    
  
  

    
      
      Aguzrybudy.com
      

          Home(current)
        

          Add Data

Langkah Keempat

Buatlah file dengan koneksi.php, yang berfungsi untuk menghubungkan database mysql ke program php

12345678910

Langkah Kelima

Buatlah file dengan nama pages.php, yang berfunsgi untuk mendapatkan semua halaman Crud tanpa meload ulang semua halaman, kemudian ketiklah kode dibawah ini.

1234567891011121314151617181920212223242526272829

Langkah Keenam

Buatlah file dengan nama read.php, yang berfungsi untuk menampilkan data mahasiswa dari database, kemudian ketiklah kode dibawah ini

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667


          query("SELECT * FROM mahasiswa");
            while($m=mysqli_fetch_array($mahasiswa)){
            $no++;    
          ?>  

          cariPosisi($batas);
            $mahasiswa=$mysqli->query("SELECT * FROM mahasiswa 
            ORDER BY id DESC LIMIT  $posisi,$batas");
            $no=0;
            while($m=mysqli_fetch_array($mahasiswa)){   
            $no++;
          ?>

          

              #
              NIM
              Nama
              Jurusan
              Alamat
              Gambar
              Action
            

          
              
              
              
              
              
              
              
                | 
               
              
            

        

        
          

          
          query("SELECT * FROM mahasiswa"));
              $jmlhalaman  = $p->jumlahHalaman($jmldata, $batas);
              $linkHalaman = $p->navHalaman($_GET['home'], $jmlhalaman);
              echo "
 $linkHalaman 
"; 
          ?>

Langkah Ketujuh

Buatlah sebuah file dengan nama paging.php, yang berfunsgi untuk membuat pagination (halaman data), kemudian ketiklah kode dibawah ini.

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970

"; // Link ke halaman pertama (first) dan sebelumnya (prev) if($halaman_aktif > 1){ $prev = $halaman_aktif-1; $link_halaman .= "

First

"; } else{ $link_halaman .= "

"; } // Link halaman 1,2,3, ... $angka = ($halaman_aktif > 3 ? "

" : "

"); for ($i=$halaman_aktif-2; $i<$halaman_aktif; $i++){ if ($i < 1) continue; $angka .= "

"; } $angka .= "

$halaman_aktif

"; for($i=$halaman_aktif+1; $i<($halaman_aktif+3); $i++){ if($i > $jmlhalaman) break; $angka .= "

"; } $angka .= ($halaman_aktif+2<$jmlhalaman ? "

$jmlhalaman " : "

"); $link_halaman .= "

$angka

"; // Link ke halaman berikutnya (Next) dan terakhir (Last) if($halaman_aktif < $jmlhalaman){ $next = $halaman_aktif+1; $link_halaman .= "

Last

"; } else{ $prev = $halaman_aktif-1; $link_halaman .= "

"; } return $link_halaman; } } ?>

Langkah Kedelapan

Buatlah file dengan nama add.php, yang berfungsi untuk membuat data mahasiwa dengan sebuah form, kemudian ketiklah kode dibawah ini

123456789101112131415161718192021222324252627282930313233343536373839

  
    NIM
    
  

    Nama
    
  

    Jurusan
    
  

    Alamat
    
  

    Gambar

Langkah Kesembilan

Buatlah sebuah file dengan nama create.php, yang berfungsi untuk melakukan save data kedalam database, kemudian ketiklah kode dibawah ini

12345678910query("INSERT INTO mahasiswa(nim,nama,jurusan,alamat,gambar) VALUES('$nim','$nama','$jurusan','$alamat','$gambar')");
move_uploaded_file($_FILES['gambar']['tmp_name'],'images/'.$gambar);
header('location:index.php');
?>

Langkah Kesepuluh

Buatlah file dengan nama edit.php, yang berfunsgi untuk melakukan pengeditan data pada sebuah form, kemudian ketiklah kode dibawah ini.

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647query("select*from mahasiswa where id='$_GET[id]'");
  $e=mysqli_fetch_array($edit);
?>



  
    NIM
    
    
  

    Nama
    
  

    Jurusan
    
  

    Alamat
    <?php echo $e['alamat'];?>
  

    Gambar

Langkah Kesebelas

Buatlah file dengan nama update.php, yang berfunsgi untuk melakukan proses edit data untuk disimpan kedatabase, kemudian ketiklah kode dibwah ini

123456789101112131415161718192021222324252627282930query("UPDATE mahasiswa SET nim     = '$_POST[nim]',
                        nama    = '$_POST[nama]',
                        jurusan = '$_POST[jurusan]',
                        alamat  = '$_POST[alamat]'
                    WHERE id = '$_POST[id]'");
  }else{

    $hapus= $mysqli->query("select*from mahasiswa where id='$_POST[id]'");
    // menghapus gambar yang lama
    $nama_gambar=mysqli_fetch_array($hapus);
    // nama field gambar
    $lokasi=$nama_gambar['gambar'];
    // alamat tempat foto
    $hapus_gambar="images/$lokasi";
    // script untuk menghapus gambar dari folder
    unlink($hapus_gambar);
    move_uploaded_file($_FILES['gambar']['tmp_name'],'images/'.$gambar);
    $mysqli->query("UPDATE mahasiswa SET nim     = '$_POST[nim]',
                        nama    = '$_POST[nama]',
                        jurusan = '$_POST[jurusan]',
                        alamat  = '$_POST[alamat]',
                        gambar  = '$gambar'
                    WHERE id = '$_POST[id]'");
  }
  header('location:index.php');
?>

Langkah Kedua Belas

Buatlah sebuah file dengan nama delete.php, yang berfungsi untuk mendelete data dari database dan menghapus file gambar dari dalam folder images, kemudian ketiklah kode dibawah ini

12345678910111213query("select*from mahasiswa where id='$_GET[id]'");
    // memilih gambar untuk dihapus
    $nama_gambar=mysqli_fetch_array($hapus);
    // nama field gambar
    $lokasi=$nama_gambar['gambar'];
    // alamat tempat gambar
    $hapus_gambar="images/$lokasi";
    // script delete gambar dari folder
    unlink($hapus_gambar);
    $mysqli->query("DELETE FROM mahasiswa WHERE id='$_GET[id]'");
    header('location:index.php');
?>

Jika sobat sudah melakukan semua langkah-langkah diatas dengan benar maka sobat akan melihat hasilnya seperti gambar dibwah ini

Read

Add

Edit

Demikianlah tutorial crud (ceate, read, update, delete) pada mysqli, kalau sobat ada yang gak ngerti sama kode diatas silahkan tinggalkan komentar, semoga tutorial ini bermanfaat bagi sobat, atas segala kekuranganya mohon dimaafkan dan di beri saran, jika sobat ingin kode dari aplikasi diatas download dari link dibawah ini.

DOWNLOAD

Sumber : https://aguzrybudy.blogspot.co.id/2016/11/crud-create-read-update-delete-php.html

Crud (Create, Read, Update, Delete) Php Mysqli Dilengkapi dengan upload gambar dan ckeditor

Crud (Create, Read, Update, Delete) Php Mysqli Dilengkapi dengan upload gambar dan ckeditor

Tidak ada komentar:

Posting Komentar

Arsip Blog

Blogger Tricks

Blogger Themes

Archives