Portal Ilmu Komputer

Showing posts with label PHP. Show all posts

Assalamalaikum Wr Wb.

Sebelum kita melanjutkan ke pembelajaran selanjutnya agar lebih baiknya anda melihat artikel sebelumnya tentang Membuat Koneksi Database Lebih Sederhana Bagi Pemula Untuk Pemrograman PHP Kenapa saya ingin anda melihat postingan artikel saya sebelumnya, karena yang akan saya sampaikan pada artikel ini yaitu berhubungan juga dengan Membuat Koneksi Database Lebih Sederhana Bagi Pemula Untuk Pemrograman PHP .

Studi kasus yang kita ambil adalah Tabel Jurusan pada sekolah SMK.
Langsung saja kita mulai, saya akan menyampaikan artikel saya yang berjudul Membuat Input, Update, Delete Dengan Modal Jquery dan Cara Membuat Tabel dengan Bootstrap . Pertama yang anda siapkan adalah file Bootstrap dan file Jquery nya, anda bisa mendownload file Bootstrap Disini dan file Jquery nya anda bisa download Disini .

Apabila anda sudah mempersiapkan dari file-file di atas maka anda bisa langsung membuat file coba.php. masukan file Jquery dan Bootstrap di dalam file coba.php, Contohnya :

Sebelumnya kita buat terlebih dahulu tabel database, Contohnya :


create table jurusan(id_jurusan int primary key auto_increment,
    -> jurusan varchar(25));

<head>
 <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>
    <link href="bootstrap/css/bootstrap.min.css" rel="stylesheet">
    <script src="https://code.jquery.com/jquery.js"></script>
    <script src="bootstrap/js/bootstrap.min.js"></script>  
 </head>

Selanjutnya anda bisa memasukan file untuk modal dan tabel untuk menampilkan data di bawah ini dengan benar. Contohnya :

<body>

<div class="panel panel-danger">
   <div class="panel-heading">
   <h3 class="panel-title">Master Jurusan</h3>
   </div>
   <div class="panel-body">
   

<!-- Button Modal -->
<button type="button" class="btn btn-danger" data-toggle="modal" data-target="#myModal">
  <span class="glyphicon glyphicon-plus" aria-hidden="true"></span>
</button>

<!-- Modal -->
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
        <h4 class="modal-title" id="myModalLabel">Form Tambah Jurusan</h4>
      </div>
      <div class="modal-body">
        <form action="" method="POST" role="form">
         
        
         <div class="form-group">
          <label for="">Jurusan</label>
          <input type="text" name="jurusan" class="form-control" id="" placeholder="Input field">
         </div>
        
         
        
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
        <button type="submit" name="simpan" class="btn btn-primary">Save changes</button>
       </form>
      </div>
    </div>
  </div>
</div>

<br>
 <table class="table table-striped table-bordered data">
  <thead>
   <tr>
    
    <th>Id</th>
    <th>Jurusan</th>
    <th>Aksi</th>
    
   </tr>
  </thead>
  <tbody>
   <?php $query = mysql_query("select * from master_jurusan");
    while ($data= mysql_fetch_row($query)) {
     

    ?>
   <tr>
    
    <td><?php echo $data[0]; ?></td>
  
    
    <td>

    <button type="button" class="btn btn-primary" data-toggle="modal" data-target="#my<?php echo $data[0]; ?>">
  <span class="glyphicon glyphicon-edit" aria-hidden="true"></span>
</button>

<!-- Modal -->
<div class="modal fade" id="my<?php echo $data[0]; ?>" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
        <h4 class="modal-title" id="myModalLabel">Form Update Jurusan</h4>
      </div>
      <div class="modal-body">
        <form action="" method="POST" role="form">
         
         
         <div class="form-group">
          
          <input type="hidden" name="id_jurusan" class="form-control" value="<?php echo $data[0]; ?>" id="" placeholder="Input field">
         </div>

         <div class="form-group">
          <label for="">Jurusan</label>
          <input type="text" name="jurusan" class="form-control" value="<?php echo $data[1]; ?>" id="" placeholder="Input field">
         </div>
        
         
        
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
        <button type="submit" name="update" class="btn btn-primary">Save changes</button>
       </form>
      </div>
    </div>
  </div>
</div>
 
 <button type="button" class="btn btn-warning" data-toggle="modal" data-target="#myy<?php echo $data[0]; ?>">
  <span class="glyphicon glyphicon-trash" aria-hidden="true"></span>
</button>

<!-- Modal -->
<div class="modal fade" id="myy<?php echo $data[0]; ?>" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
        <h4 class="modal-title" id="myModalLabel">Form Update Jurusan</h4>
      </div>
      <div class="modal-body">
        <form action="" method="POST" role="form">
         
         
         Apakah Anda Ingin Menghapus Data <?php echo $data[1]; ?>
        
         
        
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
        <button type="submit" name="hapus" value="<?php  echo $data[0]; ?>" class="btn btn-primary">Save changes</button>
       </form>
      </div>
    </div>
  </div>
</div>

    </td>

   </tr>
   <?php
    }
    $data++;
   ?>
  </tbody>
 </table>

   </div>
</div>
</body>

Setelah semua koding di atas sudah di persiapkan kita masukan file PHP untuk menyimpan, mengubah dan menghapus data. Letakkan file PHP di bawah ini tepat di atas <head>.


<?php  include('config.php'); //file database yang sudah di buat

if (isset($_POST['simpan'])) {
 $jurusan= $_POST['jurusan'];

 $query= mysql_query("insert into master_jurusan values ('','$jurusan')") or die(mysql_error());
  echo "<script> alert ('Data Behasil di Tambahkan');
  document.location='index.php?menu=jurusan';

  </script>";
 
}

elseif (isset($_POST['update'])) {
 $id= $_POST['id_jurusan'];
 $jurusan= $_POST['jurusan'];

 $query= mysql_query("update master_jurusan set id_jurusan='$id',jurusan='$jurusan' where id_jurusan='$id' ") or die(mysql_error());
  echo "<script> alert ('Data Behasil di Tambahkan');
  document.location='index.php?menu=jurusan';

  </script>";
 
}
elseif (isset($_POST['hapus'])) {
 $id= $_POST['hapus'];
 

 $query= mysql_query("delete from master_jurusan where id_jurusan='$id' ") or die(mysql_error());
  echo "<script> alert ('Data Behasil di Tambahkan');
  document.location='index.php?menu=jurusan';

  </script>";
 
}


 ?>

ScreenShoot Hasil dari di atas :

Sekian Postingan artikel dari saya, semoga bermanfaat. Trimakasih
Wassalamualaikum Wr Wb.

BACA JUGA ARTIKEL
1. Pengenalan Metode (Fungsi) Objek Number dan Objek Array Pada JavaScript
2. Membuat Proses Pengolahan Data Insert, Update Bagi Pemula Untuk Pemrograman PHP
3. Belajar HTML Dengan Mudah dan Cepat Untuk Pemula
4. Input Data Lebih Dari Satu Dengan PHP Paling Mudah
5. Cara Mempercepat Tampilan Dengan Plugin Boostrap

Assalamualaikum Wr Wb
Bagi kalian yang bertanya-tanya bagaimana sih input data sekali banyak dengan PHP, kali ini admin akan memberikan sedikit informasi untuk kamu Bagaimana cara membuat inputan data sekali banyak dengan PHP
Dalam proses ini kamu bisa menggunakan fungsi FOR dalam PHP.

Kita mulai dengan membuat file dengan nama buah.php lalu copy file PHP dibawah ini ke dalam file buah.php

 .   
  
if (isset($_POST['simpan'])) {
 $buah = $_POST['buah'];
 $jml= count($buah);

 for ($i=0; $i < $jml ; $i++) { 
  $query= mysql_query("insert into buah values ('','$buah[$i]')");
 }
}

Apabila kamu belum membuat koneksi database bisa kamu lihat artikel admin Membuat Koneksi Database Lebih Sederhana Bagi Pemula Untuk Pemrograman PHP

Dari kodingan di atas kita buat untuk form input dalam bentuk HTML, kita letakan file HTML di bawah ini percis di bawah tag PHP ?>

<div align="center" class="row">
<legend>Form Buah</legend>
<form action="" method="POST">
 <input class="" id="" name="buah[]" placeholder="masukan buah" type="" />
 

 <input class="" id="" name="buah[]" placeholder="masukan buah" type="" />
 

 <input class="" id="" name="buah[]" placeholder="masukan buah" type="" />
 

 <input class="" id="" name="buah[]" placeholder="masukan buah" type="" />
 

 <button name="simpan" type="submit">Input</button>
 </form>
</div>

Setelah semua proses penulisan koding sudah selesai kita jalankan file buah.php tersebut.
Maka akan muncul tampilan seperti di bawah ini :

Coba anda lihat di database localhost anda apabila sama seperti di bawah ini maka proses yang kamu coba berhasil dalam membuat Input Data Lebih Dari Satu Dengan PHP Paling Mudah

Trimakasih sudah membaca artikel admin, semoga bermanfaat.
Wassalamualaikum Wr Wb

BACA JUGA ARTIKEL
1. Membuat Koneksi Database Lebih Sederhana Bagi Pemula Untuk Pemrograman PHP
2. Membuat Proses Pengolahan Data Insert, Update Bagi Pemula Untuk Pemrograman PHP
3. Belajar HTML Dengan Mudah dan Cepat Untuk Pemula

Membuat koneksi database lebih mudah untuk pemrograman PHP - Database pada pembuatan web adalah opsional, namun database ini diperlukan jika web anda ingin adanya proses penyimpanan data, ingin terdapat keterkaitan antar data, serta ingin membuat akses dinamis pada web anda. Penggnaan database sangat bergantung atas model data yang anda buat sebelumnya.

Model data yang bagus adalah model data yang penyusunannya meminimalisasi adanya duplikasi data dan memperhitungkan keterhubungan antara satu entitas dengan entitas lain sesuai dengan kepentingan dari masing-masing kasus.

Pertama kamu membuat file.php terserah dengan nama apa saja asal itu menandakan bahwa file tersebut berisikan koneksi database kamu contohnya 'config.php, koneksi.php, database.php'.
simpan script di bawah ini dengan.

 .   

$host = ‘localhost’;
//username untuk login ke host
user = ‘root’;
//jika menggunakan PC sendiri sebagai host, //secara default password dikosongkan

$pass = ”;

//nama database 
$dbname = ‘nama_database’;
//mengubung ke host/localhost

$connect = mysql_connect($host, $user, $pass) or die(mysql_error());
$dbselect = mysql_select_db($dbname);//memilih database yang akan digunakan

if($connect){
echo"berhasil konek";

}

Trimakasih sudah membaca artikel admin, semoga bermanfaat ya buat kamu semua dan tolong di share bila bermanfaat bagi orang banyak untuk dapat lebih banyak pengetahuan dalam peroses pembuatan program.
wassalamualaikum wr wb

BACA JUGA ARTIKEL
1. Pengenalan Metode (Fungsi) Objek Number dan Objek Array Pada JavaScript
2. Cara Cepat Mengenal Operator Aritmatika, Operator Perbandingan, Operator Logika Pada JavaScript
3. Cara Cepat Mempelajari Operator Kondisional dan If - Else if - Else Statement pada JavaScript Untuk Pemula
4. Input Data Lebih Dari Satu Dengan PHP Paling Mudah
5. Cara Mempercepat Tampilan Dengan Plugin Boostrap

Membuat proses pengolahan data insert update pada kesempatan kali ini admin akan memberikan tutorial untuk mengelolah data dengan Input,Update,Delete dengan PHP Input,Update,Delete adalah dasar utama untuk mengelolah data pada sistem atau website yang akan di buat. hehe gausah banyak cakap deh ya mending langsung pada pembahasan initinya.

pertama anda harus membuat file coba.php. setelah itu langsung anda pindahkan koding di bawah ini ke dalam file coba.php.

include('config.php'); // memanggil file database yang sudah anda bikin

if (isset($_POST['simpan'])) { // memanggil data dari form dengan method POST
 $variable1= $_POST['nama_field'];
 $variable2= $_POST['nama_field'];
 $variable3= $_POST['nama_field'];

 $query= mysql_query("insert into nama_tabel values ('$variable1','$variable2','$variable3')") or die(mysql_error());//fungsi query ini harus mengisi values dengan urutasn field pada tabel
 if ($query) {
  echo ""; // fungsi ini untuk mengecek apakah $query berhasil melakukan insert
 }
}

Setelah anda pindahkann koding di atas selanjutnya anda harus membuat form inputan dengan Html contohnya bisa kalian liat di bawah nih. letakkan file php ini tepat di bawah tutup php seperti ?>.

Setelah anda berhasil dalam proses input anda bisa untuk meneruskannya dengan proses update. dalam proses update kita harus mengenal yang namanya method $_GET. karena $_GET untuk mengambil data pada data yang sebelumnya kita klik untuk update. bisa anda perhatikan di bawah ini.

if (isset($_POST['edit'])) {
 $variable1= $_POST['nama_field'];
 $variable2= $_POST['nama_field'];
 $variable3= $_POST['nama_field'];
 $query= mysql_query("update nama_tabel set nama_field='$variable1',nama_field='$variable2' where nama_field='$variable1'") or die(mysql_error());//untuk query ini yang di where primary key dari tabel

 if ($query) {
  echo ""; // fungsi ini untuk mengecek apakah $query berhasil melakukan insert
 }

}

Dari kedua proses di atas kita harus membuat tipe button seperti ini

<button type='submit' name='isi dengan nama variable $_POST pada isset' >

Sekian dari penjelasan admin,kalo ada kesalahan mohon maaf ya disini admin cuman ingin berbagi kepada sesama.
Wassalamualaikum wr wb.

BACA JUGA ARTIKEL
1. Membuat Koneksi Database Lebih Sederhana Bagi Pemula Untuk Pemrograman PHP
2. Belajar HTML Dengan Mudah dan Cepat Untuk Pemula

Portal Ilmu Komputer

Popular Posts

Like us on Facebook

Flickr Images