{"id":192,"date":"2015-11-06T12:59:14","date_gmt":"2015-11-06T18:59:14","guid":{"rendered":"http:\/\/naps.com.mx\/blog\/?p=192"},"modified":"2017-11-16T12:15:52","modified_gmt":"2017-11-16T18:15:52","slug":"insercion-de-registros-en-php-y-mysql","status":"publish","type":"post","link":"https:\/\/naps.com.mx\/blog\/insercion-de-registros-en-php-y-mysql\/","title":{"rendered":"Inserci\u00f3n de registros en PHP y MySQL"},"content":{"rendered":"<p>Una de las principales habilidades que todo programador debe adquirir es la de trabajar con bases de datos. A continuaci\u00f3n mostraremos c\u00f3mo de forma muy simple podemos crear una p\u00e1gina din\u00e1mica que nos permita utilizar un formulario para inserci\u00f3n de registros en PHP en\u00a0una tabla.<\/p>\n<div id=\"attachment_205\" style=\"width: 1210px\" class=\"wp-caption alignnone\"><a href=\"http:\/\/naps.com.mx\/blog\/wp-content\/uploads\/2015\/11\/night-apple-mouse-mac.jpg\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-205\" class=\"size-full wp-image-205\" src=\"http:\/\/naps.com.mx\/blog\/wp-content\/uploads\/2015\/11\/night-apple-mouse-mac.jpg\" alt=\"inserci\u00f3n de registros en PHP\" width=\"1200\" height=\"899\" srcset=\"https:\/\/naps.com.mx\/blog\/wp-content\/uploads\/2015\/11\/night-apple-mouse-mac.jpg 1200w, https:\/\/naps.com.mx\/blog\/wp-content\/uploads\/2015\/11\/night-apple-mouse-mac-300x225.jpg 300w, https:\/\/naps.com.mx\/blog\/wp-content\/uploads\/2015\/11\/night-apple-mouse-mac-1024x767.jpg 1024w\" sizes=\"auto, (max-width: 1200px) 100vw, 1200px\" \/><\/a><p id=\"caption-attachment-205\" class=\"wp-caption-text\">Aprende inserci\u00f3n de registros en PHP<\/p><\/div>\n<p><!--more--><\/p>\n<h2><strong>Creaci\u00f3n de la Base de Datos en PhpMyAdmin<\/strong><\/h2>\n<p>1. Entramos a phpMyAdmin (http:\/\/localhost\/phpmyadmin)<\/p>\n<p>2. Seleccionamos Nueva Base de Datos y escribimos el nombre \u201corganizacion\u00bb. Clic en Crear.<\/p>\n<p><a href=\"http:\/\/naps.com.mx\/blog\/wp-content\/uploads\/2015\/11\/crear_bd_mysql.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-200\" src=\"http:\/\/naps.com.mx\/blog\/wp-content\/uploads\/2015\/11\/crear_bd_mysql.png\" alt=\"crear_bd_mysql\" width=\"530\" height=\"131\" srcset=\"https:\/\/naps.com.mx\/blog\/wp-content\/uploads\/2015\/11\/crear_bd_mysql.png 530w, https:\/\/naps.com.mx\/blog\/wp-content\/uploads\/2015\/11\/crear_bd_mysql-300x74.png 300w\" sizes=\"auto, (max-width: 530px) 100vw, 530px\" \/><\/a><\/p>\n<p>3. Creamos la tabla \u201cpersonas\u201d, que tendr\u00e1 4 campos. Clic en Continuar.<\/p>\n<p><a href=\"http:\/\/naps.com.mx\/blog\/wp-content\/uploads\/2015\/11\/crear_tabla_mysql.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-201\" src=\"http:\/\/naps.com.mx\/blog\/wp-content\/uploads\/2015\/11\/crear_tabla_mysql.png\" alt=\"crear_tabla_mysql\" width=\"1113\" height=\"192\" srcset=\"https:\/\/naps.com.mx\/blog\/wp-content\/uploads\/2015\/11\/crear_tabla_mysql.png 1113w, https:\/\/naps.com.mx\/blog\/wp-content\/uploads\/2015\/11\/crear_tabla_mysql-300x52.png 300w, https:\/\/naps.com.mx\/blog\/wp-content\/uploads\/2015\/11\/crear_tabla_mysql-1024x177.png 1024w\" sizes=\"auto, (max-width: 1113px) 100vw, 1113px\" \/><\/a><\/p>\n<p>4. Escribimos los nombres de los campos de la tabla, como se ve en la imagen.<\/p>\n<p><a href=\"http:\/\/naps.com.mx\/blog\/wp-content\/uploads\/2015\/11\/campos_tabla_mysql.png\"><img loading=\"lazy\" decoding=\"async\" class=\" size-full wp-image-199 aligncenter\" src=\"http:\/\/naps.com.mx\/blog\/wp-content\/uploads\/2015\/11\/campos_tabla_mysql.png\" alt=\"campos_tabla_mysql\" width=\"1092\" height=\"277\" srcset=\"https:\/\/naps.com.mx\/blog\/wp-content\/uploads\/2015\/11\/campos_tabla_mysql.png 1092w, https:\/\/naps.com.mx\/blog\/wp-content\/uploads\/2015\/11\/campos_tabla_mysql-300x76.png 300w, https:\/\/naps.com.mx\/blog\/wp-content\/uploads\/2015\/11\/campos_tabla_mysql-1024x260.png 1024w\" sizes=\"auto, (max-width: 1092px) 100vw, 1092px\" \/><\/a><\/p>\n<p><strong>Nota<\/strong>: Estamos definiendo 3 tipos de datos distintos: <em>Varchar<\/em>, <em>date<\/em>, <em>int<\/em>. De \u00e9stos debemos especificar la longitud del campo de tipo <em>Varchar<\/em>. Adem\u00e1s, marcamos el campo <em>id_persona<\/em> como <em>PRIMARY<\/em>, y como <em>A_I (Autoincrement).<\/em><\/p>\n<h2><strong>Dise\u00f1o del formulario<\/strong><\/h2>\n<ol start=\"5\">\n<li>Creamos el formulario para inserci\u00f3n de\u00a0registros en PHP en esta tabla. Para esto utilizaremos <strong><em>bootstrap<\/em><\/strong>, por lo que si no cuentas con \u00e9ste framework puedes descargarlo <a href=\"http:\/\/getbootstrap.com\/getting-started\/#download\" target=\"_blank\">aqu\u00ed<\/a>. Especifica correctamente los nombres de las carpetas en el <em>head<\/em>.<\/li>\n<\/ol>\n<p>Secci\u00f3n <em>head<\/em> de la p\u00e1gina:<\/p>\n<pre class=\"theme:sublime-text toolbar:1 lang:default decode:true\">&lt;!doctype=html&gt;\r\n&lt;html lang=\"es\"&gt;\r\n&lt;head&gt;\r\n&lt;meta charset=\"utf-8\"&gt;\r\n&lt;title&gt; Ingresar personas &lt;\/title&gt;\r\n&lt;link rel=\"stylesheet\" href=\"bootstrap-3.3.5-dist\/css\/bootstrap.css\"&gt;\r\n&lt;script src=\"bootstrap-3.3.5-dist\/js\/jquery.min.js\"&gt;&lt;\/script&gt;\r\n&lt;script src=\"bootstrap-3.3.5-dist\/js\/bootstrap.min.js\"&gt; &lt;\/script&gt;\r\n&lt;\/head&gt;\r\n<\/pre>\n<ol start=\"6\">\n<li>En el <em>body<\/em>, creamos los elementos de formulario. Utilizaremos las clases de <em>bootstrap<\/em> para darle estilo a nuestro formulario.<\/li>\n<\/ol>\n<pre class=\"theme:sublime-text toolbar:1 lang:default decode:true\">&lt;body&gt;\r\n&lt;div class=\"container\"&gt;\r\n  &lt;div class=\"row\"&gt;\r\n    &lt;div class=\"col-md-10 col-md-offset-1\"&gt;\r\n       &lt;div class=\"panel panel-primary\"&gt;\r\n\t  &lt;div class=\"panel-heading\"&gt; \r\n             &lt;h3&gt;Nueva Persona&lt;\/h3&gt; &lt;\/div&gt;\r\n\t     &lt;div class=\"panel-body\"&gt;\r\n\t         &lt;form class=\"form-horizontal\" role=\"form\" method=\"post\" \r\n                       action=\"personas_guardar.php\"&gt;\r\n                     &lt;div class=\"form-group\"&gt;\r\n\t\t\t&lt;label class=\"col-md-4 control-label\"&gt;Nombre&lt;\/label&gt;\r\n\t\t\t&lt;div class=\"col-md-6\"&gt;\r\n\t\t\t  &lt;input type=\"text\" name=\"nombre\" class=\"form-control\"&gt;\r\n\t\t\t&lt;\/div&gt;\r\n\t\t     &lt;\/div&gt;\r\n\t\t     &lt;div class=\"form-group\"&gt;\r\n\t\t\t&lt;label class=\"col-md-4 control-label\"&gt;Fecha de ingreso\r\n                        &lt;\/label&gt;\r\n\t\t\t&lt;div class=\"col-md-6\"&gt;\t\r\n\t\t\t&lt;input type=\"date\" name=\"fecha_ingreso\" \r\n                          class=\"form-control\"&gt;\r\n\t\t      &lt;\/div&gt;\r\n\t\t    &lt;\/div&gt;\r\n\t\t    &lt;div class=\"form-group\"&gt;\r\n\t\t\t&lt;label class=\"col-md-4 control-label\"&gt;Dependientes\r\n                        &lt;\/label&gt;\r\n\t\t\t&lt;div class=\"col-md-6\"&gt;\t\r\n\t\t\t  &lt;input type=\"text\" name=\"dependientes\" \r\n                            class=\"form-control\"&gt;\r\n\t\t         &lt;\/div&gt;\r\n\t\t     &lt;\/div&gt;\r\n\t\t     &lt;div class=\"col-md-6 col-md-offset-4\"&gt;\r\n\t\t\t&lt;button type=\"submit\"  class=\"btn btn-primary\"&gt; Crear \r\n                        &lt;\/button&gt; \r\n\t\t\t&lt;a type=\"button\" class=\"btn btn-default\" \r\n                          href=\"index.php\"&gt; Cancelar &lt;\/a&gt;\r\n\t\t     &lt;\/div&gt;\r\n\t        &lt;\/form&gt;\r\n\t       &lt;\/div&gt;\r\n              &lt;\/div&gt;\r\n\t    &lt;\/div&gt;\r\n\t&lt;\/div&gt;\r\n&lt;\/div&gt;\r\n<\/pre>\n<p><strong>Nota<\/strong>: Deberemos guardar este archivo con el nombre <em>personas_nuevo.php<\/em> en una carpeta que est\u00e9 adentro del servidor. (En el caso de Appserv es la carpeta www y en el caso de Xampp es la carpeta htdocs). Para este ejemplo, se ha creado una carpeta llamada Personas.<\/p>\n<ol start=\"7\">\n<li>Ejecutamos el programa. Usamos la ruta: [http:\/\/localhost\/personas\/personas_nuevo.php].<\/li>\n<\/ol>\n<p><a href=\"http:\/\/naps.com.mx\/blog\/wp-content\/uploads\/2015\/11\/formulario_personas_bootstrap.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-202\" src=\"http:\/\/naps.com.mx\/blog\/wp-content\/uploads\/2015\/11\/formulario_personas_bootstrap.png\" alt=\"formulario_personas_bootstrap\" width=\"957\" height=\"297\" srcset=\"https:\/\/naps.com.mx\/blog\/wp-content\/uploads\/2015\/11\/formulario_personas_bootstrap.png 957w, https:\/\/naps.com.mx\/blog\/wp-content\/uploads\/2015\/11\/formulario_personas_bootstrap-300x93.png 300w\" sizes=\"auto, (max-width: 957px) 100vw, 957px\" \/><\/a><\/p>\n<h2><strong>Programaci\u00f3n del acceso a la Base de Datos<\/strong><\/h2>\n<ol start=\"8\">\n<li>El siguiente paso consistir\u00e1 en crear un archivo de conexi\u00f3n. \u00c9ste contendr\u00e1 el siguiente c\u00f3digo:<\/li>\n<\/ol>\n<p>&nbsp;<\/p>\n<pre class=\"theme:sublime-text toolbar:1 lang:php decode:true\">&lt;?php \r\n$conexion = mysql_connect(\"localhost\", \"root\", \"\"); \r\n$base = mysql_select_db(\"organizacion\");\r\n?&gt;<\/pre>\n<p><strong>Nota<\/strong>: el nombre con el que deber\u00e1s guardarlo ser\u00e1: conexion.php<\/p>\n<h2>Inserci\u00f3n de registros en PHP en la Base de datos<\/h2>\n<ol start=\"9\">\n<li>Ahora crearemos el archivo <em>php<\/em>. Como primeras l\u00edneas escribiremos el script PHP que nos permite la inserci\u00f3n de registros en PHP en la base de datos.<\/li>\n<\/ol>\n<pre class=\"toolbar:1 lang:php decode:true \">&lt;?php\r\ninclude (\"conexion.php\");\r\n$sql = sprintf(\"insert into personas (nombre, fecha_ingreso, dependientes)\r\n                            values\u00a0\u00a0 ('%s',\u00a0\u00a0 '%s',\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 %s)\",\r\n                                      $_POST['nombre'],\r\n                                      $_POST['fecha_ingreso'],\r\n                                      $_POST['dependientes']);\r\n$insertar = mysql_query($sql) or die(mysql_error());\r\n?&gt;<\/pre>\n<ol start=\"10\">\n<li>A continuaci\u00f3n el resto de la p\u00e1gina que mostrar\u00e1 un mensaje de confirmaci\u00f3n.<\/li>\n<\/ol>\n<pre class=\"toolbar:1 lang:default decode:true \">&lt;body&gt;\r\n&lt;div class=\"container\"&gt;\r\n  &lt;div class=\"row\"&gt;\r\n    &lt;div class=\"col-md-10 col-md-offset-1\"&gt;\r\n       &lt;div class=\"panel panel-primary\"&gt;\r\n\t  &lt;div class=\"panel-heading\"&gt; \r\n             &lt;h3&gt;Nueva Persona&lt;\/h3&gt; &lt;\/div&gt;\r\n\t     &lt;div class=\"panel-body\"&gt;\r\n\t         &lt;div class=\"alert alert-success\"&gt;\r\n                    &lt;p&gt;Registro de Persona guardado.\u00a0 &lt;\/p&gt;\r\n                    &lt;a type=\"button\" class=\"btn btn-primary\" \r\n                       href=\"personas_nuevo.php\"&gt;\r\n                       &lt;span class=\"glyphicon glyphicon-plus\"&gt; &lt;\/span&gt; \r\n                         Agregar Nueva persona\r\n                    &lt;\/a&gt;\r\n\t       &lt;\/div&gt;\r\n              &lt;\/div&gt;\r\n\t    &lt;\/div&gt;\r\n\t&lt;\/div&gt;\r\n&lt;\/div&gt;\r\n<\/pre>\n<ol start=\"11\">\n<li>Escribe algunos datos que deseas guardar. El resultado deber\u00eda ser algo as\u00ed como:<\/li>\n<\/ol>\n<p><a href=\"http:\/\/naps.com.mx\/blog\/wp-content\/uploads\/2015\/11\/persona_guardar.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-203\" src=\"http:\/\/naps.com.mx\/blog\/wp-content\/uploads\/2015\/11\/persona_guardar.png\" alt=\"persona_guardar\" width=\"955\" height=\"224\" srcset=\"https:\/\/naps.com.mx\/blog\/wp-content\/uploads\/2015\/11\/persona_guardar.png 955w, https:\/\/naps.com.mx\/blog\/wp-content\/uploads\/2015\/11\/persona_guardar-300x70.png 300w\" sizes=\"auto, (max-width: 955px) 100vw, 955px\" \/><\/a>Te invito a expresar tus dudas y comentarios acerca de este ejercicio.<\/p>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Una de las principales habilidades que todo programador debe adquirir es la de trabajar con bases de datos. A continuaci\u00f3n mostraremos c\u00f3mo de forma muy simple podemos crear una p\u00e1gina din\u00e1mica que nos permita utilizar un formulario para inserci\u00f3n de registros en PHP en\u00a0una tabla.<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"amp_status":"","footnotes":""},"categories":[171,55],"tags":[84,86,85],"class_list":["post-192","post","type-post","status-publish","format-standard","hentry","category-programacion-web","category-programacion-y-desarrollo","tag-abc-en-php","tag-curso-php","tag-ejercicios-php"],"_links":{"self":[{"href":"https:\/\/naps.com.mx\/blog\/wp-json\/wp\/v2\/posts\/192","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/naps.com.mx\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/naps.com.mx\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/naps.com.mx\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/naps.com.mx\/blog\/wp-json\/wp\/v2\/comments?post=192"}],"version-history":[{"count":11,"href":"https:\/\/naps.com.mx\/blog\/wp-json\/wp\/v2\/posts\/192\/revisions"}],"predecessor-version":[{"id":1126,"href":"https:\/\/naps.com.mx\/blog\/wp-json\/wp\/v2\/posts\/192\/revisions\/1126"}],"wp:attachment":[{"href":"https:\/\/naps.com.mx\/blog\/wp-json\/wp\/v2\/media?parent=192"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/naps.com.mx\/blog\/wp-json\/wp\/v2\/categories?post=192"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/naps.com.mx\/blog\/wp-json\/wp\/v2\/tags?post=192"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}