Usuarios: Agregar un nuevo usuario en PHP MYSQL

Insertar un registro en la tabla Usuarios

Publicado en Lector de Códigos QR 2018-03-28 17:13:18

Usuarios: Agregar un nuevo usuario en PHP MYSQL

Registro de un nuevo Usuario PHP MYSQL

HTML Php QR

Resumen: Desarrollo de la opción nuevo, donde insertaremos un nuevo registro en la tabla de usuarios de la BD qr-apptiva, mediante un formulario html

Llegamos a la opción o acción nuevo, esta es una de las más importantes puesto que debe permitir el registro de un nuevo usuario, capturando sus datos, validarlos y almacenarlos en la Base de Datos, pero más importante aún es el Generador de códigos QR, cuando registramos un nuevo usuario el sistema debe generar automaticamente un Código Qr; pero primero veamos como realizar el registro de un nuevo usuario:

Ubicandonos en la carpeta qr-apptiva/views/paginas/index.php  procedemos a desarrollar la acción nuevo y el codigo quedaría de la siguiente manera:

  1. Verifica si existe un método post o get btn_guardar
  2. Si existe, recupera los valores de los campos del formulario,
  3. Formatea los datos para establecer  la consulta  insert Mysql
  4. Si logra  insertar el registro, genera el código QR, con el ultimo ID insertado.
  5. Si no existe un valor para  btn_guardar, muestra el formulario con su campos configurados para aceptar valor correctos, ademas de Subir una imagen o foto mediante AJAX usando la Librería JS ajaupload.
  6. Al presionar el boton btn_guardar hace submit creandose el método post.
/// ACCION NUEVO
if (isset($_REQUEST['btn_guardar'])):                    
							$nombre	    =   $_POST['nombre'];
							$dni        =   $_POST['dni'];
							$telefono   =   $_POST['telefono'];
							$email	    =	$_POST['email'];
							$direccion	=	preg_replace('/\'/', '´', $_POST['direccion']);
							$seccion	=	$_POST['seccion'];
							$nro	    =	$_POST['nro'];
							$urlfoto	=	$_POST['urlfoto'];
		                    $urlqr      =   "temp.png";

							$data="'".$nombre."',
							'".$dni."',
							'".$telefono."',
							'".$email."',
							'".$direccion."',
							'".$seccion."',
							'".$nro."',
							'".$urlfoto."',
		                    '".$urlqr."',NOW(),NOW(),0";                    
							$i=$user->insert("usuario",$data);
							if($i->rowCount()>0):						
		                        require 'app/clases/phpqrcode/qrlib.php';
		                        $id=$user->lastInsertId();
		                        QRcode::png($id,"public/img/qr_".$id.".png",'L',32,5);
		                        mensaje("Usuario Registrado <a href='".urlsite."'> CONTINUAR</a> ",1);
							else:
								mensaje("Inténtelo más tarde",4);
							endif;
						else:
		                    $idusuario  =   $user->ultimoId("usuario")+1;
		                    $anio       =   date("Y");

							?>                  
		                    <form class="form-horizontal" role="form" method="post" action="" >
		                        <div class="col-sm-8">
										<div class="form-group">
		                                    <label class="control-label col-sm-2" for="nro">CARTILLA</label>
		                                    <div class="col-sm-4">
		                                        <input type="text" class="form-control" name="nro" id="nro" value="C<?php echo $anio."U".$idusuario ?>" readonly>
		                                    </div>                              	
		                                    <label class="control-label col-sm-2" for="dni">DNI</label>
		                                    <div class="col-sm-4">
		                                      <input type="text" class="form-control" name="dni" id="dni" maxlength="8">
		                                    </div>
		                                </div>

		                                <div class="form-group">
		                                    <label class="control-label col-sm-2" for="bre">NOMBRE</label>
		                                    <div class="col-sm-10">
		                                      <input type="text" class="form-control" name="nombre" id="bre" placeholder="Nombre completo"  >
		                                    </div>
		                              	</div>
		                                <div class="form-group">
		                                    <label class="control-label col-sm-2" for="telefono">TELÉFONO</label>
		                                    <div class="col-sm-4">
		                                        <input type="tel" class="form-control" name="telefono" id="telefono" maxlength="9"  >
		                                    </div>                              	
		                                    <label class="control-label col-sm-2" for="email">EMAIL</label>
		                                    <div class="col-sm-4">
		                                        <input type="email" class="form-control" id="email" name="email">
		                                    </div>
		                              	</div>
		                                <div class="form-group">
		                                    <label class="control-label col-sm-2" for="direccion">DIRECCIÓN</label>
		                                    <div class="col-sm-4">
		                                        <input type="text" class="form-control" id="direccion" name="direccion">
		                                    </div>                              	
		                                    <label class="control-label col-sm-2" for="seccion">SECTOR</label>
		                                    <div class="col-sm-4">
		                                      <input type="text" class="form-control" id="seccion" name="seccion"
		                                      >
		                                    </div>
		                              	</div>
		                        </div>
		                        <div class="col-sm-4">
		                            <div class="form-group">
		                                    <input type="hidden" name="urlfoto" id="urlfoto" value="foto.jpg"/>
		                                    <script>				 
		                                        $(function() {                                
		                                            var btn_firma = $('#addImage1'), interval;
		                                            new AjaxUpload('#addImage1', {
		                                                action: 'app/clases/upload.php?w=500&h=500&url=public/img',
		                                                onSubmit : function(file , ext){
		                                                    if (! (ext && /^(jpg|png)$/.test(ext))){
		                                                        // extensiones permitidas
		                                                        alert('Sólo se permiten Imagenes .jpg o .png');
		                                                        // cancela upload
		                                                        return false;
		                                                    } else {
		                                                        $('#loaderAjax').show();
		                                                        btn_firma.text('Espere por favor');
		                                                        this.disable();
		                                                    }
		                                                },
		                                                onComplete: function(file, response){            
		                                                    // alert(response);
		                                                    btn_firma.text('Cambiar foto');
		                                                    respuesta = $.parseJSON(response);
		                                                    if(respuesta.respuesta == 'done'){
		                                                        $('#foto').removeAttr('scr');
		                                                        $('#foto').attr('src','public/img/' + respuesta.fileName);
		                                                        $('#loaderAjax').show();
		                                                        $('#urlfoto').val(respuesta.fileName)
		                                                    }
		                                                    else{
		                                                        alert(respuesta.mensaje);
		                                                    }            
		                                                    $('#loaderAjax').hide();
		                                                    this.enable();	
		                                                }
		                                            });
		                                        });
		                                    </script>
		                                    <img src="public/img/foto.jpg" name="foto" class="img-responsive img-thumbnail"  id="foto">
		                                    <button class="btn btn-danger btn-xs" id="addImage1">Subir Foto</button><span></span>
		                                    <div class="loaderAjax" id="loaderAjax" style="display: none;">
		                                        <img src="public/img/loading.gif">
		                                        <span>Cargando foto...</span>
		                                    </div>
		                              
		                            </div>
		                        </div>
		                        <div class="col-sm-6 col-sm-offset-2">
		                            <div class="form-group">
		                                <button type="submit" name="btn_guardar" class="btn btn-danger" id="btn_guardar"> GUARDAR </button>
		                                <input type="hidden" name="page" value="nuevo">
		                            </div>                            
		                        </div>
							</form>
							<?php 
						endif;				
                
                		/// FIN ACCION NUEVO

 

Redacción:| Artículo leído: 363 veces | Publicación:


Compártelo con tus amigos