Hola amig@s como estan espero que bien.Bueno en esta entrada les compartire un Crud (listar, registrar, actualizar, eliminar) Programado en PHP y MYSQL y Bootstrap 3.0
En este ejemplo estaremos dando mantenimiento a los alumnos.
Este proyecto ya lo hemos actualizado a php reciente pueden revisarlo en el siguiente link
CODIGOS:
Primero crearemos nuestro base de datos el script es lo siguiente
-- phpMyAdmin SQL Dump
-- version 4.5.1
-- http://www.phpmyadmin.net
--
-- Servidor: 127.0.0.1
-- Tiempo de generación: 20-07-2017 a las 03:18:34
-- Versión del servidor: 10.1.16-MariaDB
-- Versión de PHP: 5.6.24
SET SQL_MODE = "NO_AUTO_VALUE_ON_ZERO";
SET time_zone = "+00:00";
/*!40101 SET @OLD_CHARACTER_SET_CLIENT=@@CHARACTER_SET_CLIENT */;
/*!40101 SET @OLD_CHARACTER_SET_RESULTS=@@CHARACTER_SET_RESULTS */;
/*!40101 SET @OLD_COLLATION_CONNECTION=@@COLLATION_CONNECTION */;
/*!40101 SET NAMES utf8mb4 */;
--
-- Base de datos: `prueba`
--
-- --------------------------------------------------------
--
-- Estructura de tabla para la tabla `alumnos`
--
CREATE TABLE `alumnos` (
`codigo` int(11) NOT NULL,
`nombres` varchar(50) NOT NULL,
`telefono` int(11) NOT NULL,
`direccion` varchar(50) NOT NULL
) ENGINE=InnoDB DEFAULT CHARSET=latin1;
--
-- Volcado de datos para la tabla `alumnos`
--
INSERT INTO `alumnos` (`codigo`, `nombres`, `telefono`, `direccion`) VALUES
(1, 'cristian', 123344, 'los olivos'),
(2, 'yesenia', 1233, 'los olivos'),
(3, 'milagros', 1111111111, 'los olivos'),
(4, 'cristian patricio izquierdo', 931566815, 'los rosales puente piedra');
/*!40101 SET CHARACTER_SET_CLIENT=@OLD_CHARACTER_SET_CLIENT */;
/*!40101 SET CHARACTER_SET_RESULTS=@OLD_CHARACTER_SET_RESULTS */;
/*!40101 SET COLLATION_CONNECTION=@OLD_COLLATION_CONNECTION */;
El siguiente codigo es para diseño principal donde estaremos realizando un crud como ven esta maquetado en bootstrap.
(Guardar como index.php)
<?php
include "conex.php";
$link = conectarse();
$resul = mysql_query("select*from alumnos", $link);
?>
<!DOCTYPE html>
<html lang="en">
<head>
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
<meta charset="utf-8">
<title>
Document
</title>
</meta>
</link>
</head>
<body>
<div class="container">
<div class="row">
<div class="jumbotron ">
<h1>
Listado de Alumnos
</h1>
</div>
<div>
<form class="form-inline"" action="bus.php" method="post">
<div class="form-group">
<input class="form-control" id="b" name="b" placeholder="Ingrese un codigo o Nombre a buscar" type="text">
<button type="submit" type="button" name="buscar" class="btn btn-primary" >
Buscar
<span class="glyphicon glyphicon-search" aria-hidden="true"></span>
</button>
</div>
<button type="button" class="btn btn-primary" data-toggle="modal" data-target="#myModal">
Nuevo
</button>
</form>
</div>
<table class="table table-striped col-md-4 col-xs-6">
<thead>
<tr>
<th>
codigo
</th>
<th>
nombre
</th>
<th>
Telefono
</th>
<th>
Direccion
</th>
<th>
Acciones
</th>
</tr>
</thead>
<?php
while ($fila = mysql_fetch_array($resul)) {
echo '<tr>
<td>' . $fila['codigo'] . '</td>
<td>' . $fila['nombres'] . '</td>
<td>' . $fila['telefono'] . '</td>
<td>' . $fila['direccion'] . '</td>
<td>
<!-- <a class="btn btn-info" href="update.php?id='.$fila['codigo'].'">Editar</a> -->
<a class="btn btn-info" href="delete.php?id='.$fila['codigo'].'">Eleminar</a>
<button type="button" class="btn btn-primary" data-toggle="modal" data-target="#update">
Editar
</button>
</td>
</tr>';
}
?>
</table>
</div>
</div>
<script crossorigin="anonymous" integrity="sha256-DZAnKJ/6XZ9si04Hgrsxu/8s717jcIzLy3oi35EouyE=" src="https://code.jquery.com/jquery-3.2.1.js">
</script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js">
</script>
<!-- Modal -->
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
<h4 class="modal-title" id="myModalLabel">Ingreso de datos</h4>
</div>
<div class="modal-body">
<div class="container">
<div class="row">
<div class="col-xs-6 col-sm-6 col-md-6">
<h3>
Mantenimiento de alumnos
</h3>
<form action="insertar.php" id="formulario" method="POST" name="formulario">
<div class="form-group">
<label for="nombre">
Codigo
</label>
<input class="form-control" id="codigo" name="codigo" placeholder="Tu codigo" required="" type="text">
</input>
</div>
<div class="form-group">
<label for="asunto">
Nombres
</label>
<input class="form-control" id="nombre" name="nombre" placeholder=" Escribe tu nombre" required="" type="text">
</input>
</div>
<div class="form-group">
<label for="email">
Telefono
</label>
<input class="form-control" id="telefono" name="telefono" placeholder="telefono " required="" type="text">
</input>
</div>
<div class="form-group">
<label for="mensaje">
Direccion
</label>
<input class="form-control" id="direccion" name="direccion" placeholder="Direcion " required="" type="text">
</input>
</div>
<input class="btn btn-primary" id="enviar" name="guardar" type="submit" value="Guardar datos"/>
</form>
</div>
</div>
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
<!--fin modal -->
<!-- Modal para editar -->
<!-- Modal -->
<div class="modal fade" id="update" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
<h4 class="modal-title" id="myModalLabel">Ingreso de datos</h4>
</div>
<div class="modal-body">
<div class="container">
<div class="row">
<div class="col-xs-6 col-sm-6 col-md-6">
<h3>
Edicion de Alumnos
</h3>
<form action="update.php" id="formulario" method="POST" name="formulario">
<div class="form-group">
<label for="nombre">
Codigo
</label>
<input class="form-control" id="codigo" name="codigou" placeholder="Tu codigo" required="" type="text">
</input>
</div>
<div class="form-group">
<label for="asunto">
Nombres
</label>
<input class="form-control" id="nombre" name="nombreu" placeholder=" Escribe tu nombre" required="" type="text">
</input>
</div>
<div class="form-group">
<label for="email">
Telefono
</label>
<input class="form-control" id="telefono" name="telefonou" placeholder="telefono " required="" type="text">
</input>
</div>
<div class="form-group">
<label for="mensaje">
Direccion
</label>
<input class="form-control" id="direccion" name="direccionu" placeholder="Direcion " required="" type="text">
</input>
</div>
<input class="btn btn-primary" id="enviar" name="guardar" type="submit" value="Guardar datos"/>
</form>
</div>
</div>
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
<!-- Modal para editar -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script src="conecta.js"></script>
</body>
</html>
El siguiente codigo es para conectarnos a Mysql
(Guardar como conex.php)
<?php
function conectarse()
{
if (!($link = mysql_connect("localhost", "root", ""))) {
echo "Error conectandose a la base de datos";
exit();
}
if (!mysql_select_db("prueba", $link)) {
echo "Error seleccionando la base de datos.";
exit();
}
return $link;
}
El siguiente codigo para Insertar datos a nuestro base de datos
(Guardar como Insert.php)
<?php
$cod = $_POST['codigo'];
$nombre = $_POST['nombre'];
$tel = $_POST['telefono'];
$dir = $_POST['direccion'];
include "conex.php";
$link = conectarse();
if (isset($_POST['guardar'])) {
mysql_query("INSERT INTO alumnos(codigo,nombres,telefono,direccion)values('$cod','$nombre','$tel','$dir')", $link);
echo ' <script language="javascript">alert("Alumno registrado con éxito");</script> ';
header("Location:index.php");
} else {
echo ("Presiona el boton guardar");
}
El siguiente codigo para Actualizar alumnos
(Guardar como Update.php)
<?php
include "conex.php";
$link = conectarse();
$codigo = $_REQUEST['codigou'];
$nombre = $_POST['nombreu'];
$telefono = $_POST['telefonou'];
$direccion = $_POST['direccionu'];
mysql_query("UPDATE alumnos SET nombres='$nombre', telefono='$telefono', direccion='$direccion' WHERE codigo='$codigo'", $link);
echo 'Datos Actualizados';
header("Location:index.php");
El siguiente codigo para Eleminar alumnos
(Guardar como delete.php)
<?php
include "conex.php";
$link = conectarse();
$codigo = $_REQUEST['id'];
mysql_query("delete from alumnos where codigo='$codigo'", $link);
echo 'Datos eleminados';
header("Location:index.php");
Link de descarga de proyecto aquí
descargar aqui.
Eso serian todo los codigos para poder realizar un mantenimiento de los Alumnos en php y mysql .
Espero poderlo ayudado..cualquier consulta o sugerencia déjanos un mensaje en los comentarios.gracias.
