RSS

PDF desde PHP: Recibir datos desde la BD (5/5)

Viene lo más “difícil” del tutorial que es obtener datos desde la BD y lo que haremos primero será crearla con la siguiente estructura que se ve en la imagen. En el zip con el proyecto completo está la base de datos (.sql) para que solo la exporten, puedes descargar el proyecto completo desde mi googleDrive 😀 También puedes ver en funcionamiento el ejemplo desde aquí 😀

La base de datos se llama empleado y la tabla persona:

db

Leer más…

 
3 comentarios

Publicado por en 7 abril, 2015 en HTML2PDF

 

Etiquetas: ,

PDF desde PHP: Obtener datos con $_POST (4/5)

El formulario que tenemos es el siguiente:

formulario

Vamos a obtener los datos enviados por POST de la selección de fecha que haga el usuario. El archivo php/pdf/vistas/pdf_blanco.php le agregaremos lo siguiente para obtener estos datos y luego lo pondremos en un div como se muestra a continuación:

Leer más…

 
2 comentarios

Publicado por en 7 abril, 2015 en HTML2PDF

 

Etiquetas: , ,

PDF desde PHP: Encabezado y Pie de página (3/5)

Ahora empieza lo bueno 😀 vamos a crear el encabezado y pie de página. Cabe mencionar que estos dos tags solo se define una vez y después se pondrán automáticamente en cada hoja que se genere.

Recapitulando un poco, el archivo que está en php/pdf/pdf_blanco.php, siempre tendrá el mismo contenido y es el siguiente:

Leer más…

 
Deja un comentario

Publicado por en 7 abril, 2015 en HTML2PDF

 

PDF desde PHP: Página en blanco (2/5)

En este primera parte vamos a diseñar un index donde se nos mostrará un link que nos llevará hacia un formulario. En dicho formulario habrá algunos campos y el botón de submit, donde la única función de éste, será dar salida a un PDF con una hoja en blanco al navegador.

html2pdf_logo1_big

 

Leer más…

 
Deja un comentario

Publicado por en 7 abril, 2015 en HTML2PDF

 

Etiquetas:

PDF desde PHP: HTML2PDF (1/5)

Para los que han usado la librería FPDF para crear un PDF, se han de haber dado cuenta que tiene ciertos límites a la hora de diseñar los elementos dentro de la hoja, ya sean tablas, imágenes, etc. Además, las posiciones X-Y que son todo un dolor de cabeza.

Esta vez vamos a aprender a usar la librería HTML2PDF que sin duda, nos da más ‘libertad’ de diseño ya que usa HTML-CSS. Diseñar una tabla será de lo más sencillo, además nos quita muchos dolores de cabeza que se tenía con la librería antes mencionada.

En este primer post vamos a ver dónde descargar la librería, el árbol de directorios que usaré para el ejemplo y la explicación de lo que haremos en las siguientes entradas.

html2pdf_logo1_big

Leer más…

 
6 comentarios

Publicado por en 6 abril, 2015 en HTML2PDF, PHP

 

Etiquetas: , ,

Mini-ejemplo HTML-CSS-PHP-MySQL-JQuery (4/4)

Para terminar con el mini-ejemplo, se le agregarán algunas instrucciones al archivo ajax.js para generar una tabla con los datos recibidos en el json. En dicho json vienen dos arreglos: el que lleva el mensaje de “subido correctamente” (que se llama subido) y otro arreglo con todos los datos de la tabla (que se llama info), Aquí veremos cómo usar dos json en el ‘done’ de ajax Aquí puedes ver el ejemplo funcionamiento

ajax_blog

El código agregado es el siguiente:

Leer más…

 
Deja un comentario

Publicado por en 9 marzo, 2015 en HTML, CSS, JQUERY, PHP

 

Mini-ejemplo HTML-CSS-PHP-MySQL-JQuery (3/4)

La base de datos se llamará formulario y la tabla dentro de ella usuarios . La base de datos y todos los archivos están en el zip con el ejemplo completo. O puedes ver en funcionamiento el ejemplos desde aquí

Lo primero que se hará es escribir código en el ajax.js que estará a la espera de del evento submit y hará la petición de ajax, espero que los comentarios que dejo en el código sean de ayuda para entender el funcionamiento. (Si es el caso y quieres aportar, ya sea código o mejorar la explicación, por favor contáctame a ringhugos@gmail.com)

jqueryEn el archivo js/ajax.js contendrá lo siguiente:

Leer más…

 
Deja un comentario

Publicado por en 9 marzo, 2015 en HTML, CSS, JQUERY, PHP

 

Mini ejemplo HTML-CSS-PHP-MySQL-JQuery (2/4)

Primero se hará una maqueta en la que pondremos un header, dos sections y dentro de ellos los articles correspondientes, como se ve en el código. En el section izquierda comenzamos con el formulario que tendrá 3 campos y un botón de submit en el archivo index.php. Los 3 campos serán nombre, usuario y mail, validando éste último campo con la propiedad de HTML5. Puedes ver en funcionamiento el ejemplo desde aquí.

Vamos al código HTML5:html

Leer más…

 
Deja un comentario

Publicado por en 9 marzo, 2015 en HTML, CSS, JQUERY, PHP

 

Mini ejemplo HTML-CSS-PHP-MySQL-JQuery (1/4)

Este ejemplo que presento surge de la búsqueda en google de las siguientes palabras clave: cómo actualizar un div sin recargar la página, cómo usar json con php, obtener varias respuestas ajax, usar dos respuestas en done de ajax, crear una tabla dinámica con jquery, poner una imagen de carga con jquery. actualizar dos div con jquery. Si alguna vez has buscado alguna de estas oraciones en el buscador, espero que este ejemplo te sea de ayuda 😉

En este primer post explico en concreto lo que haremos y los pasos que seguiremos hasta obtener el ejemplo final.

technologies

 

Leer más…

 
Deja un comentario

Publicado por en 9 marzo, 2015 en HTML, CSS, JQUERY, PHP

 

Enviar mail desde local con PHPMailer

En este pequeño ejemplo podemos ver lo fácil que es enviar un mail con un archivo adjunto desde localhost usando tu cuenta de gmail para el envío.

Para tal motivo usaremos la librería PHP Mailer y un formulario usando los nuevos tags y atributos de HTML5 para hacer la validación de los campos.

Empecemos…  😀

Leer más…

 
14 comentarios

Publicado por en 4 agosto, 2014 en HTML, CSS, JQUERY, PHP

 

Etiquetas: , , , ,