Menampilkan Emoticons Di Komentar Dengan PHP Dan Mysql

Menampilkan Emoticons Di Komentar Dengan PHP Dan Mysql. Saya rasa anda sudah tidak asing lagi dengan kata emoticons, atau bahkan anda sering menggunakannya? Iya karena emoticons itu sendiri menurut saya adalah hal yang wajib ada di sosial media, salah satunya facebook. Sebenarnya ide membuat tutorial ini timbul setelah saya membaca pertanyaan dari salah satu member di group PHP yang saya ikuti. Berhubung dulu sewaktu kuliah pemrograman web saya pernah membuat hal ini, jadi sekarang tidak ada salahnya jika saya share bagaimana cara membuatnya.

Langkah pertama yang perlu dipersiapkan adalah tabel untuk menyimpan komentar tersebut

CREATE TABLE komentar (
    idkomentar int(11) NOT NULL AUTO_INCREMENT,
    namakomentar varchar(30),
    webkomentar varchar(30),
    isikomentar text,
    PRIMARY KEY(idkomentar)
)

Buat script koneksi ke database (Mulai saat ini saya menggunakan PDO)
koneksi.php

<?php
$host = "localhost";
$namadb = "learn";
$userdb = "root";
$passworddb = "";
 
try {
    $con = new PDO("mysql:host={$host};dbname={$namadb}", $userdb, $passworddb);
}
 
catch(PDOException $exception){
    echo "Connection error: " . $exception->getMessage();
}
?>

Silahkan ganti value dari $host, $namadb, $userdb, passworddb sesuaikan dengan database anda

Buat file php untuk menampilkan dan menambahkan komentar baru
index.php

<html>
 <head><title>Learn Komentar</title>
 <bod>
  <h3>Komentar</h3>
  <?php 
   include("koneksi.php");
   $tampilkomentar = $con->prepare("SELECT * FROM komentar ORDER BY idkomentar DESC");
   $tampilkomentar->execute();
   if($tampilkomentar->rowCount() < 1){
    echo "<h5>Belum Terdapat Komentar</h5>";
   }
   else{
    while($row = $tampilkomentar->fetch(PDO::FETCH_ASSOC)){
     $komentar_asli = $row['isikomentar'];
     $cari = array(
      ':)',
      ':D',
      ':(',
      '=))',
      ':p',
      'B-)',
      'O:',
      ':*',
      '>:',
      ':-P'
     );
     $ganti = array(
      '<img src="emoticons/1.gif" />',
      '<img src="emoticons/3.gif" />', 
      '<img src="emoticons/2.gif" />',
      '<img src="emoticons/8.gif" />',
      '<img src="emoticons/4.gif" />',
      '<img src="emoticons/6.gif" />',
      '<img src="emoticons/9.gif" />',
      '<img src="emoticons/5.gif" />',
      '<img src="emoticons/7.gif" />',
      '<img src="emoticons/10.gif" />'
     );
     $komentar = str_replace($cari, $ganti, $komentar_asli);
     echo'<a href="http://'.$row['webkomentar'].'" target="_blank">'.$row["namakomentar"].'</a>
      <br />'.$komentar.'<hr><br />';
    }
   }
  ?>  

  <h3>Tambahkan Komentar</h3>
  <form method="POST" action="post-komentar.php">
   <p>
    Nama Anda <br />
    <input type="text" name="namakomentar" style="width:200px; height:25px;" required />
   </p>
   <p>
    Website <br />
    <input type="text" name="webkomentar" style="width:200px; height:25px;" required />
   </p> 
   <p>
    Komentar <br />
    <textarea name="isikomentar" style="width:500px; height:100px;" required></textarea>
   </p>
   <p>
                      <img src="emoticons/1.gif" title="Happy" /> :) 
                     <img src="emoticons/3.gif" title="Big Grin"  /> :D 
                     <img src="emoticons/2.gif" title="Sad"  /> :( 
                      <img src="emoticons/8.gif" title="Rolling On The Floor"  /> =)) 
                      <img src="emoticons/4.gif" title="Tongue" /> :p 
                      <img src="emoticons/6.gif" title="Cool" /> B-) 
                      <img src="emoticons/9.gif" title="Angel" /> O: 
                      <img src="emoticons/5.gif" title="Kiss" /> :* 
                      <img src="emoticons/7.gif" title="Devil" /> >: 
                      <img src="emoticons/10.gif" title="Party" /> :-P
   </p>
   <p>
    <input type="submit" name="submit" value="Publish Post" />
   </p>
  </form>
  
 </body>
</html>

kemudian kita buat file php lagi untuk memproses komentar yang sudah diinputkan

post-komentar.php

<?php
include("koneksi.php");
if(isset($_POST['submit'])){
 $data_komentar = array(
  ':namakomentar' => strip_tags($_POST['namakomentar']),
  ':webkomentar' => strip_tags($_POST['webkomentar']),
  ':isikomentar' => strip_tags($_POST['isikomentar'])
 );

 try{
  $tambahkomen = $con->prepare("INSERT INTO komentar (namakomentar, webkomentar, isikomentar) VALUES (:namakomentar, :webkomentar, :isikomentar)");
  if($tambahkomen->execute($data_komentar)){
   header("location:index.php");
  }
 }
 catch(PDOException $err){
  echo "Kesalahan: " . $err->getMessage();
 }
}
else{
 header("location:index.php");
}
?>

Langkah terakhir silahkan download gambar - gambar bahan emoticons, kemudian anda extract di folder tempan anda menyimpan latihan ini.

Sekarang silahkan anda buka latihan yang sudah anda buat tersebut