HardCoding00
Usuario (México)
Hola gente, despues de un largo tiempo de vacaciones empezaremos con algo un poco diferente pero al mismo tiempo seguiremos publicando sobre php entre otros lenguajes de programación, el lenguaje sobre el que vamos hablar es Javascript Javascript es un tipo de lenguaje de programación el cual tiene como función hacer mas dinamicas las paginas web o aplicaciones. Una pagina dinamica es aquella en la que su funcionamiento depende de las acciones que realice, el usuario por ejemplo cuando presiona un boton y no ha colocado texto en una caja muestre un anuncio, aparecer y desaparecer anuncios entre otras cosas.... A diferencia de php esta es ejecutada en la parte del cliente y no en el servidor, por lo tanto no ocupamos instalar xampp para poder hacer nuestros scripts Nota Script es un programa almacenado en un archivo de texto plano, una definición sencilla XD Como todo lenguaje de programación javascript tiene sus ventajas y sus desventajas Ventajas Es un lenguaje muy seguro Es ejecutado en la parte del cliente Desventajas Todo el mundo puede ver tu codigo XD. Puede valer cabeza si desde el navegador desactivas el javascript . El codigo debe descargar completamente para ejecutarse correctamente. Aclaremos algo, si quieren historia sobre javascript comentalo y lo pondre, esto es una introduccion para ya empezar a programar en javascript Es hora de hacer el tipico programa perron XD un Hola Mundo En javascript hay maneras de programar, veremos un poco de las 3 y dire cual de las 3 me parece mejor, primero veremos la manera en la que el script se manda llamar dentro de nuestro archivo html Antes de continuar una explicacion de las funciones que utilizaremos que en este caso seria solo 1 Alert: Muestra un mensaje <html> <head><title>Programa 1</title> </head> <body> <script type="text/javascript"> alert("hola mundo" ) ; </script> </body> </html> En este primer ejemplo podemos ver que el codigo de javascript va adentro del codigo, para empezar a programar en javascript de esta manera debemos iniciar con la etiqueta script acompañada del type, los valores que se incluyen en el atributo type están estandarizados y para el caso de JavaScript, el valor correcto es text/javascript. Hablemos del funcionamiento, al abrir el sitio se mostrara un mensaje que diga "Hola mundo" <html> <head><title>Programa 1</title> <script type="text/javascript" src="js/hola.js"></script> </head> <body> </body> </html> El siguiente metodo es poner el codigo en un archivo javascript y mandarlo llamar desde el archivo html, esto se realiza mediante la etiqueta script con el type y se le agrega el src en el cual pondremos la dirección donde se encuentra el archivo js, en el archivo hola.js solo pondremos un alert el cual tenga como mensaje hola mundo <html> <head><title>Programa 1</title> </head> <body onload="alert('hola mundo' ) ;"> </body> </html> La siguiente manera en la que se puede utilizar javascript es incluyendo codigo javascript dentro de algunos elementos html, esto se hace gracias a la ayuda de los eventos en elementos html en este caso el onload XD De las 3 maneras prefiero la segunda, se me hace que le da mas limpieza al codigo al momento de programar, evitamos mezclar javascript con html, css o php. Apartir de este tutorial nos iremos metiendo un poco mas con javascript, olvidandonos de php por el momento ya que nos adentremos bien los conectaremos a ambos para hacer algo muy chingon Antes de terminar como un plus veremos un poco sobre la etiqueta noscript Algunos navegadores tienen desactivado el uso de javascript, en estos caso la etiqueta noscript nos permite mostrar un mensaje que indique al usuario que para tener un mejor funcionamiento requiere activar el javascript Ejemplo <script type="text/javascript"> alert("hola mundo" ) ; </script> <noscript> <h1>Informacion</h1> <p>Para un mejor funcionamiento favor de activar el javascript </p> </noscript> Coloca ese codigo dentro de tu pagina e intenta desactivar javascript y el resultado sera Espero y les guste Dudas o preguntas Buscanos en facebook como https://www.facebook.com/Hardcoding00 en twitter http://www.twitter.com/#!/HardCoding00 en g+ https://plus.google.com/u/0/b/108067998243519518525/108067998243519518525/posts Saludos y animo gente !!!
Hola gente de HardCoding, tardamos algo en subir nuestra nueva publicación pero decidimos realizar un tipo de dinámica la cual comentare al final, vamos a lo que mas importa, la publicación. Esta vez no hay algún tema, con los 10 tutoriales que se publicaron ya deberías ser capaz de realizar algo sencillo, poder solucionar algún problema, pero para impulsarte mas haremos un ejemplo donde se involucren varias cosas La practica sera con Empezaremos con crear un login sencillo con 2 campos, usuario y contraseña el codigo en html seria <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title></title> <link rel="stylesheet" type="text/css" href="css/style.css" /> </head> <body> <div id="wrapper"> <form method="POST"> <label>Usuario</label> <input type="text" name="usuario" /> <label>Contraseña</label> <input type="text" name="pass" /> <input type="submit" name="btnEnviar" id="btnEnviar" /> </form> </div> </body> </html> Al final quedaria algo asi Aclaro que utilice css para que se viera un poco mejor, ya que no alienta mucho ver la pantalla en blanco con solo 2 cajas de texto y un boton Lo siguiente por hacer ingresar datos y si tanto usuario como contraseña es admin entonces mostrara un mensaje en pantalla, si los datos de usuario y contraseña son iguales a algun registro en la base de datos entonces mostrara otro mensaje, la finalidad de esta practica es mostrar un ejemplo funcional de base de datos, sesiones, métodos etc.. el codigo en php sera <?php if($_POST["usuario"] != "" && $_POST["pass"] != "" { if($_POST["usuario"] == "admin" && $_POST["pass"]=="admin" { echo "si se pudo"; }else { $con = mysql_connect("localhost","root",""; if(!$con) die("Error : ". mysql_errno() . " " . mysql_error()); if(!mysql_select_db("prueba",$con)) die("Error : " . mysql_errno() . " " . mysql_error()); $consulta = mysql_query("SELECT * FROM prueba WHERE usuario ='".$_POST["usuario"]."' AND pass ='".$_POST["pass"]."'",$con); if(!$consulta) die("Error : " . mysql_errno() . " " . mysql_error()); $col = mysql_num_rows($consulta); if($col) { session_start(); $_SESSION["user"] = $_POST["usuario"]; echo "entre con base de datos"; }else { echo "usuario incorrecto"; } } } ?> Explicaremos brevemente el codigo, empieza comparando si ambos campos fueron llenados al presionar el boton de enviar, si es asi entonces verifica si ambas cajas tienen como valor admin entonces mostrara el siguiente mensaje si los valores no son esos entonces creara la conexion a la base de datos con minimas validaciones y hara una consulta la cual tenga como objetivo buscar el valor de las cajas de texto en una tabla llamada prueba de la base de datos del mismo nombre, despues con la funcion mysql_num_rows() busco saber el numero de registros que se encontraron, después comparo, si se encontró alguno entonces creo una sesión llamada user con el nombre del usuario y para finalizar muestro un mensaje que dice "entre con base de datos" en navegador se mostrara algo así Si ninguna de las 2 acciones se cumple entonces mostrara un mensaje de "usuario incorrecto" No utilice javascript, ajax,jquery,pdo,websql,webstorage, css 3, node o alguna tecnología de esas, se utilizarlas y mas adelante subiré tutoriales sobre ella, comprendo cual es mejor entre ellas y se que este formulario puede hacerse con herramientas nuevas, pero lo estoy haciendo desde lo mas básico hasta lo mas complejo, digo esto por que recibo comentarios sobre que otras cosas son mejores, son bien recibidos los comentarios pero me gustaría que comprendieran que todo esto es algo básico y se piensa crecer Ahora la dinámica que les comente es la siguiente, tenemos un login básico, que es lo que sigue ? ustedes decidanlo, comenten lo que les gustaría que se transformara estas practicas, si nadie comenta nada entonces seguiré subiendo el resto del programa que solo sera una tabla con usuario para eliminar, agregar y modificarlos, aclaro que todo sera únicamente php por lo tanto sera algo sencillo pero funcional Dudas o preguntas comentalas o mandanos un correo Si te gusto siguenos en nuestras redes sociales Buscanos en facebook como https://www.facebook.com/Hardcoding00 en twitter http://www.twitter.com/#!/HardCoding00 en g+ https://plus.google.com/u/0/b/108067998243519518525/108067998243519518525/posts Saludos y animo gente !!!
Buenas gente, este dia antes de continuar con las practicas nos meteremos con php pero con un paradigma diferente, veremos un poco de poo (programacion orientada a objetos) El lenguaje de programacion sera Antes de empezar con codigo daremos una breve introduccion sobre este paradigma entre otras cosas La programación orientada a objetos o tambien conocida como POO es un paradigma de programación muy utilizado el cual tiene como caracteristicas la herencia,encapsulamiento, polimorfismo, abstracción, acoplamiento entre otras. Un paradigma de programación es la visión y los métodos que utiliza un programador al momento de desarrollar un programa, uno de los mas utilizados es el orientado a objetos, pero con la llegada de la programación orientada a aspectos veremos que pasa =) Después de esta breve introducción veremos la definición de un objeto Un objeto es una entidad con datos y programación propios, un objeto consta atributos los cuales representan los datos asociados a el o como también se puede decir, son las propiedades del objeto. También cuenta con métodos los cuales se encargan del comportamiento del objeto. Estos métodos y atributos están definidos por una clase, a continuación les mostrare una clase <?php class Prueba{ var $algo; <--- esto es un atributo function contenedor($variable) <--- esto es un método { $this->algo = $variable; <--- la variable this hace referencia al atributo del objeto prueba que es donde se llama el metodo } function imprimir() { echo $this->algo; } } ?> Esta es la manera en la que se crea una clase básica, mas adelante veremos los constructores y sobre atributos privados y públicos.... esto es solo una introducción de lo que es la programación orientada a objetos en php, por que luego comentan que asi no se hace un objeto y cosas de ese tipo.... Ahora para utilizar la clase ocupamos instanciar la clase, para realizarlo debemos hacer esto $prueba = new Prueba(); de esta manera se crea el objeto, o se instancio un objeto de la clase prueba Para llamar uno de los metodos de nuestra clase se realiza lo siguiente $prueba->contenedor("Hola mundo" ) ; Podemos notar los caracteres "->" estos nos sirven para acceder a los metodos y atributos de la clase Ejemplo $prueba->contenedor("hola mundo" ) ; <--- acceder al metodo contenedor $prueba->algo; <--- acceder al atributo algo Continuando con el codigo, al momento de llamar el método contenedor debemos mandarle un valor, en este caso mandamos la cadena Hola mundo lo siguiente sera llamar el método imprimir el cual tiene como objetivo imprimir el valor del atributo valor =) $prueba->imprimir(); El resultado final seria un hola mundo en la pantalla, te dejo el codigo completo sin comentarios <?php class Prueba{ var $cosa; function contenedor($variable) { $this->cosa = $variable; } function imprimir() { echo $this->cosa; } } $prueba1 = new Prueba(); $prueba1->contenedor("hola mundo" ) ; $prueba1->imprimir(); ?> Vuelvo aclarar, este es un ejemplo muy básico de programación orientada a objetos de php, planeo ir avanzando en cuanto a su programación y fusionarlo con las practicas, como por ejemplo realizar una conexión a la base de datos con una clase, con herencia y otras características de la POO, yo se que faltan declarar públicos o privados los atributos, métodos entre otras cosas. Tambien publicaremos las partes restantes de la practica, para que funcione al 100 y luego empezar a meterle seguridad entre otras cosas. Espero y les guste Dudas o preguntas Buscanos en facebook como en twitter en g+ Saludos y animo gente !!!
Hola gente, seguimos con los tutoriales de php, veremos un poco de los niveles de acceso en las clases, metodos y atributos entre otras cosas =) empecemos Esta es la continuacion del tutorial numero 11, te dejo el link ya que para mejor entendimiento utilizaremos la clase que creamos en el ejemplo anterior =) http://www.taringa.net/posts/linux/15481380/Tutorial-PHP---Parte-11.html Antes que nada vermos los niveles de acceso =) En las clases los niveles de acceso mas comunes son: Public Los elementos declarados como Public pueden ser utilizados tanto dentro como fuera de la clase =) ejemplo class Prueba{ public $algo; function contenedor($variable) { $this->algo = $variable; } } $prueba = new Prueba(); $prueba->contenedor("hola mundo" ) ; echo $prueba->algo; Private Los elementos son accesibles solo dentro de la misma clase donde fueron definidos ejemplo class Prueba{ public $algo; function contenedor($variable) { $this->algo = $variable; } } $prueba = new Prueba(); $prueba->contenedor("hola mundo" ) ; echo $prueba->algo; Como resultado nos dara algo como Cannot access private property Prueba::$algo Protected Los metodos protected pueden ser utilizados desde la clase que fueron definidos al igual que de sus subclases ejemplo class Prueba{ protected $algo; function contenedor($variable) { $this->algo = $variable; } } class Otraprueba extends Prueba{ function container($variables) { $this->algo = $variables; } } $prueba = new Otraprueba(); $prueba->container("hola mundo" ) ; echo $prueba->algo; Este nivel de acceso se utiliza mas para herencia =) la cual veremos ahorita tambien Otra de las cosas es que los metodos tambien pueden tener estos niveles de acceso =) y se manejan de la misma manera, pero si quieres comentalo y haremos una publicacion de metodos y niveles de acceso con ejemplos =) Herencia La herencia consiste en definir clases dentro de otras clases, tambien se le pueden conocer como clases extendidas, cuando se aplica la herencia todos los metodos y atributos de la clase base se heredan, sin contar que se pueden definir nuevos metodos Es posible crear metodos diferentes con el mismo nombre que las clases heredadas Ejemplo de herencia Esta es solo una clase class Prueba{ function contenedor() { echo "Herencia completada"; } } Esta clase extendera la clase prueba creada arriba, para realizar la herencia solo tienes que agregar la palabra extends junto con el nombre de la clase a la cual va heredar como se ve en el siguiente ejemplo class Otraprueba extends Prueba{ function hola($variables) { $this->algo = $variables; } } $prueba = new Otraprueba(); $prueba->contenedor(); El resultado sera "Herencia completada", despues de esto veremos como realizar una conexion a la base de datos con la ayuda de una clase para tener un mejor orden =) Si hemos tardado un poco en subir publicaciones es por que se nos presento un problema y tuvimos que salir de la ciudad... Espero y les guste Dudas o preguntas Buscanos en facebook como https://www.facebook.com/Hardcoding00 en twitter http://www.twitter.com/#!/HardCoding00 en g+ https://plus.google.com/u/0/b/108067998243519518525/108067998243519518525/posts Saludos y animo gente !!!
Hola gente buenos dias, espero y esten bien, hemos estado ausentes por problemas y planeación de nuevos proyectos obviamente de hardcoding, esta vez nos meteremos en otras cosas que tienen un poco de relación con php y que me han llegado preguntas Acompañado de Lo primero que debemos hacer para empezar a trabajar es descargar las librerias necesarias las cuales se encuentra en http://www.fpdf.org/ El sitio tiene muchos ejemplos y un pequeño foro donde la gente sube sus codigos respondiendo a dudas entre otras cosas, se los recomiendo si quieren empezar a relizar archivos pdf con php Nosotros copiaremos un ejemplo de ahi y lo explicaremos, despues lo mejoraremos un poco para un mejor funcionamiento =) Antes de meterte aqui trata de tener un poco de conocimientos programacion orientada a objetos en php, visita nuestros post ya que abordamos los temas esos =) Ejemplo <?php include_once('fpdf.php'); $pdf = new FPDF(); $pdf->AddPage(); $pdf->SetFont('Arial','B',16); $pdf->Cell(40,10,'¡Hola, Mundo!'); $pdf->Output(); ?> Lo primero por hacer sera incluir la libreria a nuestro espacio de trabajo, yo lo hice con la funcion include_once acompañado de la ruta donde esta mi archivo fpdf.php despues de eso hice una variable con el nombre de pdf la cual haga una instancia a la clase FPDF, ya con eso mi objeto ya esta creado Lo siguiente sera crear una nueva pagina llamando al metodo AddPage La funcion SetFont se encarga de indicar la fuente que usaremos asi como del tamaño y su estilo =), si en algun momento queremos cambiar eso tendremos que llamar la funcion otra vez con los metodos nuevos obviamente arriba de lo que queremos imprimir en pantalla La funcion Cell tiene 8 parametros pero en este caso solo se utilizaran 3, los cuales es el ancho, el alto de la celda y el mensaje a imprimir. Para finalizar con este ejemplo mandamos llamar la funcion Output se encargar de guardar o mostrar el documento, esta tambien tiene 2 parametros que no son obligatorios En el mismo sitio viene la documentación en español para que la revisen, ese ejemplo muestra algo como Ahora sigue la forma en la que yo lo hago..... <?php include('fpdf.php'); class PDF extends fpdf{ function PDF() { $this->FPDF('P','mm','Letter'); } function Header() { $this->Cell(40,10,'¡Hola, Mundo!'); } } $PDF = new PDF(); $PDF->AddPage(); $PDF->Output(); ?> Lo primero que hago es incluir las librerias como se deben XD, lo siguiente por hacer es crear una clase con el nombre de PDF que herede todos los metodos de la libreria, esto lo hago para mejor uso, despues creo mi constructor y con este establezco el formato de la pagina que utilizare, otra de las cosas que tambien se pueden realizar en el constructor es la fecha e incluso la hora. lo siguiente es llamar la function Header la cual como su nombre lo dice es la cabecera, esta funcion se manda llamar automaticamente cuando llamamos a la funcion AddPage, cada pagina que tenga nuestro archivo pdf tendra el mismo header, tambien tenemos el Footer que tiene la misma caracteristica que el Header, lo que sigue despues de la clase ya lo habia comentado, obviamente este es un ejemplo muy sencillo, si quieren que nos metamos mas a fondo comentenlo por favor En el sitio esta un metodo para los bordes redondeados que esta muy interesante, para que se lo chequen Aclaro que este es un hola mundo de dos maneras diferentes, pdf normalmente yo lo uso para reportes en aplicaciones web, se puede utilizar base de datos e imprimir valores por si alguien tiene dudas Los metodos mas usados en esta libreria son Image: Imprime una imagen en el documento PageNo: muestra el numero de paginas que tiene el documento Line: imprime una linea Ln: realiza una salto de linea SetX: Posiciona en X Sety: Posiciona en Y SetTextColor: Establece color de la fuente Text: Imprime una cadena Write: Imprime el siguiente texto Consejo Como ya lo notaron podria decirse que hay 2 metodos para imprimir valores, el metodo que es por celdas y el metodo que puede ser por posiciones en x o en y, si utilizan el metodo de celdas apoyense de la funcion Ln para los saltos de linea, si deciden el otro metodo les recomendaria no utilizar celdas ya que podrian tener problemas al momento de querer utilizar celdas en el mismo documento Nota En navegadores como mozilla no lo visualizara sino saldra el cuadro de descarga, en chrome si se visualizara y tendra las opciones de descargar, con la funcion output pueden cambiar el nombre del archivo asi como otros parametros al momento de guardar el documento Espero y les guste Dudas o preguntas Buscanos en facebook como https://www.facebook.com/Hardcoding00 en twitter http://www.twitter.com/#!/HardCoding00 en g+ https://plus.google.com/u/0/b/108067998243519518525/108067998243519518525/posts Saludos y animo gente !!!
Hola gente, espero y esten muy bien, los tutoriales pasados vimos lo necesario de las clases para relizar una clase que conecte a la base de datos, esto ahorraria mucho tiempo al momento de programar asi como un codigo mas limpio y claro, el lenguaje obviamente sera Lo primero que realizaremos sera una clase con el nombre que ustedes gusten emi caso le llamare BDControlador, la estructura de la clase sera la siguiente <?php class DBControlador{ var $Conexion; var $Servidor; var $Usuario; var $Contra; var $BD; function DBControlador($servidor,$usuario,$contra,$bd) { $this->Servidor = $servidor $this->Usuario = $usuario $this->Contra = $contra; $this->BD = $bd; } function conectar() { if(!($con = @mysql_connect($this->Servidor,$this->Usuario,$this->Contra))) { file_put_contents('debug.txt', 'Error al Conectar con servidor mysql:'.utf8_encode(mysql_errno().": ".mysql_error()).'...'); die ('Error al Conectar con servidor mysql:'.utf8_encode(mysql_errno().": ".mysql_error()).'...'); exit(); } if(!@mysql_select_db($this->BD,$con)) { file_put_contents('debug.txt', 'ERROR: al seleccionar bd:'.utf8_encode(mysql_errno().": ".mysql_error()).'...'); die ('ERROR: al seleccionar bd:'.utf8_encode(mysql_errno().": ".mysql_error()).'...'); exit(); } $this->Conexion = $con; return true; } } ?> A continuacion explicare lo que tiene la clase La clase BDControlador tiene 5 variables, $conexion sera la que almacene el enlace de conexion, $servidor,$usuario,$contra y $bd seran aquellas que almacenen los datos necesarios para realizar una conexion basica a la base de datos, tengo mi controlador el cual tiene que recibir 4 parametros, guardo esos 4 parametros en mis variables antes mencionadas para utilizarlos en la conexion, con el metodo conectar realizo una conexion a la base de datos si me muestra algun error en un archivo de texto con el nombre debug.txt guardare el error y con el die mostrare el mensaje, puse las 2 maneras de realizarlo ustedes pueden escoger las que mas les agrade o crear otra forma Depues de conectar realizo las mismas validaciones pero ahora para seleccionar la base de datos, si no hay ningun problema tanto en conexion como en seleccion de base de datos guardare el identificador de enlace en la variable Conexion de mi clase y retornare true si todo fue exitoso. Lo siguiente por hacer sera guardar mi archivo con el nombre de mi clase acompañado .class.php, esto no es necesario pero se realiza para llevar un mejor control sobre los archivos Mi archivo se llamara conexion.class.php Lo siguiente por hacer sera crear mi clase de Cliente o Usuario la cual tendra como contenido esto <?php include_once('conexion.class.php'); class Cliente{ var $conexion; function Cliente() { $this->conexion = new DBControlador("localhost","root","","prueba" ); } function seleccion($consulta) { if($this->conexion->conectar() == true) $ejec = mysql_query($consulta); if(!$ejec) { file_put_contents('debug.txt', 'Error al Conectar con servidor mysql:'.utf8_encode(mysql_errno().": ".mysql_error()).'...'); die ('Error al Conectar con servidor mysql:'.utf8_encode(mysql_errno().": ".mysql_error()).'...'); } return $ejec; } } ?> A continuacion explicare lo que tiene clase Mi clase Cliente antes de ser creada decidi incluir la clase conexion con la funcion include_once("nombre del archivo" ) para poder trabajar con ella, lo siguiente es crear la clase con una variable llamada $conexion, esta clase sera la realice la conexion y ejecute las consultas, en mi constructor instancio la clase DBControlador y le mando los cuatro parametros que el constructor requiere para realizar la conexion, el resultado de eso lo almaceno en la variable $conexion de mi clase cliente Despues de eso creo una funcion llamada seleccion que tiene como parametro la consulta a realizar, dentro de esta funcion realizo una condicion la cual manda llamar al elemento conectar de la clase BDControlador si despues de eso el resultado es igual a true entonces realizara la consulta, si la consulta tiene algun error entonces realizara el mismo proceso que se menciono en la clase BDControlador, guardara el error en un archivo de texto, pero si esta no presenta algun error entonces regresara el resultado de la consulta Para terminar con esta clase la guardaran y si gustan agregar el .class es decision de ustedes Yo la llamare cliente.class.php Para finalizar creare una clase la cual sera la que administre todas las consultas en php y maneje los datos depende sus necesidades, A continuacion la clase <?php include_once('cliente.class.php'); $cliente = new Cliente(); $consulta = "SELECT * FROM prueba"; $resultado = $cliente->seleccion($consulta); ?> A continuacion explico la clase Antes de todo incluyo la clase cliente.class.php para poder trabajar con ella, lo siguiente es crear la clase cliente, despues creo la consulta que quiero ejecutar y la ejecuto con $cliente->seleccion($consulta) el cual se encarga de realizar la consulta y la conexion al mismo tiempo Aclaro que lo realice de la manera mas sencilla, yo utilice esta clase hace tiempo con jquery el cual recogia los request, realizaba las operaciones necesarias y devolvia los datos o un simple valor, mas adelante añadiremos un archivo mas el cual se encargara de funciones que solo pidan o que al momento de entrara a un sitio empiece a crear toda la base de datos Espero y les guste Dudas o preguntas Buscanos en facebook como en twitter en g+ Saludos y animo gente !!!
Hola gente, espero y esten bien, perdon por tanta demora es que andamos planeando un sitio para el año que entra y estamos haciendo los preparativos, El tema de hoy ser crear documentos Excel con PHP Yo siempre opto por realizar reportes con PDF pero por que no tener la opcion de crearlos tambien en un documento de excel, hay muchas maneras de hacerlo pero esta vez nos meteremos con PHPExcel Lo primero a realizar sera descargar las librerias las cuales se pueden encontrar en la pagina de http://phpexcel.codeplex.com/ Cuando descarguemos el archivo y saquemos los archivos del rar el contenido sera el siguiente En lo personal cuando utilizo este tipo de librerias en mis proyectos me gusta solo agarrar las clases y meterlas en una carpeta conel nombre de lib para tener un mejor orden en nuestros proyectos. Despues creo un archivo en php con el nombre de index, al final quedaria asi Ahora vamos a lo chingon, programar =) Meteremos un poco de programacion orientada a objetos ya que la libreria las requiere para su funcionamiento =) Lo primero que haremos sera incluir las librerias en nuestro archivo, yo utilice la funcion include_once() Haremos algo basico, despues algo que mucha gente se preguntara como hacerlo =) Si queremos que nuestro archivo de excel tenga información sobre creador, su titulo entre otras cosas lo mandaremos llamar con el getProperties() a compañado de la informacion que queramos añadir El codigo de un archivo excel estilo hola mundo seria el siguiente <?php include_once("lib/PHPExcel.php"; $prueba = new PHPExcel(); $prueba->setActiveSheetIndex(0)->setCellValue("A1","PRUEBA"; $prueba->getActiveSheet()->setTitle("Hoja de prueba"; $objWriter = PHPExcel_IOFactory::createWriter($prueba, 'Excel2007'); $objWriter->save('prueba.xlsx'); ?> A continuacion explicare el codigo acompañado de una imagen con el resultado Como dije lo primero por hacer sera incluir las librerias, lo siguiente crear la clase, la funcion setActiveSheetIndex sirve para indicarnos en que hoja vamos a trabajar... despues de eso con la funcion setCellValue indicamos la celda en la que nos posicionaremos y el contenido que agregaremos en ella... en esta caso seria la celda A1 y su contenido sera la palabra PRUEBA Lo siguiente por hacer es utilizar la funcion getActiveSheet la cual nos devolvera el valor de la hoja que estamos utilizando y cambiaremos el nombre de la hoja con la funcion setTitle como se muestra, despues de eso mandaremos llamar el IO(input output) de la libreria para que trabaje con el codigo y saque el archivo en excel... para finalizar mandaremos llamar el metodo save de la clse $objWriter para guardar el documento con el nombre que nosotros queramos NOTA Cuando utilicemos la funcion setActiveSheetIndex las cosas como cambiar titulo seran ejecutados en esa hoja ya que se convertira en la hoja activa.. No importa el orden del codigo, si se quiere que la hoja 1 sea la activa y luego la 0 no importa la ubicacion del codigo siempre y cuando los setCellValue sean llamados de la hoja que los requiera.... El resultado es el siguiente y nuestro excel mostrara Ahora veremos algo que muchos pediran.... meter registros de nuestra base de datos en nuestro excel Seguiremos el codigo anterior y le añadiremos algunas cositas de tal manera que nuestro codigo se quede asi $contador = 0; $conexion = mysql_connect("localhost","host", ""; if(!$conexion){ echo "Error al conectar a la base de datos"; } if(!mysql_select_db("prueba",$conexion)) { echo "Error al seleccionar la tabla"; } $res = mysql_query("consulta", $conexion); while($fila == mysql_fetch_array($res)) { $contador++; $prueba->setActiveSheetIndex(0)->setCellValue("A" . $contador, $fila["valor"]); <---- con esto podrias llenar toda la fila A1 al momento de que entre otro registro se cambiaria a A2 y asi =) } El contador sera de vital importancia ya que sera el encargado de hacer que el siguiente registro se pase a la siguiente columna o fila (nunca supe cual era una u otra XD), aclaro que esp osible hacer esto con el objeto de conexion antes creado =), entonces lo que hacemos es indicar la hoja activa y colocar el valor pero si lo notas en el setCellValue viene esto ("A" . $contador,$fila["valor"]); esto dice que el primer registro se colocara en A1 con el valor que tenga, el segundo registro se colocara en A2 con su valor y asi sucesivamente Bueno eso es todo, ya concluimos con php, lo siguiente sera un poco de javascript o css y tratar de ver alguna recomendaciones sobre como programar NOTA me gustaria poner los codigos fuentes pero nuestra gente de twitter, facebook y g+ no podrian verlo sin tener cuenta de taringa lo que daria entender que estamos limitandonos a solo taringa, espero su comprension =) Espero y les guste Dudas o preguntas Buscanos en facebook como en twitter en g+ Saludos y animo gente !!!
Hola gente, el día de hoy traeremos el primer tutorial completo solo para taringueros, el tema sera Instalación de Paquete Xampp - Servidor Apache php Este paquete nos ayudara al momento de instalar un servidor web apache con base de datos el cual nos facilitara el poder trabajar localmente en nuestros proyectos web Lo primero por hacer sera descargar el paquete, aqui te dejo la pagina oficial de xampp http://www.apachefriends.org/en/xampp.html El archivo puede ser descargado de dos maneras, como archivo empaquetado (Rar,Zip,7zip…etc) y como archivo instalador (.exe). Una ves descargado el archivo, buscaremos la carpeta donde esta alojado Ahora lo que haremos será, ejecutar el archivo como modo administrador (si trabajamos con Win Vista o Win7) para no tener problemas con la instalación incompleta. Ahora nos solicitara que idioma tendrá el instalador, elegiremos ‘Ingles’ y continuamos.... Cuando seleccionemos el idioma ingles, nos mostrara un mensaje de advertencia, en el cual nos específica que la UAC (User Account Control) es posible que restrinja algunas partes de la instalación, la UAC es utilizada en Windows Vista y Windows 7, éste ultimo lo tiene deshabilitado nativo, pero Vista no, eso se soluciona en la configuración de usuario. Por otro lado Windows XP no presenta este problema y es fácil de proseguir Una vez mostrada la información de UAC, iniciara el proceso de instalación, en este caso es la versión 1.7.7 una versión, de las mas actuales. Hacemos clic en Next. Ahora el asistente de instalación nos solicitara la ruta en la cual XAMPP se instalara, en mi casa deje la ruta por default (C:xampp) Nota* XAMPP requiere de al menos, de 500 MB para su instalación. Continuando con la instalación, el asistente nos mostrara unas Opciones, en las cuales nosotros podremos elegir: *Si deseamos un Icono en el Escritorio *Si deseamos que se creé una carpeta de Apache Friends en el menú de inicio. Y por utlimo *Servicio de Sección En el cual elegiremos los servicios que deseemos instalar en el ordenador, en nuestro caso será: [Instalar Apache como servicio] e [Instalar MySQL como servicio]. Hacemos clic en Instalar Se inicia la Instalación de XAMPP, esto puede tardar varios minutos... Primeras configuraciones de XAMPP en DOS: Aquí no es necesario realizara nada, XAMPP lo realizara Automáticamente. Después de un poco tiempo la instalación finalizara y haremos clic en ‘Finish’, el cual ejecutara las ultimas actualizaciones predeterminadas de XAMPP. Una vez hecho clic en Finish, XAMPP revisara rápidamente, los puertos necesarios y verificara si los servicios pueden ser utilizados con correcta funcionalidad. Si todo resulto correcto, nos mostrara la siguiente ventana, la cual nos indica que la instalación fue satisfactoria. Después del mensaje de instalación satisfactoria, nos mostrara un nuevo mensaje en el que nos indica si Deseamos iniciar el Panel del Control de XAMPP, a lo cual responderemos que SI y haremos clic en “Sí” l panel de control de XAMPP es mostrado en la parte inferior Derecha del Escritorio de Windows de esta manera. [véase la Imagen] *IMPORTANTE: Si somos observadores, veremos que los servicios de Apache (servidor web) y MySQL están funcionando correctamente (“Running”). En este sitio es donde nosotros posteriormente podremos hacer configuraciones posteriores ala instalación, este tutorial no ve más que solo la instalación por lo tanto esto será omitido. Ahora nos dirigimos al sitio donde se instalo XAMPP, si recordamos, se encontraba en C:/xampp Nos dirigimos a la carpeta htdocs localizada en c:/xampp *IMPORTANTE: htdocs es la carpeta Raiz donde deberemos ingresas nuestros proyectos web, para que un explorador web, pueda correr correctamente el sitio. Por último, en cualquier explorador WEB, en nuestro caso Chrome, escribiremos esto en la barra de direcciones: localhost/ Si todo salio bien, les mostrara la siguiente imagen, si es así, felicidades ya puedes utilizar Servidor Web Apache y MySQL! Bien chicos y chicas, hasta aquí el tutorial de instalación de XAMPP, si teneis alguna duda por favor dejadnos un comentario o enviarnos un MP, estaremos gustosos de responder si nos es posible. Buscanos en facebook como https://www.facebook.com/Hardcoding00 en twitter twitter.com/#!/HardCoding00 en g+ https://plus.google.com/u/0/b/108067998243519518525/108067998243519518525/posts Saludos y a darle gente!!
Hola gente, espero y esten bien, se que hemos tardado un poco en subir lo que resta de la practica, solo que queriamos dar un espacio para seleccionar, este tutorial realizaremos la muestra de datos con las opciones de eliminar, modificar y agregar un nuevo usuario, pero esta parte solo eliminaremos y mostraremos, espero y les guste El lenguaje de programacion sera Acompañado de En la practica anterior el login ya estaba completo, pero solo pusimos que indicara un mensaje dependiendo los datos que se registren, modificaremos un poco eso =) Agregaremos una linea, quitaremos los echo y los sustituiremos con la funcion header La funcion header sirve para enviar un encabezado en formato de cadena, es necesario que este se coloque antes de cualquier etiqueta en html Ya con el codigo implementado quedara algo como esto <?php if(isset($_POST["usuario"]) && isset($_POST["pass"])) { if($_POST["usuario"] == "admin" && $_POST["pass"]=="admin" ) { header('Location: usuarios.php'); }else { $con = mysql_connect("localhost","root","" ) ; if(!$con) die("Error : ". mysql_errno() . " " . mysql_error()); if(!mysql_select_db("prueba",$con)) die("Error : " . mysql_errno() . " " . mysql_error()); $consulta = mysql_query("SELECT * FROM prueba WHERE usuario ='".$_POST["usuario"]."' AND pass ='".$_POST["pass"]."'",$con); if(!$consulta) die("Error : " . mysql_errno() . " " . mysql_error()); $col = mysql_num_rows($consulta); if($col) { session_start(); $_SESSION["user"] = $_POST["usuario"]; header('Location: usuarios.php'); } } } ?> Despues de implementar el codigo al momento de escribir un valor de la base de datos o admin como usuario y contraseña esta mandara hacia el archivo usuarios.php el cual tendra todos los registros con opciones Empecemos con el codigo <?php session_start(); $con = mysql_connect("localhost","root","" ) ; if(!$con) die("Error : ". mysql_errno() . " " . mysql_error()); if(!mysql_select_db("prueba",$con)) die("Error : " . mysql_errno() . " " . mysql_error()); if(isset($_REQUEST["eli"])) { $query =mysql_query("DELETE FROM prueba WHERE id=" .$_REQUEST["valor"],$con); } ?> <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title></title> <link rel="stylesheet" type="text/css" href="css/style.css" /> </head> <body> <div id="wrapper"> <h2>Bienvenido <?php echo $_SESSION["user"]; ?> </h2> <table> <thead> <tr> <th>id</th> <th>Usuario</th> <th>Modificar</th> <th>Eliminar</th> </tr> </thead> <tbody> <?php $consulta = mysql_query("SELECT usuario,id FROM prueba",$con); if(!$consulta) die("Error : " . mysql_errno() . " " . mysql_error()); while($fila = mysql_fetch_array($consulta)) { echo "<tr>"; echo "<td>" . $fila["id"]. "</th>"; echo "<td>" . $fila["usuario"]. "</th>"; echo "<td><a href='usuarios.php?modi=".$fila["id"]."'><img src='img/modify.png' /></a></th>"; echo "<td><a href='usuarios.php?eli=".$fila["id"]."'><img src='img/delete.png' /></a></th>"; echo "</tr>"; } ?> </tbody> </table> <input type="submit" name="btnEnviar" id="btnAgregar" value="Agregar nuevo"/> </div> </body> </html> su resultado seria El codigo es sencillo, para llenar el bienvenidos con el usuario utilice la variable de sesion que declare en el login, lo que sigue por hacer es realizar una consulta de seleccion con todos los registros y los inserte en una tabla Aqui el momento donde esta por eliminarse el dato Elemento eliminado Analicemos un poco la manera que se utilizo para eliminar un elemento Despues de realizar la consulta de seleccion, con la funcion echo imprimi en pantalla una etiqueta de enlace la cual me direccionaba al mismo archivo donde estaba pero con una variable de tipo GET la cual tenia como valor le id del usuario, luego la acompañe con una imagen para que la imagen tuviera ese enlace, la variable GET la declare como eli para que al momento de recargar mi codigo la identifique y compare y realice la accion de eliminar ese registro, lo que se planea es ejecutar las acciones de insertar, eliminar y modificar en este mismo archivo apoyado de las variables GET y POST Aclaro que esto se puede realizar de muchas maneras y en cuanto a que mi codigo es vulnerable lo se y estoy muy consciente de esto, la idea es enfocarnos en funcionalidad, despues seguridad y para finalizar un poco de estetica =), se que una injection facilmente tronaria mi bd =) Si es el primer archivo que ves te dejo la segunda parte http://www.taringa.net/posts/linux/15453091/Practica-PHP---Parte-1.html Espero y les haya gustado, seguimos aqui y planeamos ver como subir archivos a nuestro servidor, un poco de POO, seguridad entre otras cosas =) Dudas o preguntas Buscanos en facebook como https://www.facebook.com/Hardcoding00 en twitter http://www.twitter.com/#!/HardCoding00 en g+ https://plus.google.com/u/0/b/108067998243519518525/108067998243519518525/posts Saludos y animo gente !!!
Hola gente buenos dias, el dia de hoy cambiaremos un poco la rutina de php para hablar un poco de la herramientas que nos ofrece el navegador google chrome para empezar haremos un programa muy sencillo el cual consistira en mandar variables por metodo POST y GET de php y capturarlas con un hidden field el codigo sera el siguiente <?php if(isset($_REQUEST["prueba"])) { echo $_REQUEST["prueba"]; } ?> <html> <head> <title>Metodo GET Y POST </title> </head> <body> <input type="hidden" value="<?php if(isset($_REQUEST["prueba"])) echo $_REQUEST["prueba"]; ?>" /> <form action="index.php" method="POST"> <input type="text" name="prueba" /> <input type="submit" value="POST" /> </form> <form action="index.php" method="GET"> <input type="text" name="prueba" /> <input type="submit" value ="GET" /> </form> </body> </html> en nuestro navegador se visualizara de la siguiente manera Despues ingresaremos a la herramienta para desarrolladores de google de la siguiente manera o tambien presionando la tecla F12, al momento de abrirla de cualquiera de las 2 maneras, te saldra esto en esta ventana tenemos varias opciones pero el dia de hoy solo veremos la parte de elementos... en elementos nosotros podremos ver la estructura de nuestro sitio(solo codigo html) y los estilos que estos tienen y modificarlos en tiempo real para facilitar nuestro trabajo, tambien podremos ver las metricas, los eventos los breakpoints y las propiedades. si podemos observar en la imagen en la parte de elementos me dice que tengo un hidden field, form y en cada form una caja de texto con su respectivo boton, pero observa bien que cada form tiene un metodo diferente lo que haremos sera utilizar el sistema con los valores de prueba como se muestra en la imagen =) Al presionar el boton de POST refrescara la pagina y observar bien lo que cambio Esta barra de herramientas te puede servir de mucho al momento de desarrollar un sitio web ya que puedes acceder a los elementos que quieras e incluso modificarlos sin afectar el original =) Dudas o preguntas comentalas o mandanos un correo Si te gusto siguenos en nuestras redes sociales Buscanos en facebook como https://www.facebook.com/Hardcoding00 en twitter http://www.twitter.com/#!/HardCoding00 en g+ https://plus.google.com/u/0/b/108067998243519518525/108067998243519518525/posts Saludos y animo gente !!!