Cómo crear un sistema de likes y dislikes en PHP, MySQL y jQuery

En este artículo te explicaremos cómo implementar un sistema de likes y dislikes, similar al de muchas redes sociales como YouTube, para que lo puedas poner en práctica en tus propios proyectos. Para ello utilizaremos PHP y MySQL, y también un poco de jQuery para la parte del frontoffice. Este desarrollo es muy útil para esos sitios web que cuentan con reviews de usuarios, o con contenido subido por los propios usuarios.

Datos de la base de datos

Nombre de la base de datos: programacionnet
Nombre de la primera tabla: products
Nombre de la segunda tabla: like

db.sql

Ejecuta este script SQL en tu PHPMyAdmin o gestor de base de datos para crear las tablas:
-- -- Table structure for table `likes`
-- 

CREATE TABLE `likes` (
  `id` int(5) NOT NULL AUTO_INCREMENT,
  `pid` int(10) NOT NULL,
  `like` int(10) NOT NULL,
  `unlike` int(10) NOT NULL,
  `uid` varchar(100) NOT NULL,
  PRIMARY KEY (`id`)
) ENGINE=MyISAM AUTO_INCREMENT=1;


-- --------------------------------------------------------
-- -- Table structure for table `products`
-- 

CREATE TABLE `products` (
  `id` int(11) NOT NULL AUTO_INCREMENT,
  `product_name` varchar(255) NOT NULL,
  `price` double(10,2) NOT NULL DEFAULT '0.00',
  `image` varchar(255) NOT NULL,
  `status` int(2) NOT NULL DEFAULT '1',
  PRIMARY KEY (`id`)
) ENGINE=InnoDB AUTO_INCREMENT=4;
-- -- Dumping data for table `products`
-- 

INSERT INTO `products` VALUES (1, 'PHP Books', 20.00, '1.jpg', 1);
INSERT INTO `products` VALUES (2, 'Javascript Books', 10.00, '2.jpg', 1);
INSERT INTO `products` VALUES (3, 'ASP Books', 100.00, '3.jpg', 1);

db.php

Edita este fichero para configurar tus credenciales de la base de datos:
<?php
define('DB_SERVER', 'localhost');
define('DB_USERNAME', 'username');
define('DB_PASSWORD', 'password');
define('DB_DATABASE', 'database');
$connection = mysqli_connect(DB_SERVER,DB_USERNAME,DB_PASSWORD,DB_DATABASE);
?>

index.php

Contiene el código PHP necesario para modificar los registros de la tabla y mostrar el número actual en el fichero. También en el fichero, utilizamos cookies para escapar de aquellos likes y dislikes invalidos.
El archivo principal muestra el listado de productos y los botones de like:
<?php
session_start();
include("db.php");
if(!isset($_SESSION['user']))
{
    $_SESSION['user'] = session_id();
}
$uid = $_SESSION['user'];  // set your user id settings

$query  = "SELECT * FROM  `products`"; // products list
$res    = mysqli_query($connection,$query);
while($row=mysqli_fetch_array($res))
{
    // get likes and dislikes of a product
    $query = mysqli_query($connection,"select sum(`like`) as `like`,sum(`unlike`) as `unlike` from `likes` where pid = ".$row['id']);
    $rowCount = mysqli_fetch_array($query);
    if($rowCount['like'] == "")
        $rowCount['like'] = 0;
        
    if($rowCount['unlike'] == "")
        $rowCount['unlike'] = 0;
        
    if($uid == "") // if user not loggedin then show login link on like button click
    {
        $like = '
            <input onclick="location.href = 'login.php';" type="button" value="'.$rowCount['like'].'" rel="'.$row['id'].'" data-toggle="tooltip"  data-placement="top" title="Login to Like" class="button_like" />
            <input onclick="location.href = 'login.php';" type="button" value="'.$rowCount['unlike'].'" rel="'.$row['id'].'" data-toggle="tooltip" data-placement="top" title="Login to Unlike" class="button_unlike" />';
    }
    else
    {
        $query = mysqli_query($connection,"SELECT * from `likes` WHERE pid='".$row['id']."' and uid='".$uid."'");
        if(mysqli_num_rows($query)>0){ if already liked od disliked a product
            $likeORunlike = mysqli_fetch_array($query);
            // clear values of variables
            $liked = '';
            $unliked = '';
            $disable_like = '';
            $disable_unlike = '';
            
            if($likeORunlike['like'] == 1) // if alredy liked then disable like button
            {
                $liked = 'disabled="disabled"';
                $disable_unlike = "button_disable";
            }
            elseif($likeORunlike['unlike'] == 1) // if alredy dislike the disable unlike button
            {
                $unliked = 'disabled="disabled"';
                $disable_like = "button_disable";
            }
            
            $like = '
            <input '.$liked.' type="button" value="'.$rowCount['like'].'" rel="'.$row['id'].'" data-toggle="tooltip"  data-placement="top" title="Like" class="button_like '.$disable_like.'" id="linkeBtn_'.$row['id'].'" />
            <input '.$unliked.' type="button" value="'.$rowCount['unlike'].'" rel="'.$row['id'].'" data-toggle="tooltip" data-placement="top" title="Un-Like" class="button_unlike '.$disable_unlike.'" id="unlinkeBtn_'.$row['id'].'" />
            ';
        }
        else{ //not liked and disliked product
            $like = '
            <input  type="button" value="'.$rowCount['like'].'" rel="'.$row['id'].'" data-toggle="tooltip"  data-placement="top" title="Like" class="button_like" id="linkeBtn_'.$row['id'].'" />
            <input  type="button" value="'.$rowCount['unlike'].'" rel="'.$row['id'].'" data-toggle="tooltip" data-placement="top" title="Un-Like" class="button_unlike" id="unlinkeBtn_'.$row['id'].'" />
            ';
        }
    }
        
    $HTML.='
        <li> <img src="images/'.$row['image'].'" class="">
            <h4 class="">'.$row['product_name'].'</h4>
            <div class="product-price">
                <span class="normal-price">$'.$row['price'].'</span>
            </div>
            <a href="#" class="btn btn-default navbar-btn" >Buy Now</a>
            <div class="grid">
                '.$like.'
            </div>
        </li>';
}
?>
<!doctype html>
<head>
    <title>Create Like & Unlike System in PHP MySQL and jQuery [Improved] | PHPGang.com</title>
    <meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
    <script type="text/javascript" src="jquery-1.8.0.min.js"></script>
    <script type="text/javascript" src="script.js"></script>
    <link href="style.css" rel="stylesheet" type="text/css" />
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
  </head>
  <body>
  <div class="container">
    <div class="row">
    <h1>Shopping store</h1>
        <div class="col-sm-12 col-md-12">
            <ul class="thumbnail-list">
            <?php echo $HTML; ?>
            </ul>
        </div>
    </div>
</div>
  </body>
</html>
Para enviar la acción del botón de like (o dislike) utiliza el código de abajo:
<?phpif($_POST)
{
    $pid    = mysqli_real_escape_string($connection,$_POST['pid']);  // product id
    $op     = mysqli_real_escape_string($connection,$_POST['op']);  // like or unlike op
    

    if($op == "like")
    {
        $gofor = "like";
    }
    elseif($op == "unlike")
    {
        $gofor = "unlike";
    }
    else
    {
        exit;
    }
    // check if alredy liked or not query
    $query = mysqli_query($connection,"SELECT * from `likes` WHERE pid='".$pid."' and uid='".$uid."'");
    $num_rows = mysqli_num_rows($query);

    if($num_rows>0) // check if alredy liked or not condition
    {
        $likeORunlike = mysqli_fetch_array($query);
    
        if($likeORunlike['like'] == 1)  // if alredy liked set unlike for alredy liked product
        {
            mysqli_query($connection,"update `likes` set `unlike`=1,`like`=0 where id='".$likeORunlike['id']."' and uid='".$uid."'");
            echo 2;
        }
        elseif($likeORunlike['unlike'] == 1) // if alredy unliked set like for alredy unliked product
        {
            mysqli_query($connection,"update `likes` set `like`=1,`unlike`=0 where id='".$likeORunlike['id']."' and uid='".$uid."'");
            echo 2;
        }
    }
    else  // New Like
    {
       mysqli_query($connection,"INSERT INTO `likes` (`pid`,`uid`, `$gofor`) VALUES ('$pid','$uid','1')");
       echo 1;
    }
    exit;
}
?>
Fuente: phpgang.com

Comentarios

Publicar un comentario

Entradas populares de este blog

5-ESTRUCTURA CONTROL DE DECISIÓN-CON SCRATCH

Imagen
Estructuras de control en Scratch, condicionales En esta lección vamos a empezar con las sentencias más simples pero quizás, las más utilizadas. Las estructuras de control en Scratch, condicionales, nos permiten tomar decisiones en el código siempre y cuando se cumpla una condición. Gracias a los operadores podremos decidir que hacer. Dependiendo del resultado ejecutará un código u otro. Existen cuatro tipos de condicionales: Simples Dobles Múltiples Estos tres tipos de condicionales se construyen a partir de dos bloques dentro de Scratch. En los lenguajes de programación de alto nivel existen 3 sentencias para generar nuestras condiciones, IF, ELSE, ELSE IF. La sintaxis dependerá del lenguaje de programación. Aunque en Scratch no existe Estos bloques los vamos a encontrar en la categoría de Control. bloques-control-condicionales Comenzamos viendo las sentencias más sencillas. Observe con atención la forma de la condición dentro del bloque de decis
Leer más

5- ESTRUCTURA DE CONTROL DE DECISIÓN EN PSEINT

Las estructuras en Pseint se dividen en condiciones y repetitivas: Condicionales  Condicional Si-Entonces      La secuencia de instrucciones ejecutadas por la instrucción Si-Entonces-Sino depende del valor de una condición lógica.       Si <condición>             Entonces                  <instrucciones>              Sino                    <instrucciones>       FinSi     Al ejecutarse esta instrucción, se evalúa la condición y se ejecutan las instrucciones que correspondan: las instrucciones que le siguen al Entonces si la condición es verdadera, o las instrucciones que le siguen al Sino si la condición es falsa. La condición debe ser una expresión lógica, que al ser evaluada retorna Verdadero o Falso.     La cláusula Entonces debe aparecer siempre, pero la cláusla Sino puede no estar. En ese caso, si la condición es falsa no se ejecuta ninguna instrucción y la ejecución del programa continúa con la instrucción siguiente.    El ejemplo Triangulo lee la
Leer más

Desarrollos de Scratch para robótica

Imagen
Desarrollos de Scratch para robótica, Enchanting y S4A - Enchanting: Scratch para Lego Mindstorms NXT SOFTWARE - Software educativo Sergio González Moreau-k idatzia Astelehena, 2011(e)ko azaroa(r)en 07-(e)an 22:45etan Artikuluen aurkibidea MONOGRÁFICO: Desarrollos de Scratch para robótica, Enchanting y S4A Introducción Enchanting: Scratch para Lego Mindstorms NXT Scratch for Arduino (S4A) Enlaces Orri guztiak JPAGE_CURRENT_OF_TOTAL Enchanting: Scratch para Lego Mindstorms NXT Introducción Enchanting está desarrollado por Clinton Blackmore, cabeza visible de la asociación Southern Alberta Robotics Enthusiasts(SABRE) de Canadá, junto con un grupo de colaboradores que se encargan por ejemplo de temas como el de instalación, audio o conexión por bluetooth con el ladrillo NXT. La página web de esta asociación, http://robotclub.ab.ca , contiene un apartado específico para el programa, http://enchanting.robotclub.ab.ca/ , y además nos permite conocer las iniciativas y trabajos que lleva
Leer más