{"id":525,"date":"2013-06-20T09:02:34","date_gmt":"2013-06-20T15:02:34","guid":{"rendered":"http:\/\/behstant.com\/blog\/?p=525"},"modified":"2016-05-02T10:30:39","modified_gmt":"2016-05-02T16:30:39","slug":"crear-tabla-con-id-de-base-de-datos-y-mostrar-informacion-al-hacer-click","status":"publish","type":"post","link":"https:\/\/behstant.com\/blog\/php\/crear-tabla-con-id-de-base-de-datos-y-mostrar-informacion-al-hacer-click\/","title":{"rendered":"Crear Tabla HTML con ID y Mostrar Informaci\u00f3n (PHP,MySQL)"},"content":{"rendered":"

Dandole seguimiento a los tutoriales que he realizado, \u00a0ahora voy a mostrar como \u00a0como llenar una tabla con el id y que \u00e9ste tenga un enlace para que cuando el usuario le de click se despliegue la informaci\u00f3n.<\/p>\n

Para poder completar este tutorial primero debes de haber realizado el tutorial\u00a0M\u00e9todo PDO::query para obtener resultados con MySQL<\/a>\u00a0para saber como obtener resultados de un query. Como se puede obervar en ese tutorial mostramos nuestro resultado en una tabla. \u00a0Para cumplir nuestro objetivo vamos crear un query string con el id del empleado en la tabla que hemos creado. \u00a0Este query string lo vamos a formar en un\u00a0\u00a0tag anchor ‘a’ . Tambi\u00e9n tienes que haber completado el tutorial\u00a0M\u00e9todo PDO::prepare Obtener Resultados con Parametros<\/a>\u00a0para saber como buscar un registro dado un valor.<\/p>\n

1.- Primero que nada debemos de tener nuestra tabla ya lista.<\/p>\n

<\/p>\n

\"\"<\/a><\/p>\n

2.- Ahora tenemos que modificar un poco la creaci\u00f3n de nuestra tabla la cual tiene este c\u00f3digo:<\/p>\n

                <?php\r\n\t\t\tforeach ($rows as $row) {\t\r\n\t\t?>\r\n\t\t\t<tr>\r\n\t\t\t\t<td><?php echo $row['id_empleado']; ?><\/td>\r\n\t\t\t\t<td><?php echo $row['nombre']; ?><\/td>\r\n\t\t\t\t<td><?php echo $row['email']; ?><\/td>\r\n\t\t\t\t<td><?php echo $row['telefono']; ?><\/td>\r\n\t\t\t<\/tr>\r\n\t\t<?php } ?><\/pre>\n
Y lo vamos a cambiar por este otro<\/p>\n
                <?php\r\n\t\t\tforeach ($rows as $row) {\r\n\t\t?>\r\n\t\t\t<tr>\r\n\t\t\t\t<td><a href="searchEmployee.php?id=<?php echo $row['id_empleado']; ?>"><?php echo $row['id_empleado']; ?><\/a><\/td>\r\n\t\t\t\t<td><?php echo $row['nombre']; ?><\/td>\r\n\t\t\t\t<td><?php echo $row['email']; ?><\/td>\r\n\t\t\t\t<td><?php echo $row['telefono']; ?><\/td>\r\n\t\t\t<\/tr>\r\n\t\t<?php } ?><\/pre>\n
Y resultado de nuestra tabla va a ser los Id con un link hacia una p\u00e1gina llamada searchEmployee.php.<\/p>\n
\"\"<\/a><\/p>\n
Este es el c\u00f3digo completo \u00a0que nos da el resultado anterior:<\/p>\n
<?php\r\n\trequire_once 'Connection.simple.php';\r\n\t$result;\r\n\r\n\t$conn = dbConnect();\r\n\t\/\/ Create the query\r\n\t$sql = 'SELECT * FROM empleado';\r\n\t\/\/ Create the query and asign the result to a variable call $result\r\n\t$result = $conn->query($sql);\r\n\t\/\/ Extract the values from $result\r\n\t$rows = $result->fetchAll();\r\n\t\/\/ Since the values are an associative array we use foreach to extract the values from $rows\r\n ?>\r\n <!DOCTYPE html>\r\n<html lang="en">\r\n    <head>\r\n    \t<meta charset="UTF-8" \/>\r\n        <title>Query data sending an ID<\/title>\r\n        <meta http-equiv="X-UA-Compatible" content="IE=9,crome" \/>\r\n\t\t<meta name="copyright" content="Datasoft Engineering 2013"\/>\r\n\t\t<meta name="author" content="Reedyseth"\/>\r\n\t\t<meta name="email" content="ibarragan@behstant.com"\/>\r\n\t\t<meta name="description" content="Query data sending an ID" \/>\r\n\t\t<link rel=stylesheet href="..\/css\/style01.css">\r\n\t<\/head>\r\n    <body>\r\n    \t<table border="1">\r\n\t\t<thead>\r\n\t\t\t<tr>\r\n\t\t\t\t<th>ID<\/th>\r\n\t\t\t\t<th>Nombre<\/th>\r\n\t\t\t\t<th>Email<\/th>\r\n\t\t\t\t<th>Telefono<\/th>\r\n\t\t\t<\/tr>\r\n\t\t<\/thead>\r\n\t\t<tbody>\r\n\t\t<?php\r\n\t\t\tforeach ($rows as $row) {\r\n\t\t?>\r\n\t\t\t<tr>\r\n\t\t\t\t<td><a href="searchEmployee.php?id=<?php echo $row['id_empleado']; ?>"><?php echo $row['id_empleado']; ?><\/a><\/td>\r\n\t\t\t\t<td><?php echo $row['nombre']; ?><\/td>\r\n\t\t\t\t<td><?php echo $row['email']; ?><\/td>\r\n\t\t\t\t<td><?php echo $row['telefono']; ?><\/td>\r\n\t\t\t<\/tr>\r\n\t\t<?php } ?>\r\n\t\t<\/tbody>\r\n\t<\/table>\r\n<\/html><\/pre>\n
3.-Ahora vamos a realizar la b\u00fasqueda de la informaci\u00f3n del empleado. Podemos ver que en el query string obtenemos la variable id con un valor, algo as\u00ed:<\/p>\n
     searchEmployee.php?id=1<\/pre>\n
Como la informaci\u00f3n es enviada a trav\u00e9s de un query string en php la vamos a obtener con $_GET, ya que la informaci\u00f3n no es enviada por una forma. Entonces con el siguiente c\u00f3digo realizamos la busqueda y guardamos el valor en una variable $row.<\/p>\n
<?php\r\n\trequire_once 'Connection.simple.php';\r\n\t$result = "";\r\n\t$row = null;\r\n\t$conn = dbConnect();\r\n\t\/\/ If 'buscar' is in the array $_POST proceed to make the query.\r\n\tif (isset($_GET['id'])) {\r\n\t\t\/\/ Create the query\r\n\t\t$sql = 'SELECT * FROM empleado WHERE id_empleado = ?';\r\n\t\t\/\/ we have to tell the PDO that we are going to send values to the query\r\n\t\t$stmt = $conn->prepare($sql);\r\n\t\t\/\/ Now we execute the query passing an array toe execute();\r\n\t\t$results = $stmt->execute(array($_GET['id']));\r\n\t\t\/\/ Extract the values from $result\r\n\t\t$row = $stmt->fetch();\r\n\t\t\/*\r\n\t\t$error = $stmt->errorInfo();\r\n\t\techo $error[2];\r\n\t\t*\/\r\n\t\tif (empty($row)) {\r\n\t\t\t$result = "No se encontraron resultados !!";\r\n\t\t}\r\n\t}\r\n ?><\/pre>\n
4.- Ahora para mostrar la informaci\u00f3n del empleado vamos a usar una forma. La raz\u00f3n por la que se usa una forma es por que en un siguiente post voy a mostrar como editar o eliminar un registro \u00a0y \u00e9sta va a ser la plantilla base.<\/p>\n
<label for="id">Id de empleado:<\/label>\r\n<input type="text" name="id" id="id"\/ disabled="disabled" value="<?php echo $row['id_empleado'];?>"><br\/>\r\n<label for="nombre">Nombre:<\/label>\r\n<input type="text" name="nombre" id="nombre"\/ value="<?php echo $row['nombre'];?>"><br\/>\r\n<label for="email">Email:<\/label>\r\n<input type="text" name="email" id="email" value="<?php echo $row['email'];?>"\/><br\/>\r\n<label for="telefono">Telefono:<\/label>\r\n<input type="text" name="telefono" id="telefono" value="<?php echo $row['telefono'];?>"\/><br\/>\r\n<input type="submit" name="update" value="Actualizar" disabled="disabled"\/>\r\n<input type="submit" name="delete" value="Eliminar" disabled="disabled"\/><\/pre>\n
Una vez mostrado nuestra informaci\u00f3n queda listo para ser editada o eliminada.<\/p>\n
\"\"<\/a><\/p>\n
Para el tutorial mostr\u00e9 la informaci\u00f3n en una forma, pero no tiene que ser de esta manera siempre, ustedes pueden poner la informaci\u00f3n en cualquier tag de HTML y darle formato.<\/p>\n
Si tienen dudas o comentarios sobre el post no duden en realizarlas.<\/p>\n
El c\u00f3digo con comentarios detallados se encuentra aqu\u00ed :<\/p>\n\t
\n\n\t\t\t
\n\t\t