Una de las principales habilidades que todo programador debe adquirir es la de trabajar con bases de datos. A continuación mostraremos cómo de forma muy simple podemos crear una página dinámica que nos permita utilizar un formulario para inserción de registros en PHP en una tabla.
Creación de la Base de Datos en PhpMyAdmin
1. Entramos a phpMyAdmin (http://localhost/phpmyadmin)
2. Seleccionamos Nueva Base de Datos y escribimos el nombre “organizacion”. Clic en Crear.
3. Creamos la tabla “personas”, que tendrá 4 campos. Clic en Continuar.
4. Escribimos los nombres de los campos de la tabla, como se ve en la imagen.
Nota: Estamos definiendo 3 tipos de datos distintos: Varchar, date, int. De éstos debemos especificar la longitud del campo de tipo Varchar. Además, marcamos el campo id_persona como PRIMARY, y como A_I (Autoincrement).
Diseño del formulario
- Creamos el formulario para inserción de registros en PHP en esta tabla. Para esto utilizaremos bootstrap, por lo que si no cuentas con éste framework puedes descargarlo aquí. Especifica correctamente los nombres de las carpetas en el head.
Sección head de la página:
<!doctype=html> <html lang="es"> <head> <meta charset="utf-8"> <title> Ingresar personas </title> <link rel="stylesheet" href="bootstrap-3.3.5-dist/css/bootstrap.css"> <script src="bootstrap-3.3.5-dist/js/jquery.min.js"></script> <script src="bootstrap-3.3.5-dist/js/bootstrap.min.js"> </script> </head>
- En el body, creamos los elementos de formulario. Utilizaremos las clases de bootstrap para darle estilo a nuestro formulario.
<body>
<div class="container">
<div class="row">
<div class="col-md-10 col-md-offset-1">
<div class="panel panel-primary">
<div class="panel-heading">
<h3>Nueva Persona</h3> </div>
<div class="panel-body">
<form class="form-horizontal" role="form" method="post"
action="personas_guardar.php">
<div class="form-group">
<label class="col-md-4 control-label">Nombre</label>
<div class="col-md-6">
<input type="text" name="nombre" class="form-control">
</div>
</div>
<div class="form-group">
<label class="col-md-4 control-label">Fecha de ingreso
</label>
<div class="col-md-6">
<input type="date" name="fecha_ingreso"
class="form-control">
</div>
</div>
<div class="form-group">
<label class="col-md-4 control-label">Dependientes
</label>
<div class="col-md-6">
<input type="text" name="dependientes"
class="form-control">
</div>
</div>
<div class="col-md-6 col-md-offset-4">
<button type="submit" class="btn btn-primary"> Crear
</button>
<a type="button" class="btn btn-default"
href="index.php"> Cancelar </a>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
Nota: Deberemos guardar este archivo con el nombre personas_nuevo.php en una carpeta que esté adentro del servidor. (En el caso de Appserv es la carpeta www y en el caso de Xampp es la carpeta htdocs). Para este ejemplo, se ha creado una carpeta llamada Personas.
- Ejecutamos el programa. Usamos la ruta: [http://localhost/personas/personas_nuevo.php].
Programación del acceso a la Base de Datos
- El siguiente paso consistirá en crear un archivo de conexión. Éste contendrá el siguiente código:
<?php
$conexion = mysql_connect("localhost", "root", "");
$base = mysql_select_db("organizacion");
?>Nota: el nombre con el que deberás guardarlo será: conexion.php
Inserción de registros en PHP en la Base de datos
- Ahora crearemos el archivo php. Como primeras líneas escribiremos el script PHP que nos permite la inserción de registros en PHP en la base de datos.
<?php
include ("conexion.php");
$sql = sprintf("insert into personas (nombre, fecha_ingreso, dependientes)
values ('%s', '%s', %s)",
$_POST['nombre'],
$_POST['fecha_ingreso'],
$_POST['dependientes']);
$insertar = mysql_query($sql) or die(mysql_error());
?>- A continuación el resto de la página que mostrará un mensaje de confirmación.
<body>
<div class="container">
<div class="row">
<div class="col-md-10 col-md-offset-1">
<div class="panel panel-primary">
<div class="panel-heading">
<h3>Nueva Persona</h3> </div>
<div class="panel-body">
<div class="alert alert-success">
<p>Registro de Persona guardado. </p>
<a type="button" class="btn btn-primary"
href="personas_nuevo.php">
<span class="glyphicon glyphicon-plus"> </span>
Agregar Nueva persona
</a>
</div>
</div>
</div>
</div>
</div>
- Escribe algunos datos que deseas guardar. El resultado debería ser algo así como:
Tu comentario
opiniones