Saltar al contenido

Sistema de valoración con PHP y JQuery Ajax

22 marzo, 2018
Sistema de valoración con PHP y JQuery Ajax
Valorar Entrada

Sistema de valoración con PHP y JQuery Ajax. La valoración de estrellas se utiliza para darle autoridad a un artículo o producto, etc., acerca de la aceptación del mismo por parte del usuario. Esto incentivara al usuario a identificar y seleccionar los contenidos de calidad. En este tutorial, desarrollaremos un sistema de valoración con php utilizando jQuery Ajax.

Sistema de valoración con PHP y JQuery Ajax

Este ejemplo de calificación de tipo estrellas muestra las cinco estrellas por defecto, pudiendo incrementarse si lo desea. El usuario debe hacer clic para cada registro devuelto de MySQL para agregar su valoración respectiva. En este ejemplo se almacenan en la base de datos el clic que le dan los usuarios al resultado que le fascina. La calificación se puede agregar un inicio de sesión para poder identificar de manera fehaciente a cada usuario.

Sistema de valoración con PHP
Sistema de valoración con PHP

Lista de resultados con calificación y/o valoración de estrellas

Veamos cómo recuperar los datos del tutorial de la base de datos. Sin embargo tenemos que enumerarlos para asignarle una determinada calificación de estrella.

Se tiene que combinar las tablas guarda_valoracion y tutoriales y usaremos Left join para obtener como resultado la valoración de estrellas. Para cada resultado que se vea, se agregara una calificación del mismo y será visible mediante estrellas haciendo uso de jQuery. También calcula las estrellas que el usuario presiona.

La base de datos MySQL con su respectiva tabla

Para este ejemplo usaremos dos tablas llamadas guarda_valoracion y otra con el nombre tutorial.

Añadir calificación a través de JQuery Ajax

Este código jQuery muestra las funciones que se utilizan para controlar los eventos lanzados durante el proceso de adición de la valoración de estrellas.

Creación del fichero index.php

Fichero Valoracion.php para agregar/actualizar calificación de estrellas.

Estas líneas de código recibe los datos con el ID. Si el resultado ya está clasificado por el usuario, este registro se actualizará con la nueva clasificación enviada. Caso contrario, se añade un nuevo registro a la base de datos para almacenarlo.

Sistema de valoración con PHP y JQuery Ajax
Sistema de valoración con PHP y JQuery Ajax

CONCLUSIÓN

Implementar un sistema de valoración en una página web o proyecto web es muy importante. Sin embargo, de esta calificación estaremos viendo lo que opinan los usuarios y cual registro tiene más relevancia el uno del otro. Por lo tanto, de acuerdo con esta valoración podemos tomar decisiones correctas.

DESCARGA

Descargar código fuente