admon.php
---------------------------------------------------------------------------------------------------------------------
<?php
session_start();
if(!isset($_SESSION["nombre"])){
header("location:index.php");
}else{
include 'varsdb.php';
$conn = new mysqli($servername,$username,$password_db,$dbname);
if($conn->connect_error){
die("La conexion fallo ".$conn->connect_error);
}else{
//echo "Lista la conexion!";
$sql = "SELECT * FROM usuarios";
$result = $conn->query($sql);
?>
<!DOCTYPE html>
<html>
<head>
<meta charset="x-windows-874">
<meta name="viewport" content="width-device-width, initial-scale=1.0">
<title>MusicaViva.mus Admin</title>
<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css" media="screen">
</head>
<body>
<div id="logo">
<img src="images/logo.png" alt="logo" />
<h2>MusicaViva.mus ---> Seccion Admin.</h2>
<hr />
</div>
<div id="menu">
</div>
<div id="contenido">
<form method="post">
<input type="text" placeholder="Nombre" name="nombre" id="nombre" required="true" />
<input type="text" placeholder="Login" name="login" id="login" required="true" />
<input type="password" placeholder="Password" name="password" id="password" required="true" />
<input type="checkbox" name="admin" value="admin" id="admin" /> Administrador
<input type="hidden" name="idu" id="idu"/>
<input type="button" onclick="" value="Nuevo" class="btn btn-info" id="btnEjecutar" />
</form>
<hr />
<table class="table">
<thead>
<tr>
<td>idu</td>
<td>Nombre</td>
<td>Tipo</td>
<td>Login</td>
<td>Password</td>
<td>Editar</td>
<td>Eliminar</td>
</tr>
</thead>
<tbody>
<?php
if($result->num_rows > 0){
while($row = $result->fetch_assoc()){
echo "<tr class='success'>";
echo "<td class='idu'>".$row['idu']."</td>";
echo "<td>".$row['nombre']."</td>";
echo "<td>".$row['tipo']."</td>";
echo "<td>".$row['login']."</td>";
echo "<td>".$row['password']."</td>";
echo "<td><button type='button' class='btn btn-info btnEdit'>Editar</button></td>";
echo "<td><button type='button' class='btn btn-danger btnDelete'>Eliminar</button></td>";
echo "</tr>";
}
}
?>
</tbody>
</table>
</div>
<div id="paraBootstrap">
<!-- Seccion de bootstrap y jquery -->
<script src="js/jquery.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="scripts/admon_crud.js"></script>
</div>
</body>
</html>
<?php
}
}
----------------------------------
admon_crud.js
-----------------------------------
$(document).ready(function(){
//---------------------------------------
$("#btnEjecutar").click(function(){
if($('#nombre').val() == ""){
alert("Introduce el nombre de la persona!");
return false;
} else{
var nombre = $('#nombre').val();
}
if($('#login').val() == ""){
alert("Introduce el login de la persona!");
return false;
} else{
var login = $('#login').val();
}
if($('#password').val() == ""){
alert("Introduce el password de la persona!");
return false;
} else{
var password = $('#password').val();
}
if($('#admin').prop('checked')){
var admin = $('#admin').val();
}else{
var admin = "normal";
}
if($('#btnEjecutar').val() == "Editar"){
op = "2";
var idu = $('#idu').val();
}else{
op = "1";
var idu = "";
}
$.post("admon_crud.php",{
nombre:nombre,
login:login,
password: password,
admin:admin,
op:op,
idu:idu
},function(){
location.reload();
});
});
//---------------------btnDelete------------
$(".btnDelete").click(function(){
var $row = $(this).closest("tr");
var $idu = $row.find(".idu").text();
var op = "3";
$.post("admon_crud.php",{idu:$idu,op:op},function(){location.reload();});
});
//-------------------btnEdit----------------------
$(".btnEdit").click(function(){
var $row = $(this).closest("tr");
var $idu = $row.find(".idu").text();
var op = "4";
$.post("admon_crud.php",{idu:$idu,op:op},function(data){
var datosObj = $.parseJSON(data);
$("#nombre").val(datosObj['nombre']);
$("#login").val(datosObj['login']);
$("#password").val(datosObj['password']);
$("#idu").val(datosObj['idu']);
if(datosObj['tipo'] == "admin"){
$("#admin").prop("checked",true);
}else{
$("#admin").prop("checked",false);
}
$("#btnEjecutar").val("Editar");
});
});
});
-------------------------------------
admon_crud.php
------------------------------------
<?php
include 'varsdb.php';
$nombre = $login = $password = $admin = "";
$op = $idu = "";
$nombre = $_POST["nombre"];
$login = $_POST["login"];
$password = $_POST["password"];
$admin = $_POST["admin"];
$idu = $_POST["idu"];
$op = $_POST["op"];
$conn = new mysqli($servername,$username,$password_db,$dbname);
if($conn->connect_error){
die("La conexion fallo ".$conn->connect_error);
}else{
$result = $conn->query(RegresaSql($idu, $op, $nombre, $login, $password, $admin));
if($op == "4"){
$row = $result->fetch_assoc();
echo json_encode($row);
}
}
function RegresaSql($u,$o,$n,$lo,$pas,$adm){
switch ($o){
case "1":
$sql = "INSERT INTO usuarios(nombre,login,password,tipo)";
$sql .= " VALUES ('$n', '$lo', '$pas', '$adm')";
break;
case "2":
$sql = "UPDATE usuarios SET nombre= '$n', password= '$pas', login= '$lo', tipo= '$adm'";
$sql .= " WHERE idu = '$u'";
break;
case "3":
$sql = "DELETE FROM usuarios WHERE idu = $u";
break;
case "4":
$sql = "SELECT * FROM usuarios WHERE idu = '$u'";
break;
}
return $sql;
}
viernes, 28 de octubre de 2016
CRUD con JQUERY-PHP Actualizado!
Suscribirse a:
Enviar comentarios (Atom)
No hay comentarios:
Publicar un comentario