Libro de Visitas: Flash + Php + MySql

...sErGiO... — Tue, 14 Mar 2006 14:58:54 +0000

1.- Introducción

El objetivo de este tutorial es la creación de un pequeño sistema que desde flash permita la lectura e insercción de datos en una tabla de una Base de datos. Para ello intentaremos crear un pequeño libro de visitas en el cual podamos insertar comentarios y leer los ya existentes.

La idea de este tutorial, no es otra que la de ser un recurso didactico más para aprender a combinar php y mysql con actionscript. En ningún momento tengo como objetivo el de proporcionar un libro de visitas ya hecho a medida, y para que este tutorial sirva de guía se recomienda tener unos conocimientos mínimos de php y actionscript. Además se recomienda tener unas nociones básicas de sql, o por lo menos saber lo que es.

Para poder hacer pruebas y realizar el libro de visitas, es necesario disponer de un servidor que tenga php y mysql instalado.

Un ejemplo final adaptado de este tutorial podría ser este: Libro Visitas

2.- Creación de la Base de datos (MySql)

En este caso tan sólo voy a utilizar una tabla y contendrá la siguiente estructura:

TABLA	SQL
	CREATE TABLE libro_visitas ( id INT(11) NOT NULL AUTO_INCREMENT, nombre VARCHAR(100) NULL, email VARCHAR(250) NULL, mensaje TEXT NULL, fecha DATETIME NULL, PRIMARY KEY(id) );

Para la creación de la única tabla que necesitamos, utilizaremos phpMyAdmin que no debería de suponer ninguna compliación, ya que podremos crear nuestra tabla mediante el script sql que hay más arriba o mediante las funciones que ofrece el interface de phpMyAdmin..

Sí se piensa utilizar los scripts php que se encuentran más abajo, es importante que se mantenga la estructura de la tabla tal como se indica arriba, con los mismos nombres de columnas y tipos..

3.-Operaciones con la Base de datos (Php)

Para recuperar los datos se optará por obtener los datos mediante php, y generando un archivo xml que más tarde se leerá desde flash mediante los métodos predefinidos del objeto LoadVars que incorpora Flash.

En cuanto a la insercción tendremos un archivo php que recibirá una serie de variables y mediante una consulta sql realizará la insercción de dichas variables en nuestra tabla de la base de datos.

3.1.-Lectura de registros

Para la lectura de los datos, lanzaremos la siguiente consulta sql:

SQL:

SELECT * FROM libro_visitas ORDER BY fecha ASC

Con esta consulta obtendremos todos los registros que haya en la tabla libro_visitas ordenados por el campo fecha y generaremos dinámicamente mediante php un archivo xml que luego leeremos desde flash.

Este podría ser el código fuente para nuestro archivo obtener_datos.php:

PHP:

ob_start();
// Nos conectamos con la base de datos
$conexion = mysql_connect("host","usuario,"contraseña)
or die('No pudo conectarse : ' . mysql_error());
mysql_select_db("nombre_bd");
// Hacemos la consulta para obtener los datos
$sql = 'select * from libro_visitas order by fecha asc';
$consulta = mysql_query($sql,$conexion);
$n = mysql_num_rows($consulta); // Empezamos a generar el archivo xml
echo "\n\n";
// Por cada fila de la base de datos generaremos una fila en el xml
for ($i=0; $i<$n; $i++) {
$id=mysql_result($consulta, $i,'id');
$nombre=mysql_result($consulta, $i,'nombre');
$email=mysql_result($consulta, $i,'email');
$mensaje=mysql_result($consulta, $i,'mensaje');
$fecha=mysql_result($consulta, $i,'fecha');
echo utf8_encode("\t
nombre=\"$nombre\" mensaje=\"$mensaje\" fecha=\"$fecha\" />\n");
}
echo "\n";
$buffersize = ob_get_length();
header("Content-Length: $buffersize");
header('Content-type: text/xml; charset=UTF-8');
ob_end_flush();
mysql_close($conexion);
?>

**Nota: Sí se copia y se pega el código debes de sustituir los datos de conexión de tu base de datos.

Sí se ha creado la base de datos correctamente al ejecutar este php deberíamos ver la estructura de la base de datos en xml. Evidentemente si no hay datos en la base de datos, no sé verán nodos aquí, a modo de pruebas se pueden insertar registros desde phpmyadmin.

3.2.-Insercción de registros

Para la insercción realizaremos un pequeño script en php que reciba las varibles necesarias via get, para después lanzar el script sql.

Un ejemplo de insercción podría ser:

SQL:

INSERT INTO libro_visitas VALUES('', '..sErGiO..', 'mi_email@mi_email.com'', 'mi comentario', NOW());

Este podría ser nuestro código para insertar_comentario.php:

PHP:

ob_start();
// Nos conectamos con la base de datos
$conexion = mysql_connect("host","usuario","contraseña")
or die('No pudo conectarse : ' . mysql_error());
//echo 'Conexión exitosa';
mysql_select_db("nombe_bd");
// Recogemos las variables
$id=$HTTP_GET_VARS['id'];
$nombre=$HTTP_GET_VARS['nombre'];
$email=$HTTP_GET_VARS['email'];
$mensaje=$HTTP_GET_VARS['mensaje'];
// Inicializamos una variable que servirá para controlar errores
$error=0;
// Pequeña validación
if($mensaje==''){
$error=1;
}
if($nombre==''){
$nombre='Anónimo';
}
// Si todo esta correcto lanzamos el script de insercción
if ($error!=1){
$sql = "INSERT INTO `libro_visitas` VALUES('', '".$nombre."', '".$email."', '".$mensaje."', NOW());";
$consulta = mysql_query($sql,$conexion);
if ($consulta==1) {
echo '&resultado=1';
} else {
echo '&resultado=0';
}
}
$buffersize = ob_get_length();
header("Content-Length: $buffersize");
header('Content-type: text/xml; charset=UTF-8');
ob_end_flush();
mysql_close($conexion);
?>

**Nota: Sí se copia y se pega el código, debes de sustituir los datos de conexión de tu base de datos.

Sí se quiere hacer una prueba para insertar un registro bastaría con poner en el navegador:
www.tudominio.com/insertar_comentario.php?&mensaje='mensaje%20de%20prueba'

Donde: www.tudominio.com/ debe sustituirse por la dirección en donde tengas los archivos.

Sí esta pequeña prueba muestra resultado=1 la insercción se ha realizado correctamente, sino ha habido algún error.

4.-Comunicación con Flash.

Hasta el momento ya tenemos creada la base de datos y la comunicacón con ella para insertar y mostrar los datos. Ahora llega el momento de comunicar flash con los archivos php. Para ello utilizaremos el objeto LoadVars junto con sus respectivos métodos...

Para la lectura de los datos podríamos tener algo de este tipo:

Actionscript:

var datos:XML;
datos = new XML();
datos.ignoreWhite = true;
// cargo "libro_xml.php?timer="+new Date().getTime()
// para evitar problemas de cache
datos.load("obtener_datos.php?timer="+new Date().getTime());
datos.onLoad = function(success:Boolean) {
if (success) {
caja_texto.htmlText = "#ff9900">Cargando datos..";

var comentarios_xml = this.firstChild.childNodes;

var s_texto:String;

for (var i = 0; ilength; i++) {

var nombre = comentarios_xml[i].attributes.nombre;

var mensaje = comentarios_xml[i].attributes.mensaje;

var fecha = comentarios_xml[i].attributes.fecha;

var cad = " "+nombre+" dice: #cecece">"+mensaje+" "

s_texto += cad;

}

if (comentarios_xml.length<1) {

caja_texto.htmlText = " #ff9900"> No hay mensajes que mostrar  ";

} else {

caja_texto.htmlText = s_texto;

}

} else {

caja_texto.htmlText = "Error en la carga de datos..";

}

};

Y para la insercción algo así:

Actionscript:

var contenedor = new LoadVars();
contenedor.onLoad = function(exito) {
if (exito) {
if (this.resultado == 1) {
status_txt.text = "Enviado!!";
} else {
status_txt.text = "Error!!";
}
} else {
status_txt.text = "No Enviado!!";
}
};
cont_data.nombre = nombre;
cont_data.mail = email;
cont_data.mensaje = msg;
cont_data.sendAndLoad("insertar_comentario.php", cont_data, "get");

Bueno espero que este tutorial os haya servido de algo.. me sigue sin gustar como ha quedado, pero cualquier duda o aclaración, mediante los comentarios trataré de resolveroslas.

Un saludo

Blog de Sergio Álvarez Fernández » Flash & BackEnd

Libro de Visitas: Flash + Php + MySql