Codigo Crud + Busqueda PHP

Ver.
php
<html>
<head>
<title>.: CRUD :.</title>
<link rel="stylesheet" type="text/css" href="bootstrap/css/bootstrap.min.css">
<script src="js/jquery.min.js"></script>
</head>
<body>
<?php include "php/navbar.php"; ?>
<div class="container">
<div class="row">
<div class="col-md-12">
<h2>VER ENTRADAS</h2>

<form class="form-inline" role="search" id="buscar">
<div class="form-group">
<input type="text" name="s" class="form-control" placeholder="Buscar">
</div>
<button type="submit" class="btn btn-default"> <i class="glyphicon glyphicon-
search"></i> </button>
<a data-toggle="modal" href="#newModal" class="btn btn-default">Agregar</a>
</form>
<br>

<div class="modal fade" id="newModal" tabindex="-1" role="dialog" aria-
labelledby="newModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-
hidden="true">×</button>
<h4 class="modal-title">Agregar</h4>
</div>
<div class="modal-body">
<form role="form" method="post" id="agregar">
<label for="name">Nombre</label>
<input type="text" class="form-control" name="name" required>
</div>
<label for="lastname">Apellido</label>
<input type="text" class="form-control" name="lastname" required>
</div>
<label for="address">Domicilio</label>
<input type="text" class="form-control" name="address" required>
</div>
<label for="email">Email</label>
<input type="email" class="form-control" name="email" >
</div>
<label for="phone">Telefono</label>
<input type="text" class="form-control" name="phone" >
</div>
<button type="submit" class="btn btn-default">Agregar</button>
</form>
</div>
</div>

</div>
</div>
<div id="tabla"></div>
</div>
</div>
</div>
<script src="bootstrap/js/bootstrap.min.js"></script>
<script>
function loadTabla(){
$('#editModal').modal('hide');
$.get("./php/tabla.php","",function(data){
$("#tabla").html(data);
})
}
$("#buscar").submit(function(e){
e.preventDefault();
$.get("./php/busqueda.php",$("#buscar").serialize(),function(data){
$("#tabla").html(data);
$("#buscar")[0].reset();
});
});
loadTabla();
$("#agregar").submit(function(e){
e.preventDefault();
$.post("./php/agregar.php",$("#agregar").serialize(),function(data){
});
//alert("Agregado exitosamente!");
$("#agregar")[0].reset();
$('#newModal').modal('hide');
loadTabla();
});
</script>
</body>
</html>
Agregar.php
<?php
if(!empty($_POST)){
if(isset($_POST["name"]) &&isset($_POST["lastname"]) &&isset($_POST["email"])
&&isset($_POST["address"]) &&isset($_POST["phone"])){
if($_POST["name"]!=""&& $_POST["lastname"]!=""&&$_POST["address"]!=""){
include "conexion.php";
$sql = "insert into person(name,lastname,email,address,phone,created_at)

value
(\"$_POST[name]\",\"$_POST[lastname]\",\"$_POST[email]\",\"$_POST[address]\",\"$_POST[p
hone]\",NOW())";
$query = $con->query($sql);
if($query!=null){
//print "<script>alert(\"Agregado
exitosamente.\");window.location='../ver.php';</script>";
}else{
//print "<script>alert(\"No se pudo
agregar.\");window.location='../ver.php';</script>";
}
}
}
}
?>
Eliminar.php
<?php
if(!empty($_GET)){
$sql = "DELETE FROM person WHERE id=".$_GET["id"];

if($query!=null){
print "<script>alert(\"Eliminado
}else{
print "<script>alert(\"No se pudo
eliminar.\");window.location='../ver.php';</script>";
}
}
?>
Tabla.php
<?php
$user_id=null;
$sql1= "select * from person";
$query = $con->query($sql1);
?>
<?php if($query->num_rows>0):?>
<table class="table table-bordered table-hover">
<thead>
<th>Nombre</th>
<th>Apellido</th>
<th>Email</th>
<th>Direccion</th>
<th>Telefono</th>
<th></th>
</thead>
<?php while ($r=$query->fetch_array()):?>
<tr>
<td><?php echo $r["name"]; ?></td>
<td><?php echo $r["lastname"]; ?></td>
<td><?php echo $r["email"]; ?></td>
<td><?php echo $r["address"]; ?></td>
<td><?php echo $r["phone"]; ?></td>
<td style="width:150px;">
<a data-id="<?php echo $r["id"];?>" class="btn btn-edit btn-sm btn-
warning">Editar</a>
<a href="#" id="del-<?php echo $r["id"];?>" class="btn btn-sm btn-
danger">Eliminar</a>
<script>
$("#del-"+<?php echo $r["id"];?>).click(function(e){
e.preventDefault();
p = confirm("Estas seguro?");
if(p){
$.get("./php/eliminar.php","id="+<?php echo
$r["id"];?>,function(data){
loadTabla();
});
}
});
</script>
</td>
</tr>
<?php endwhile;?>
</table>
<?php else:?>
<p class="alert alert-warning">No hay resultados</p>
<?php endif;?>

<script>
$(".btn-edit").click(function(){
id = $(this).data("id");
$.get("./php/formulario.php","id="+id,function(data){
$("#form-edit").html(data);
});
$('#editModal').modal('show');
});
</script>
<div class="modal fade" id="editModal" tabindex="-1" role="dialog" aria-
labelledby="editModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-
hidden="true">×</button>
<h4 class="modal-title">Actualizar</h4>
</div>
<div class="modal-body">
<div id="form-edit"></div>
</div>
</div>
</div>
</div>
Actualizar.php
<?php
if(!empty($_POST)){
if(isset($_POST["name"]) &&isset($_POST["lastname"]) &&isset($_POST["email"])
&&isset($_POST["address"]) &&isset($_POST["phone"])){
if($_POST["name"]!=""&& $_POST["lastname"]!=""&&$_POST["address"]!=""){
$sql = "update person set
name=\"$_POST[name]\",lastname=\"$_POST[lastname]\",email=\"$_POST[email]\",address=\
"$_POST[address]\",phone=\"$_POST[phone]\" where id=".$_POST["id"];
if($query!=null){
print "<script>alert(\"Actualizado
}else{ print "<script>alert(\"No se pudo
actualizar.\");window.location='../ver.php';</script>";
} }
} }
?>
Buscar.php
<html>
<head>
</head>
<body>
<div class="row">
<h2>BUSCAR</h2>
<?php include "php/busqueda.php"; ?>

</div>
</div>
</div>
</body>
</html>
Editar.php
<html>
<head>
</head>
<body>
<div class="row">
<h2>EDITAR</h2>
<?php include "php/formulario.php";?>
</div>
</div>
</div>
</body>
</html>
Index.php
<?php
session_start();
?>
<html>
<head>
<title>.: CRUD AJAX :.</title>
</head>
<body>
<div class="row">
<h2>[CRUD] CREATE, RETRIEVE, UPDATE & DELETE</h2>
<p class="lead">Ejemplo de ver, agregar, actualizar, eliminar con PHP y MySQL</p>
<p>Instrucciones:</p>
<ol>
<li>Ir a la opcion ver.</li>
<li>Agregar elementos desde el boton agregar.</li>
<li>Seleccionar el boton Editar de cualquier elemento.</li>
<li>Seleccionar el boton Eliminar de cualquier elemento.</li>
</ol>
<br>
<ul type="none">
<li><i class="glyphicon glyphicon-ok"></i> Facil de instalar y modificar</li>
<li><i class="glyphicon glyphicon-ok"></i> Ideal para tu proximo proyecto web</li>
</ul>
</div>
</div>
</div>
</body>
</html>
Navbar.php
<nav class="navbar navbar-default" role="navigation">

<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-
ex1-collapse">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="./"><b>CRUDAJAX</b></a>
</div>

<div class="collapse navbar-collapse navbar-ex1-collapse">
<ul class="nav navbar-nav">
<li><a href="./ver.php">VER</a></li>
</ul>
</div>
</div>
</nav>

Codigo Crud + Busqueda PHP

Încărcat de

Informații document

Titlu original

Drepturi de autor

Formate disponibile

Partajați acest document

Partajați sau inserați document

Opțiuni de partajare

Vi se pare util acest document?

Este necorespunzător acest conținut?

Drepturi de autor:

Formate disponibile

Codigo Crud + Busqueda PHP

Încărcat de

Drepturi de autor:

Formate disponibile

Ver.

</div>

$sql = "insert into person(name,lastname,email,address,phone,created_at)

$sql = "DELETE FROM person WHERE id=".$_GET["id"];

<?php include "php/busqueda.php"; ?>

S-ar putea să vă placă și