Rabu, 28 Oktober 2015

Insert , simpan dan tampilkan gambar dengan konsep OOP PHP



Sesuai judul yaitu penggunaan konsep OOP dalam PHP, teknik input dan tampil data gambar.
Kenapa OOP? Karena procedural sudah terlalu mainstream.. Hehe.. 
Baik, langsung ke intinya saja, karena saya tidak akan menjelaskan panjang lebar tentang apa itu OOP.
Saya anggap anda sudah belajar dasar-dasar php ketika membaca tulisan ini, karena jika belum pernah belajar dasar-dasar PHP anda akan mengalami kesulitan.
Saya yang newbi ini hanya ingin berbagi saja, mohon maaf atas keterbatasannya…
Langsung saja:
Buat koneksinya dan simpan dengan nama class.php!


<?php
class database{
          //properti
        private $dbhost="localhost";
        private $dbuser="root";
        private $dbpass="";
        private $dbname="gambar1";

        //method koneksi MYSQL
        function connectMYSQL(){
        mysql_connect($this->dbhost, $this->dbuser, $this->dbpass);
        mysql_select_db($this->dbname) or die ("Database tidak ada!");
        }
    }

class gambar{
        //simpan data
        function simpan($nama, $keterangan, $gambar ){
            $query = "INSERT INTO foto (nama, keterangan, filename)
                  VALUES ('$nama', '$keterangan', '$gambar')";
        $hasil = mysql_query($query);
        }

                                //method tampilkan
                                function tampilgambar(){
                                                $query=mysql_query("select * from foto order by id");
                                                 while($row=mysql_fetch_array($query))
                                                                $data[]=$row;
                                                return $data;
                                }
                               
}
 ?>
Selanjutnya,

Buat form untuk upload gambarnya! Simpan dengan nama index.php saja biar muncul di awal start…
<table border="2" bordercolorlight="#33FF66">
<form method="post" action="simpan_foto.php" enctype="multipart/form-data">
<tr><td>nama foto </td><td> <input type="text" name="nama" /></td></tr>
<tr><td valign="top">keterangan </td><td><textarea name="keterangan"> </textarea></td></tr>
<tr><td>masukan gambar </td><td><input type="file" name="gambar" /> </td></tr>
<tr><td colspan="2"><input type="submit" value="simpan gambar " /></td></tr>
</form>
</table>
Selanjutnya,
Buat perintah simpan data!
<?php
//memanggil file koneksi
include_once'include/class.php';
 //instance objek
$gam=new gambar();
$db=new database();
//koneksi ke MYSQL via method
$db->connectMYSQL();
$filename=$_FILES['gambar']['name'];
$move=move_uploaded_file($_FILES['gambar']['tmp_name'],'foto/'.$filename);
//simpan data ke database
$gam->simpan($_POST['nama'], $_POST['keterangan'], $filename);
echo "<script>alert ('data telah di simpan '); document.location='tampil.php' </script> ";
?>
Selanjutnya,

Buat perintah untuk menampilkan..! Simpan dengan nama tampil.php atau nama yang anda inginkan, terserah, karena tidak ada aturan baku disini..
<?php
error_reporting(0);
include_once 'include/class.php';
//instance objek
                $db= new database();
                $gam= new gambar();
//koneksi ke mysql
                $db->connectmysql();
                $arraygambar=$gam->tampilgambar();
echo "<center><table border=1>
<tr><td>NAMA FOTO </td><td>KETERANGAN </td><td>GAMBAR </td></tr> ";
$i=1;
foreach($arraygambar as $data){
echo "<tr><td>".$data['nama']."</td>
          <td width=200>".$data[keterangan]." </td>
                                  <td><img src='foto/$data[filename]' width=70 height=50 ></td>
                                  </tr> ";
$i++;
}
echo "</table>
<a href=upload_foto.php>Input Foto Lagi </a>
</center>";
?>
Selanjutnya,

Jalankan!


















Lalu inputkan datanya dan simpan, akan tampil seperti ini:






















Baiklah, semoga tutorial tersebut bisa membantu agan/aganwati yang mampir ke blog saya dan menyempatkan diri membaca coretan seorang newbi seperti saya ini..

Anda bisa mengembangkannya sendiri sesuai imajinasi  anda..

Semoga berguna dan membantu..



Tidak ada komentar:

Posting Komentar