Tutoriales PHP, MySQL y jQuery: Conexión PHP+MySql y Primer Ejemplo

Para poder comenzar con este tutorial previamente deberás haber configurado tu ambiente de desarrollo de PHP y MySQL, si no sabes como puedes visitar mi post anterior. Instalación y Pruebas.

Si ya lo tienes creado, adelante.! :)

1.- Herramientas de Desarrollo

Editor de Texto

Las herramientas de desarrollo siempre van a depender del gusto de cada quien, yo por mi parte siempre recomiendo un editor de texto muy potente y muy liviano que se llama Sublime Text el cual puedes descargar desde su pagina oficial.

Link: Descarga Sublime Text Web Oficial

Nota: Es una instalación muy sencilla por lo cual no pondré imágenes de instalación.

Gestión de Base de Datos

Para los que ya saben sobre el tema, XAMPP por su parte trae una herramienta para la gestión de base de datos a la cual se puede acceder mediante la siguiente dirección en el navegador http://localhost/phpmyadmin/

Yo por mi parte utilizo un programa llamado "MySQL Query Browser" para conectarme al servidor de bases de datos, este lo puedes descargar desde la pagina oficial:

Link: Descargar MySQL QueryBrowser Web Oficial

Nota: No pongo imágenes de instalación ya que es muy sencillo el proceso

Una vez instalada la herramienta ejecutaremos la aplicación y nos resultara una pantalla como la siguiente, en la cual deberemos de introducir 3 parámetros:

Servidor (Server Host : localhost )
Usuario (Username : root)
Contraseña (Password : vacio )

Damos clic en OK y nos mostrara la ventana siguiente:

2.- Creación de Base de Datos, Tabla e Inserción de Registros

Haciendo clic derecho en el área blanca de la derecha (bases de datos) damos clic en Create New Schema y se abrirá una nueva ventana donde crearemos la base de datos prueba damos clic en ok e inmediatamente veremos creada nuestra base de datos.

Vamos a crear una tabla llamada "tabla_prueba" con 3 campos:

id : INTEGER autoincrementable (AUTO INC PALOMEADO)
nombre : VARCHAR
edad : INTEGER

Una vez creada la tabla damos doble clic sobre ella y en la ventana del lado izquierdo se mostrara una consulta sql

Nuevamente damos doble clic en la tabla en el panel de navegación que se encuentra del lado derecho, o bien usamos la combinación de teclas Ctrl + E para ejecutar la consulta que se encuentra en el panel de lado izquierdo, ahore vemos el resultado de la consulta (por el momento vació),

Para hacer la inserción de un registro daremos clic en la parte de abajo del campo donde vallamos a capturar el dato y oprimimos F2 para que aparezca el cursor y comencemos a capturar.

Los campos capturados se verán en color verde. Una vez introducidos los datos daremos clic en Apply Changes para guardad los cambios

3.- Conexión a Base de Datos Mediante PHP

Hasta el momento deberemos de tener una base de datos llamada prueba y una tabla llamada tabla_prueba con el numero de registros que nosotros ya hemos capturado ( para nuestro ejemplo solamente uno ).

Ahora realizaremos un nuevo proyecto en PHP, para esto vamos a crear una nueva carpeta dentro de "C:\xampp\htdocs" lo llamaremos "pruebaconexion" y quedara de la siguiente manera:

Ahora vamos a configurar nuestro editor de texto para trabajar sobre la carpeta del proyecto. Nos dirigimos a File/Open Folder y ubicamos el siguiente directorio "C:\xampp\htdocs\pruebaconexion" damos clic en aceptar

Ahora podemos que en sublime ya tenemos la carpeta por defecto que es la de nuestro proyecto

Creamos un archivo con el siguiente código

<?php

//Primero definiremos los parámetros Servidor/Usuario/Contraseña/Base de Datos y asignaremos la cadena de conexión a una variable

$conexion = mysqli_connect("localhost","root","",'sealn');

//Con un IF verificamos que la variable $conexion nos devuelca algo en caso de tener un error que nos lo muestre

if(!$conexion){

$conexion="<p>Error en la Conexion: ".mysqli_error($conexion)."</p>";

}else{

//Si la conexion es correcta ahora seleccionamos la base y la codificaion de caracteres

mysqli_select_db($conexion,"prueba");

mysqli_query($conexion,'set names "utf-8"');

echo "La Conexion y La seleccion de Base de Datos es Correcta.!";

}

Guardamos el archivo como index.php y se vera de la siguiente forma

Ahora ejecutamos en el navegador http://localhost/pruebaconexion

Hasta aquí ya tenemos la conexión a la base de datos.! ahora vamos a enviar una consulta al servidor y el resultado lo pintamos en una tabla. Editamos el archivo index.php de la siguiente manera agregando lo siguiente al código: