wilan10

En este tutorial veremos como consultar o visualizar los datos de nuestra base de datos, en el navegador. Para ello necesitaremos las siguientes herramientas, tener instalado algún programa como: WAMP, XAMP o AppServ. Si no lo tienes da click en los enlaces para descargarlo. Trabajaremos sobre el patrón MVC (Modelo, Vista, Controlador). Dividiremos nuestra aplicación en los tres componentes mencionados anteriormente. El modelo se encargará de recuperar la información de la Base de Datos, es aqui donde tendremos todas, las clases y funciones de nuestra aplicación. La vista representa, la interfaz gráfica de nuestra aplicación, es decir lo que vamos a ver en el navegador, son los campos de texto, datos que nos arroje nuestra consulta, botones entre otros. El controlodor sera el puente de comunicacion entre la vista y el modelo, es decir todas las peticiones que el usuario atravez de la vista le pida a la aplicacion pasan por el controlador, este a su vez se comunica con el modelo, este de acuerdo a las peticiones realiza las instruciones y las envia al controlador, y el controlador las envia a la vista que es lo que finalmente el usuario puede ver, que es el resultado. Luego de explicar el patron de diseño que utilizaremos, empezaremos a explicar el contenido y/o pasos para implementar nuestra aplicacion en un servidor local o remoto. Crearemos nuestra base de datos que se llamará usuarios y la cual tendrá la tabla personas el cual contiene los siguientes campos: codigo, nombres, apellidos, telefono y ciudad. El script de esta tabla se encuentra en el archivo de descarga de nuestra aplicación. Contenido de la carpeta conexion Dentro de la carpeta conexion, hay un solo archivo que es conexion.php. Este archivo se encargará de conectarse a nuestra base de datos mysql, por medio del lenguaje PHP. Archivo conexion.php El contenido del archivo conexion.php, es una clase que en PHP se definide como class, y la cual hemos llamado Conexion. Las variables que declaramos son: $ruta, $usuario, $contrasena y $baseDatos. Creamos el constructor de la clase el cual se llama igual function Conexion() y dentro de este le asginamos el tipo de variable y su valor correspondiente. En esta caso las tengo definidas como: si estas trabajando localmente los mas comun es $ruta="localhost", pero si estas trabajando en un servidor remoto, simplemente debes poner el que te provea tu host. $usuario esta variable se le asigna el valor del usuario de esta base de datos, si es local el mas comun es root, si es remoto, el que te provea tu host, $contrasena es la contraseña que le hayas asignado, en este caso como no le he asignado contraseña la dejaremos en blanco, y por ultimo $baseDatos es la base de datos a la que vamos a conectar nuestra aplicacion, cmo dijimos que era usuarios, le pondremos a esta, si estas trabajando remotamente, es comun que aparte del nombre que le pongamos a nuestra base de datos, le agregue otros caracteres como por ejemplo: a123456_personas. Ahora sigue el metodo o funcion conectarse(), dentro de esta funcion creamos una variable la cual almacenara los datos de nuestra conexion, con el metodo mysql_connect de PHP, lo que hacemos es crear una conexion, el cual le pasamos como parametro, los datos de nuestras variables declaradas globalmente, es decir "localhost", "root" y contraseña en este caso vacio, la funcion die lo que hace es detener nuestro aplicacion y le pasamos como parametro otra funcion de PHP mysql_error(), el cual nos mostrara el mensaje de error y nos dira por que la conexion no se pudo establecer. Luego con un condicional if, al que le pasamos $conectarse, es decir el resultado de la operacion de la conexion, si el resultado nos devuelve true o verdadero, la conexion fue exitosa sino retornará error. Nota: Investigando sobre la funcion mysql_connect(), PHP en su pagina oficial desaconseja el uso de esta funcion, en su lugar recomienda usar mysqli_connect(), de igual manera les dejo como quedaria usando cualquiera de las dos funciones, simplemente descometan o comentan cual quiere usar. Si quieren dejarlo con mysql_connect(), entonces comentarean la line en la cual se encuentra mysqli_connect(), pero si la quieren dejar con esta ultima entonces comentarean la linea en que se encuentra mysql_connect(), y la linea donde se encuentra la funcion mysql_select_db(). Contenido de la carpeta modelo Esta carpeta contiene también un único archivo llamado consulta.php, el cual también contiene una clase llamada Consulta. Lo primero que hacemos es hacer un require es decir que vamos a utilizar todo lo que contenga el archivo conexion.php, para despues utilizarlos. Estel también tiene variables declaradasy su constructor, desntro de este constructor, a las variable $conexion lo que hacemos es crear una instancia de esa clase Conexion, es decir podremos usar todas las funciones y variables de esta clase. Luego en $conn como dijimos antes le pasamos la variable $conexion y este a su ves utiliza la funcion conectarse() que esta en la clase Conexion() del archivo conexion.php. Luego esta la función listar(), que lo que hace es una consulta a la base de datos usuarios y mas exactamente a la tabla personas. La función de PHP mysql_query(), lo que hace es ejecutar esa consulta "select * from personas", y la almacena en la variable $rs, luego lo retornamos con un return que es otra funcion de PHP. Luego mostramos los datos en una tabla. Contenido de la carpeta controlador Esta carpeta contiene un archivo llamado controlador.php, el cual como dijimos antes es el que responde a las peticiones del usuario, lo que hace es que cuando presione el boton Consultar, este se redirecciona hacia el controlador y este por medio del metodo header de PHP, lo redirecciona y le pasa un dato por URL GET visualizar y le asignamos un valor en este caso si, y nos llevara a la vista de nuevo y este mostrara los datos de la consulta. Contenido de la carpeta vista Esta carpeta contiene el archivo vista.php, el cual en si es código HTML, es una interfaz simple, con un botón Consultar el cual al presionar nos mostrará los datos de la base de datos. Descarga el código fuente: Opcion 1. Opcion 2. Importante: Este post y/o tutorial es completamente de mi autoria, puede ser reproducido siempre y cuando se cite la fuente de informacion, el codigo es GNU. Si te gustó o te resultó utli deja puntos. Cualquier duda o comentario con gusto lo atenderé y responderé. ¿Quieres mas tutoriales? Java, PHP, AJAX, CSS, HTML, JQuery, JavaScript, MySQL, Javame Visita: http://codigoweblibre.comli.com http://codigoweblibre.wordpress.com/

En el siguiente tutorial, veremos como se pueden eliminar datos de una base de datos MySQL, utilizando el lenguaje PHP. Base de Datos – MySQL La base de datos que utilizaremos será personas, el cual tendrá una tabla llamada usuarios, con los campos: codigo, nombres, apellidos, telefono y ciudad. Carpeta Conexión: El archivo conexión.php, este es el que se conectará a nuestra base de datos “personas”. Este archivo siempre va a ser el mismo en nuestros tutoriales, simplemente si queremos conectarnos a otra base de datos, los datos de la conexión cambian. La función conectarse(), tiene 2 tipos de conexiones, por recomendación utilizaremos el tipo de conexión 2, ya que según la pagina oficial de PHP, la función mysql_connect() esta desaconsejada, sin embargo, de acuerdo a tu criterio, elige cual vas a utilizar. Carpeta Modelo: El archivo eliminar.php es el que tendrá nuestras funciones de eliminar los datos y que requiere del archivo conexión, para saber a que base de datos nos vamos a conectar. Dependiendo del tipo de conexión que elegiste también las funciones de PHP cambian, es decir si elegiste el tipo de conexión 1, simplemente tienes que quitar los comentarios (“//”) de las funciones de tipo de conexión 1, que en el archivo están especificadas y agregar comentarios a las funciones del tipo de conexión 2. Nota: Para agregar un comentario en PHP es // ó /* */. La diferencia es que el primero, es un comentario de línea y el otro puedes encerrar el código que quieres comentar. Ejemplo: //echo “¡Hola Mundo!”; y el otro puede ser /* echo “¡Hola Mundo!”; */ Carpeta Vista: El archivo index.php será nuestra interfaz grafica de usuario, es decir los que vamos a ver en el navegador. Carpeta Controlador: El archivo controlador que nos servirá de puente de comunicación entre el modelo y la vista. Explicación de la aplicación: Lo que hace la aplicación es, cuando ingresamos el código del usuario en el campo de texto, y luego presionamos el botón eliminar, este a través del atributo action de la etiqueta form de HTML, este se re direcciona a la pagina controlador, luego es en el controlador, donde si cumple la condición, si presiono el botón eliminar, este ejecuta la función eliminarDatos() del archivo eliminar.php, y le pasamos como parámetro el código que ingresó en el campo de texto del index.php. Luego dentro de la función eliminarDatos(), del archivo eliminar.php, ejecutamos la consulta, y hay una condición donde simplemente verifica si se ha eliminado el dato o no, y dependiendo de esta condición, muestra una alerta y nos redirecciona nuevamente al index.php. Descarga el código fuente Opcion 1 . Opcion 2 . Importante: Este post y/o tutorial es de mi autoria. Si te gustó o te resultó utli deja puntos. Cualquier duda o comentario con gusto lo atenderé y responderé. ¿Quieres mas tutoriales? Java, PHP, AJAX, CSS, HTML, JQuery, JavaScript, MySQL, Javame Visita: http://codigoweblibre.comli.com/

En el siguiente tutorial que consta de 2 videos de mi canal oficial de youtube codigoweblibre, explicamos como se realizo el juego Triqui o Tres en rayas en JavaScript, , es para 2 jugadores, no contra la maquina. . Parte 1 del Video link: https://www.youtube.com/watch?v=r6fQKYK9VJc Parte 2 del Video link: https://www.youtube.com/watch?v=pWLCm7qi-tE Demo: http://codigoweblibre.comli.com/demos/javascript/triqui_js/vista/index.html Descargar el codigo fuente del juego: Opción 1: http://codigoweblibre.comli.com/index.php/javascript/15-juego-triqui-o-tres-en-rayas-en-javascript Opción 2: http://codigoweblibre.wordpress.com/2012/12/08/juego-triqui-o-tres-en-rayas-en-javascript/ Importante: Este post, video y tutorial es de mi autoria. Si te gustó o te resultó utli deja puntos. Cualquier duda o comentario con gusto lo atenderé y responderé. ¿Quieres mas tutoriales? Java, PHP, AJAX, CSS, HTML, JQuery, JavaScript, MySQL, Javame Visita: http://codigoweblibre.comli.com http://codigoweblibre.wordpress.com/

El siguiente tutorial, es corto y sencillo, pero muy importante saber al momento de proteger información, valiosa en nuestra páginas o aplicaciones. Se trata sobre proteger los datos mediante el algoritmo de encriptación MD5, en este caso de PHP, para proteger, por ejemplo contraseñas, información financiera etc. La aplicación que realizaremos hoy será un pequeño campo de texto, en el cual ingresaremos una palabra o cadena de caracteres, números lo que sea, y lo que esta realizará será encriptarla con la función md5("cadena" ) de PHP. Es fácil de utilizar puesto que recibe como parámetro el dato a encriptar y este nos retornará el dato ya encriptado. Código: Cuando presionamos el boton "Encriptar", como es de tipo submit, nos recargará la página, luego capturamos el valor del campo de texto por POST, el nombre del campo de texto, es el que capturamos con POST, lo encriptamos con md5(POST), y lo mostramos en pantalla. Demo y código fuente aquí. Si te gustó o te resultó utli deja puntos. Cualquier duda o comentario con gusto lo atenderé y responderé. ¿Quieres mas tutoriales? Java, PHP, AJAX, CSS, HTML, JQuery, JavaScript, MySQL, Javame Visita: http://codigoweblibre.tk

Titulo completo: Subir Archivos al Servidor con AjaxUpload , PHP, JQuery - Versión 2 Hola, de nuevo otro tutorial de AJAX, sinceramente una de mis tecnologías favoritas, en cuanto a la web. En este tutorial les traigo una versión mejorada de una antigua aplicación que publique hace tiempo, y en vista de que ha sido muy descargada he decidido mejorarla (aquí la versión 1). Esta vez entraré en detalle sobre las mejora y/o cambios que he hecho, puesto que lo demás esta explicado en el primer tutorial. Base de datos: La anterior aplicación no tenía BD, puesto que simplemente subíamos archivos al servidor, esta vez ademas de subir, registraremos y consultaremos los datos y la imagen subida. El script de la BD, viene el código fuente de descarga. Vista: Ademas de subir los archivos, tendremos los campos donde ingresaremos los datos, una vez ingresados, y después de adjuntar la imagen, presionamos el botón registrar. Este atravez del action del formulario nos redirecciona al archivo controlador.php. Controlador: En este archivo realizamos 2 cosas, primero aquí se reciben los datos de la imagen subida, nombre, tipo, tamaño, ademas de mover la imagen en la ruta especificada. La segunda es cuando registramos en la BD, validamos que presionó el botón registrar, y que haya adjuntado una imagen, si es así entonces registra en la BD, nos redirecciona a la página principal y muestra la imagen y los datos ingresados. Como ven la aplicación ha sufrido cambios específicos, que de seguro les resultará muy util. Obviamente tiene mas cosas, pero ya queda al lector echarle un ojo a lo que tiene . Demo y código fuente aquí. Si te gustó o te resultó utli deja puntos. Cualquier duda o comentario con gusto lo atenderé y responderé. ¿Quieres mas tutoriales? Java, PHP, AJAX, CSS, HTML, JQuery, JavaScript, MySQL, Javame Visita: http://codigoweblibre.tk

En este tutorial aprendermos a crear reportes de datos de nuestra base de datos MySQL en PDF, con la libreria TCPDF, y PHP. Conexion: Sera nuestro archivo conexion.php que nos conectará a la base de datos, en este caso la llamaré personas, que contiene la tabla usuarios con los campos: codigo, nombres, apellidos, telefono y ciudad. Modelo: Es donde se encuentran nuestra clase consulta con su funciones: registrarUsuario y reportePdfUsuarios, la primera funcion, nos registrará los datos que ingresemos en el formulario a nuestra base de datos y el segundo, consultará esos datos, ya con la libreria TCPDF, podremos visualizarlos pero en formato pdf, en nuestro navegador. Control: En esta carpeta se encuentra el archivo controlador.php, que recibirá los datos que ingresemos en el formulario para registrar un usuario, aqui invocamos al la funcion registrarUsuario(), de la clase consulta del archivo consulta.php, y le pasamos como parametro los datos recibidos del formulario. Vista: Sera el archivo que visualizaremos en nuestro navegador, el cual contiene el formulario de regisytro y desde donde podremos generar el reporte. tcpdf: En esta carpeta estan todos los archivos necesarios para poder generar el reporte, creado por tcpdf.org, es una libreria util y muy completa. data_base: Aqui tenemos el script de nuestra tabla usuarios. Demo y código fuente aquí. Si te gustó o te resultó utli deja puntos. Cualquier duda o comentario con gusto lo atenderé y responderé. ¿Quieres mas tutoriales? Java, PHP, AJAX, CSS, HTML, JQuery, JavaScript, MySQL, Javame Visita: http://codigoweblibre.blogspot.com

Exportar datos de una BD MySql a Pdf con tcpdf y fpdf en CodeIgniter En el siguiente post veremos como exportar los datos que tengamos en nuestra base de datos MySql, en formato pdf, para ello utilizaremos las librerías libres (free) fpdf y tcpdf. Para ello utilizaremos también el framework codeigniter, para este tutorial la versión 2.1.3. Aquí el vídeo. link: http://www.youtube.com/watch?v=JQsn3yvmqJ0 Descarga el código fuente aquí. Si te gustó o te resultó utli deja puntos. Cualquier duda o comentario con gusto lo atenderé y responderé. ¿Quieres mas tutoriales? Java, PHP, AJAX, CSS, HTML, JQuery, JavaScript, MySQL, Javame Visita: http://codigoweblibre.blogspot.com

En el anterior articulo habíamos aprendido ha crear elementos HTML, como Botones de tipo (type) "Button" y "Submit" campos de texto, campos de tipo password, radio, select, checkbox, color, file, textarea, label. En este articulo ademas de crearlos ahora los vamos a eliminar o remover. La función de JavaScript que nos permite hacer esto es removeChild(elemento). ¿Cómo funciona? Es sencilla y simple de utilizar, el parámetro que recibe es el elemento que vamos a eliminar un campo, un botón, un select ... entre otros. Pero como todos sabemos, nuestro campo tiene un identificador (id), y ese lo obtenemos con el document.getElementById(id_elemento); antes de pasarlo a la función removeChild(elemento), debemos primero saber cual es el padre del nodo o elemento, que vamos a eliminar y para eso utilizamos la función parentNode. Ahora después de que sabemos cual es el elemento padre, si le pasamos el elemento que vamos a eliminar. Todo esto que estamos haciendo, lo que hacemos es manipular o alterar el DOM (Document Object Model -Modelo de Objetos de Documento). Aquí te dejo un vídeo sobre el tema tratado. link: http://www.youtube.com/watch?v=xwB3cWQJ2KM Vídeo por codigoweblibre Pero como en la practica es como se aprende aquí te dejo el código fuente y el demo para que entiendas que hacemos, como lo hacemos y los resultados que obtenemos. Demo y Código fuente aquí. Si te gustó o te resultó utli deja puntos. Cualquier duda o comentario con gusto lo atenderé y responderé. ¿Quieres mas tutoriales? Java, PHP, AJAX, CSS, HTML, JQuery, JavaScript, MySQL, Javame Visita: http://codigoweblibre.blogspot.com

Tutorial sobre como registrar datos, con AJAX, a una base de datos MySQL. Utilizando AJAX, PHP, HTML, Javascript y MVC Link del tutorial y código fuente aquí. ¿Quieres mas tutoriales? Java, PHP, AJAX, CSS, HTML, JQuery, JavaScript, MySQL, Javame Visita: http://codigoweblibre.blogspot.com Si te gustó o te resultó utli deja puntos. Cualquier duda o comentario con gusto lo atenderé y responderé.

Titulo Completo: Tutorial Registrar, Consultar, Modificar y Eliminar registros de una Base Datos MySQL - PHP - AJAX En este video podemos observar como gestionar los datos ingresados en una base de datos MySQL. Lenguajes utilizados PHP -AJAX y JavaScript. link: http://www.youtube.com/watch?v=0wFWP6kKXJk Demo y código fuente aquí. Si te gustó o te resultó utli deja puntos. Cualquier duda o comentario con gusto lo atenderé y responderé. ¿Quieres mas tutoriales? Java, PHP, AJAX, CSS, HTML, JQuery, JavaScript, MySQL, Javame Visita: http://codigoweblibre.blogspot.com