Post Top Ad

Your Ad Spot

domingo, 19 de abril de 2020

Forms Laravel

Laravel maneja los formularios html al proporcionar varias etiquetas integradas. Laravel genera los elementos principales necesarios para un HTML. Para generar los elementos html, necesitamos agregar el paquete html en Laravel usando el compositor.

Instalación

  • Primero instalamos el paquete usando el compositor. Ingrese el siguiente comando en la ventana de Git bash para instalar el paquete.
  1. $ composer requiere "laravelcollective / html" "^ 5.4.0"    
Cuando ingresamos el comando anterior en la ventana de Git bash, la salida sería:
Formas Laravel
En la ventana anterior, observamos que el comando " $ composer require" laravelcollective / html ":" ^ 5.4.0 "actualiza el archivo composer.json requerido para laravelcollective / html .
  • Luego, abra el directorio config / app en su proyecto y agregue el proveedor html en la matriz de proveedores del archivo config / app.php .
Formas Laravel
El área resaltada anteriormente representa el HtmlServiceProvider agregado en la matriz de proveedores del archivo config / app.php .
  • Por último, agregamos los dos alias de clase a la matriz de alias del archivo config / app.php .
  1. 'alias'  => [  
  2.          Form '=> Illuminate \ Html \ FormFacade :: class ,  
  3.         'Html'  => Illuminate \ Html \ HtmlFacade :: class ,   
  4.         ],  

Abrir un formulario

Podemos abrir un formulario utilizando el código que figura a continuación:
  1. {Form :: open ([ 'url'  =>  'post / create' ])}  
  2. //  
  3. {Formulario :: cerrar ()}  
En las formas laravel, se supone que el método predeterminado es el método ' post ' si no se menciona, pero somos libres de especificar cualquier otro método. Dado que los formularios admiten los métodos Post, Put, Delete y Get, estos métodos se pueden agregar en un formulario utilizando el campo de método oculto.
Si queremos usar el método put en un formulario, el código se proporciona a continuación:
  1. Form :: open ([ 'url' => 'Publicar / crear,' método '=>' Poner '' ])  
También podemos abrir formularios que apuntan a las rutas nombradas o acciones del controlador.
  1. Form.open ([ 'route'  =>  'route.name' ])  
  2. Form.open ([ 'action'  =>  'Controller @ method' ])  

Generando elementos HTML

  • Etiqueta
La etiqueta es un texto normal que apareció en forma HTML. La sintaxis para escribir un elemento de etiqueta en Laravel se da a continuación:
Form :: label ('phone_no', 'Phone Number');
También podemos especificar los atributos adicionales en un elemento de etiqueta.
Form :: label ('phone_no', 'Phone Number', ['class' => 'phone_no']);
En este caso, hemos agregado la 'clase' como un atributo en un elemento Label.
  • Texto
El texto es un área donde el usuario puede ingresar sus datos. La sintaxis para generar un área de texto en Laravel se da a continuación:
Forma :: texto ('correo electrónico');
También podemos especificar el valor predeterminado para el cuadro de texto.
Form :: text ('correo electrónico', 'akshita123@gmail.com');
  • Contraseña
La contraseña es un elemento html en un formulario que captura la entrada del usuario, y cada carácter se representa en forma de (*) en lugar de mostrar los dígitos ingresados. La sintaxis para el campo de contraseña se proporciona a continuación:
Form :: contraseña ('contraseña', ['clase' => 'pasar']);
  • Casillas de verificación
Podemos crear la casilla de verificación como se indica a continuación:
Form :: checkbox ('nombre', 'valor');
Por defecto, la casilla de verificación no está marcada. También podemos marcar la casilla proporcionando un valor verdadero al elemento de casilla de verificación.
Form :: checkbox ('nombre', 'valor', verdadero);
  • Botones de radio
Podemos crear el botón de radio como se indica a continuación:
Form :: radio ('nombre', 'valor');
Por defecto, el botón de opción no está seleccionado. También podemos seleccionar el botón de opción proporcionando un valor verdadero al elemento del botón de opción.
Form :: radio ('' nombre ',' valor ', verdadero);
  • Número
También podemos agregar el campo de entrada de número en un formulario. La sintaxis para el campo de entrada de número se proporciona a continuación:
Form :: number ('nombre', 'valor');
El campo de entrada de archivo es un elemento html utilizado en un formulario para cargar archivos. La sintaxis para el campo de entrada de archivo se proporciona a continuación:
Form :: file ('imagen');
Donde, imagen es el nombre del campo de entrada del archivo.
  • La lista desplegable
El elemento desplegable se usa para mostrar la lista de todas las opciones predefinidas. La sintaxis para crear un menú desplegable se muestra a continuación:
Formulario :: select ('dígitos', [1,2,3,4,5,6])
También podemos establecer la lista desplegable con un valor predeterminado:
Form :: select ('dígitos', [1,2,3,4,5,6], '2')
El código anterior establece el valor de la lista desplegable con un segundo elemento de la matriz, es decir, 3 cuando la indexación comienza con 0.
Generando lista agrupada
Podemos generar la lista agrupada a través del elemento desplegable. Veamos esto a través de un ejemplo:
Forma :: select ('animal', [
        'frutas' => ['Manzana', 'Mango', 'Naranja'],
        'Verduras' => ['Patata', 'Tomate', 'Repollo'],
])
Generando lista desplegable con un rango.
Form :: selectRange ('número', 1,30)
Generando lista desplegable con los nombres de un mes.
Form.selectMonth ('mes')
  • Fecha
año, mes y día. La sintaxis para generar un campo de entrada de fecha se proporciona a continuación:
Form :: date ('nombre', \ Carbon \ Carbon :: now ())
  • Botones
También podemos crear el botón en un formulario web utilizando el campo del botón en un formulario. Veamos su sintaxis:
Formulario :: enviar ('Haz clic en mí')
La línea anterior crea el botón de enviar con el nombre "¡ Haz clic en mí! ".
Vamos a entender las formas a través de un ejemplo.
Los siguientes son los pasos necesarios para crear un formulario.
Paso 1: Primero, creamos el archivo de diseño Maestro denominado archivo master.blade.php .
  1. <html>  
  2. <head>  
  3. <title> Diseño de página maestra </title>  
  4. </head>  
  5. <cuerpo>  
  6. <div  class "container" >  
  7. @yield ( 'contenido' )  
  8. </div>  
  9. </body>  
  10. </html>  
Paso 2: En segundo lugar, creamos el archivo contact.blade.php en el que agregamos el código de Form.
  1. extiende 'layout.master' )  
  2. @section ( 'contenido' )  
  3. <h1> Página de contacto </h1>  
  4.   
  5. {!! Form :: open ([ 'route' => 'posts.store' ]) !!}  
  6.   
  7.   
  8. <div  class "form-group" >  
  9. {{form :: label ( 'name' 'Name' )}}  
  10. {{form :: text ( 'name' '' , [ 'class' => 'form-control' 'placeholder' => 'Name' ])}}  
  11. </div>  
  12. <br>  
  13. <div  class "form-group" >  
  14. {{form :: label ( 'gender' 'Gender' )}}  
  15. {{form :: radio ( 'male' 'Male' )}} Male  
  16. {{form :: radio ( 'Female' 'Female' )}} Female  
  17. </div>  
  18. <br>  
  19. <div  class "form-group" >  
  20. {{form :: label ( 'perfil' 'Perfil' )}}  
  21. {{form :: select ( 'list' , [ 'Software Developer' 'QA Analyst' 'Manager' 'HR' ])}}  
  22. </div>  
  23. <br>  
  24. <div  class "form-group" >  
  25. {{form :: label ( 'dob' 'Fecha de nacimiento' )}}  
  26. {{Form :: date 'dob' , \ Carbon \ Carbon :: now ())}}  
  27. </div>  
  28. <br>  
  29. {{form :: label ( 'skill' 'Skills Description' )}}  
  30. <div  class "form-group" >  
  31.   
  32. {{form :: textarea ( 'body' '' , [ 'placeholder' => 'Skills Description' ])}}  
  33. </div>  
  34. <br>  
  35. <div  class "form-group" >  
  36. {{form :: label ( 'porcentaje' 'Porcentaje en el 12' )}}  
  37. {{form :: text ( 'percent' '' , [ 'class' => 'form-control' 'placeholder' => 'Percentage in 12th' ])}}  
  38. </div>  
  39. <br>  
  40. <div  class "form-group" >  
  41. {{form :: label ( 'experiencia' 'Experiencia' )}}  
  42. {{form :: number ( 'exp' 'number' )}}  
  43. </div>  
  44. <br>  
  45. <div  class "form-group" >  
  46. {{form :: label ( 'pected_salary ' ' Salario esperado ' )}}  
  47. {{form :: text ( 'salario' '' , [ 'marcador de posición' => 'Salario esperado' ])}}  
  48. </div>  
  49. <br>  
  50.   
  51. <div  class "form-group" >  
  52. {{form :: label ( 'resume' 'Resume Upload' )}}  
  53. {{Form :: file ( 'resume' )}}  
  54. </div>  
  55. <br>  
  56.   
  57. {{Form :: submit ( 'Submit' , [ 'class' => 'btn btn-primary' ])}}  
  58.   
  59.   
  60. {!! Form :: close () !!}  
  61. @detener  
El código anterior se usa para crear el formulario que contiene diferentes campos.
Paso 3: Ahora, creamos el controlador de recursos denominado PostsController , y solo agregamos la funcionalidad en una función store () dada a continuación:
PostController.php
  1. <? php  
  2.   
  3. aplicación de espacio de nombres \ Http \ Controllers;  
  4.   
  5. use  Illuminate \ Http \ Request;  
  6.   
  7. clase  PostsController  extiende  Controlador  
  8. {  
  9.     / ** 
  10.      * Mostrar una lista del recurso. 
  11.      * * 
  12.      * @return \ Illuminate \ Http \ Response 
  13.      * /  
  14.      índice de función pública ()   
  15.     {  
  16.         //  
  17.     }  
  18.   
  19.     / ** 
  20.      * Mostrar el formulario para crear un nuevo recurso. 
  21.      * * 
  22.      * @return \ Illuminate \ Http \ Response 
  23.      * /  
  24.     función pública  create ()   
  25.     {  
  26.         //  
  27.     }  
  28.   
  29.     / ** 
  30.      * Almacene un recurso recién creado en el almacenamiento. 
  31.      * * 
  32.      * @param \ Illuminate \ Http \ Request $ request 
  33.      * @return \ Illuminate \ Http \ Response 
  34.      * /  
  35.      tienda de funciones públicas (Solicitud  $ solicitud )   
  36.     {  
  37.        $ this -> validar ( $ solicitud , [  
  38.        'name' => 'requerido' ,  
  39.        'list' =>  'obligatorio' ,  
  40.        'dob' => 'requerido' ,  
  41.        'body' => 'requerido' ,  
  42.        'percent' => 'requerido' ,  
  43.        'exp' => 'requerido' ,  
  44.        'salario' => 'requerido' ,  
  45.        'resume' => 'obligatorio' ]);  
  46.            
  47.       return "El currículum se ha actualizado correctamente" ;   
  48.     
  49.     }  
  50.   
  51.     / ** 
  52.      * Mostrar el recurso especificado. 
  53.      * * 
  54.      * @param int $ id 
  55.      * @return \ Illuminate \ Http \ Response 
  56.      * /  
  57.     función pública  show ( $ id )   
  58.     {  
  59.         //  
  60.     }  
  61.   
  62.     / ** 
  63.      * Mostrar el formulario para editar el recurso especificado. 
  64.      * * 
  65.      * @param int $ id 
  66.      * @return \ Illuminate \ Http \ Response 
  67.      * /  
  68.     función pública  editar ( $ id )   
  69.     {  
  70.         //  
  71.     }  
  72.   
  73.     / ** 
  74.      * Actualiza el recurso especificado en el almacenamiento. 
  75.      * * 
  76.      * @param \ Illuminate \ Http \ Request $ request 
  77.      * @param int $ id 
  78.      * @return \ Illuminate \ Http \ Response 
  79.      * /  
  80.      actualización de la función pública (Solicitud  $ solicitud ,  $ id )   
  81.     {  
  82.         //  
  83.     }  
  84.   
  85.     / ** 
  86.      * Eliminar el recurso especificado del almacenamiento. 
  87.      * * 
  88.      * @param int $ id 
  89.      * @return \ Illuminate \ Http \ Response 
  90.      * /  
  91.     función pública  destruir ( $ id )   
  92.     {  
  93.         //  
  94.     }  
  95. }  
En el código anterior, agregamos el código en una función store () , que valida todos los campos en un formulario.
Paso 4: Por último, agregue la ruta en el archivo web.php .
  1. Ruta :: get ( '/ contact' function ()  
  2. {  
  3.    vista de retorno 'contacto' );  
  4. });  
Salida
Formas Laravel
Supongamos que ingreso los siguientes detalles en el formulario anterior:
Formas Laravel
Después de completar todos los detalles, haga clic en el botón Enviar y la salida sería:
Formas Laravel

No hay comentarios.:

Publicar un comentario

Dejanos tu comentario para seguir mejorando!

outbrain

Páginas