Registros con PHP y Mysql

Hola a todos :) hoy les mostrare como agregar un Nuevo registros dentro de nuestra base de datos para este ejemplo estare utilizando una tabla exageradamenete de campos en donde a lo que nos interesa es solo hacer un registro bueno sin mas por explicar comensemos :D

Como lla hemos venido trabajando con anterioridad un login ahora lo utilizaremos para que en dado caso que el usuario este registrado nos muestre otro formulario y bueno las modificaciones son las siguientes .

 

de esta forma cada ves que el usuario sea correcto nos redirigira a otro formulario en donde pues con ayuda de CSS y Java Scrip dejaremos con estilo y validaremos que los campos esten rellenos antes de enviarlos al registro

 

esta seria la interfas para hacer el registro de nuestra BD y pues bueno no entrare en detalle con el codigo del diseño y me ire directo a lo que realmente nos interesa como se realiza el registro

en el recuadro rojo podemos observar la conecxion a la BD, en la azul esta lo que seria nuestro comando y los campos utilizados dentro de nuestra tabla y pues los variables antes asignadas de los campos de este forma pasamos al recuadro verde donde se realiza toda enrealida el registro imprimiendo un msg de se realizo con exito el registro

bueno el codigo y todo el proyecto se los dejo en el siguiente link espero lees sirva de algo
https://mega.co.nz/#!BtMXFYgb!Zb-OG_fCg_BBkD0LmRihLXi3XtOyj2-cm_CbYZqBEGU

JavaScript expresiones regulares

bueno este tema es muy interesante y nosotros lo utilizaremos para crear una validacion en un campo cual sea bueno espero les interese.

Primero que nada para que me van a servir las expresiones regulares de javascrip?
bueno en nuestro particular caso la utilizaremos como una regla de que los datos a ingresar en el campo deven de ser 4 letras mayusculas, 6 numero, 3 letras minusculas
  ejemplo:
ABCD123456abc  - WXYZ098765abc etc cualquiera que siga la regla que le impusimos.

 algunas expresiones que podemos utilizar son:

Cualquier letra en minuscula	[a-z]
Entero	^(?:\+|-)?\d+$
Correo electrónico	/[\w-\.]{3,}@([\w-]{2,}\.)*([\w-]{2,}\.)[\w-]{2,4}/
URL	^(ht|f)tp(s?)\:\/\/[0-9a-zA-Z]([-.\w]*[0-9a-zA-Z])*(:(0-9)*)*(\/?)( [a-zA-Z0-9\-\.\?\,\'\/\\\+&%\$#_]*)?$
Contraseña segura	(?!^[0-9]*$)(?!^[a-zA-Z]*$)^([a-zA-Z0-9]{8,10})$ (Entre 8 y 10 caracteres, por lo menos un digito y un alfanumérico, y no puede contener caracteres espaciales)
Fecha	^\d{1,2}\/\d{1,2}\/\d{2,4}$ (Por ejemplo 01/01/2007)
Hora	^(0[1-9]|1\d|2[0-3]):([0-5]\d):([0-5]\d)$ (Por ejemplo 10:45:23)
Número tarjeta de crédito	^((67\d{2})|(4\d{3})|(5[1-5]\d{2})|(6011))(-?\s?\d{4}){3}|(3[4,7])\ d{2}-?\s?\d{6}-?\s?\d{5}$
Número teléfono	^[0-9]{2,3}-? ?[0-9]{6,7}$
Código postal	^([1-9]{2}|[0-9][1-9]|[1-9][0-9])[0-9]{3}$
Certificado Identificación Fiscal	^(X(-|\.)?0?\d{7}(-|\.)?[A-Z]|[A-Z](-|\.)?\d{7}(-|\.)? [0-9A-Z]|\d{8}(-|\.)?[A-Z])$

y bueno para nuestro ejemplo del funcionamiento siguiremos utilizando nuestro ya conocido login en caso de no tenerlo puedes descargarlo estara al final del post

 

como podemos ver el codigo agregamos una funcion la cual llamamos literal y bueno solo mandamos a traer nuestro campo al que le aplicaremos el filtro y pues comparar si la regla se sigo o se ignoro para ver el funcionamiento del codigo vasta con poner onclick="literal()" en cualquiera boton que estemos utilizando y bueno en la siguiente imagen podremos apreciar sufucionamiento.

 

cuando solo ponemos texto y numero a la zar

 

EN CASO DE INGRESAR LAS LETRAS Y NUMERO EN ORDEN SOLISITADO PUES NOS MANDARA EL MENSAJE DE QUE LAS LETRAS ESTAN CORRECTAS



BUENO ESTO ASIDO TODO POR MI PARTE EL CODIGO SE LOS DEJO EN EL SIGUIENTE LINK: https://mega.co.nz/#!V5sTkBzI!Au1h7AzBOoi9OyUhjCgCA37918HvkHQ2Zxyqhe3vpXs

 

 

 

instalacion de servidor web (APACHE CON XAMPP)

Bueno hoy veremos como instalar el servidor apache para que puedamos correr sin ningun problema nuestras paginas creadas con php y tambien el manejo de base de datos con php lo primero que devemos de hacer es decargar XAMPP el cual estaremos utilizando y puedes descargarlo https://www.apachefriends.org/es/index.html es gratuino asi que no tendras problemas con licencia ni nada por el estilo y bueno les enseñare a instalarlo lo cual bien dice que una imagen vale mas que mil palabra.

bueno una ves que ya instalamos XAMPP y activamos el servidor apache y mysql podemos ir a nuestro navegador y poner la direccion http://localhost/xampp/ donde nos aparecera la siguiente imagen y pues eso es todo por mi parte cualquier duda espero poder ayudarle

Stilos en HTML con CSS

Hola queridos lectores bueno ahora les presento CSS y qué puede hacer por nosotros?
CSS es el acrónicmo de CascadingStyle Sheets (es decir, hojas de estilo en cascada).

Bueno primero que nada una defincion de CSS:
Es un lenguaje de estilo que define la presentación de los documentos HTML. Por ejemplo,
CSS abarca cuestiones relativas a fuentes, colores, márgenes, líneas, altura, anchura, imágenes de fondo, posicionamiento avanzado y muchos otros temas.

Y porque CSS y no directamente dar estilo con HTML, primero que nada si es posible incluso abusar del mismo, para añadir formato a los sitios web. Sin embargo, CSS ofrece más opciones y es más preciso y sofisticado. CSS está soportado por todos los navegadores hoy día.

HTML se usa para estructurar el contenido; CSS se usa para formatear el contenido previamente estructurado, algunos de los veneficios al usar CSS son:

• control de la presentación de muchos documentos desde una única hoja de estilo;
• control más preciso de la presentación;
• aplicación de diferentes presentaciones a diferentes tipos de medios (pantalla, impresión, etc.);
• numerosas técnicas avanzadas y sofisticadas.

bueno no quiero aburrirlos asi que les muestro un ejemplo sencillo de lo que se puede hacer.

 

bueno este es un ejemplo con el login que hemos venido trabajando

Bueno el codico o etiquetas implementadas fueron las siguientes dos: <header> y <footer>

 

esas etiquetas que estamos utilizando las mandaremos a llamar para darle estilo con CSS

y bueno ya dependiendo la imaginacion de cada uno son los resultados para este ejemplo pues decidi utilizar algo sencillo  el codigo como siempre estara en el link de abajo

https://mega.co.nz/#!VxtkACrC!IEWVSn7ZHTpxxs5MAT9JP7ki6ve7Or7aKzQlLn4C3SU

Validación de datos con JavaScript y HTML

hola queridos(as) lectores y amigos que me siguen, hoy lees mostrare como validar datos en los campos de mi login que en la publicacion anterio realize pues ahora con esa misma interfaz agregaremos un JavaScript el cual nos permitira realizar la validacion de los campos para no tener inconsistencia de datos es decir que solo me permira avanzar si rellene todos los campos de lo contrario me mostrara un mensaje de alerta y no me dejara avanzar a PHP el cual tenemos conectado a una base de datos que por medio de una consulta con nuestros datos lla previamente validados con JavaScript nos regresara si esta o no dentro de nuestra base de datos.

en la siguiente imagen esta el codigo  de JavaScript el cual utilizaremos para crear la validacion

bueno ahora lo unico que tenemos que hacer es llamar el metodo en donde tenemos la llamada a php  como en la siguiente imagen.

de esta forma si retorna true (verdadero) se creara la consulta en caso contrario retorne false(falso) no mantendra en la pagina del formulario hasta que todos los campos este previamente con la informacion correspondiente.

 para el caso de ser false nos retornara lo siguiente

y para el caso de  true

bueno para los que quieran el codigo completo pueden descargarlo en el siguiente link

https://mega.co.nz/#!1klCHDaS!PbmbpZasJ8G_Pe_qLRjEPTlusKs5Dg4TdXlwXO1fYP0

Conexion PHP con Mysql con Netbeans como IDE

hola amigos buenas tarde-noches-dias-bueno lo que sea en donde me estas mirando hoy lees mostrare como crear una conexion php con una base de datos usando como IDE Netbeans y MySQLWorkbenche bueno mas que nada creare una conexion con la base de datos y para hacerlo mas interesante crearemos un login para saber si el usuario esta dentro o no en los registros de mi base de datos bueno comensemos :D

Lo primero que tenemos que hacer es tener nuestra base de datos en este caso utilizare una con el nombre de "prueba" donde solo tengo una tabla la cual solo contendra dos campos uno para nombre y otro para la contraceña suficiente para lograr el objetivo

 

 

 

bueno ya crea nuestra base de datos agregamos unos cuantos registros 

 

bueno para los que se preguntan como agregar registros con workbech solo tiene que darle en la Pestaña >DataBase en mi caso ya que lo tengo en ingles y dalr en coneccio a database que seria la primera obcion que les depliega

bueno una ves ya creada nuestra base de datos crearemos nuestro formulario con php desde netbeans para ello tienes que tener la vercion completa o agregar el plugin de php que no tarda mucho en instalarse

• lo primero es crear un nuevo proyecto y seleccionamos php
• en el mismo proyecto click derecho y creamos un archivo html

 

 

bueno el html lo usaremos para crear el formulario y mandar nombre y contraseña

a php donde realizaremos  la conexion ala base de datos

Acontinuacion les mostrare el codigo de como crear la interfaz en html para posteriormente usarla en php en caso de que no conoscas algunas o quiras mejorar el diseño solo basta con poner en "San Google" etiquetas para html y pues cada quien con su imaginacion.

bueno una ves creada a interfaz procedemos a crear la conexion con mysql para ello iremos al index.php que nos generar netbeans y crearemos la conecion con mysql como se muestra acontinuacion

bueno esto asido todo una vez creado lo que sigue es ejecutar el programa dandole en correr proyecto 

y nos mostra la interfaz html que creamos

 

nos logiamos con uno de los registros que realizamos y pulsamos el boton de login php ara el trabajo de la conexion y hara la consultas y nos dira si el usuario existe o no dentro de nuestra base de datos

bueno espero lees hayga parecido interesante y recuerden al crear una interfaz tu unica limitancia es tu inaginacion :P