miércoles, 19 de julio de 2017

 

Realizando un CRUD (listar, registrar, actualizar, eliminar) con PHP y MYSQL 2019

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">&times;</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">&times;</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. 





Share:

0 comentarios:

Publicar un comentario

Dudas y sugerencias aqui