Transcript for:
Configuración y Uso de Laravel Backpack

hola gente cómo están bienvenidos a un nuevo vídeo el día de hoy vamos a estar trabajando con un paquete llamado label pack para que nos va a servir para crear lo que son cruz y crear lo que un panel administrativo en cuestión de minutos comencemos antes de entrar en lo que es la documentación y el proceso de instalación quiero que veamos algo y es lo siguiente acá tenemos la parte del precio como pueden apreciar acá vamos a estar trabajando con la versión gratuita que nos va a servir para hacer proyectos de tipo open source y acá también pueden ver lo que son las versiones de pago pueden ver la versión de pago para un solo proyecto que cuesta 69 euros +19 por ciento en impuestos dependiendo del caso y también pueden ver la versión cuesta casi 400 euros para utilizar múltiples proyectos ahora bien no se preocupen por el precio como les dije vamos a estar trabajando con la versión gratuita podemos ir a la parte de la introducción como están viendo acá y acá podemos ver cómo podemos instalar lo que es la rebel back pack esto que están viendo acá me va a servir para crear lo que son las migraciones porque porque la versión gratuita nosotros no podemos crear lo que son migraciones por defecto a diferencia de la versión d y más adelante vamos a ver cuáles son las diferencias de uno y otros en mi caso como yo había creado lo que son las migraciones les he creado de manera manual ya tengo lo que son productos y tengo categorías no voy a estar utilizando este paquete además de este paquete también pueden utilizar el arab el brooklyn es otro generador de código con el cual ustedes pueden generar lo que son los modelos y las migraciones y después pueden instalar lo que el paquete de back pack para poder crear lo que el panel administrativo de ustedes nunca han utilizado lo que es la realidad link en la descripción les dejo el link del video para que ustedes le puedan echar un vistazo al finalizar con este vídeo ahora bien esta es la forma cómo podemos ir generando lo que un brut y es bastante sencillo tenemos que utilizar en singular lo que es el nombre del modelo y no en plural acá me lo está aclarando y utilizar el comando back bat cruz pero primero tenemos que instalarlo entonces vamos al proceso de instalación que lo podemos observar acá los requerimientos que nosotros ocupemos lo que es la árabe el 8o ocupemos lo que es la árabe el 9 esto es para la versión número 5 si ustedes van a bajar de versión pueden utilizar una versión inferior de la gaveta como lo instalamos simple sencillamente vamos a copiar ven acá en la terminal vamos a pegar y vamos a ejecutar bien ya finalizó la instalación regresamos la documentación y ahora tenemos que instalar lo que el generador en este generador vamos a estar creando lo que son los cruz a copiar vamos a limpiar pegamos y ejecutamos listo regresamos a la documentación y ahora tenemos que instalar lo utilizamos php arte sambac back in store pegamos y ejecutamos como ven acá me está preguntando si yo quiero instalar un pad a depp tools esta herramienta como ven acá es una herramienta de pago y como nosotros no estamos utilizando lo que la versión de pago sino la versión gratuita le vamos a decir que no pero como pueden apreciar acá con esta herramienta podemos generar lo que son modelos migraciones lo considere factor y los cruz y demás en el caso de la versión gratuita como le explica es un momento nosotros no podemos generar lo que son las migraciones de momento le decimos que no y ya finalizó la instalación limpiamos ahora lo que vamos a hacer es generar nuestro primer crudo nos vamos a la parte de la introducción como vimos hace un momento y aquí tenemos el comando lo que vamos a hacer que lo más copia lo vamos a pegar y de momento voy a generar el cruz de usuarios como gente y como pueden ver como el modelo y existe lo que hizo fue agregar nos un trade ya tenemos lo que un controlador ya tenemos lo que son respuestas y tenemos lo que son las rutas como podemos probar si está funcionando simplemente tenemos que hacer lo siguiente nos vamos a nuestro demos a nuestro proyecto y acá solamente tenemos que colocar la palabra admin le damos enter y ya me está cargando lo que es un lugar en mi caso como ya no tengo una cuenta lo que puedo hacer es registrarme ahora que ya digitado todos los datos para registrarme voy a enviar el formulario y podemos ver lo que es la de word y van a ver que se puede exponer y van a ver también que pueden ir a la cuenta ya por defecto trae lo que es un email y trae lo que es el nombre del usuario que nosotros hemos creado y también trae para cambiar lo que es la contraseña vamos a revisar lo que el cruce de los usuarios y es como pueden apreciar ya tenemos un cruz vamos a tratar de agregar un usuario vamos a rellenar con datos de prueba vamos a guardar listo está funcionando acá tendríamos que encriptar esta contraseña pero eso lo podemos hacer más adelante vamos a tratar de editar ahora vamos a editar vamos a colocar un 1 voy a colocar otra contraseña voy a guardar listo como pueden ver lo ha guardado acá tenemos el 1 que acabamos de colocar podemos ver lo que es un preview este preview como ustedes pueden apreciar es la parte del show donde estamos viendo todos los datos y también podríamos eliminar lo vamos a eliminarlo bien pueden ver que solamente tengo un registro entonces lo que vamos a hacer es generar un cruz pero un cruce un poco más complejo vamos generar un crudo tanto de productos como de categorías entonces cómo hacemos eso vamos a utilizar el mismo comando pero vamos a ir personalizando un poco más vamos a limpiar acá en lugar de usuario vamos a colocar producto recuerden tiene que ser singular ejecutamos listo lo ha creado y ahora también vamos a crear el club de categorías colocamos categoría limpiamos recargamos y ya podemos ver productos y categorías vamos a revisarlo con las categorías vamos a agregar una nueva categoría voy a colocar un dato de prueba voy a guardar agregó una nueva por los datos de prueba guardamos y voy a agregar una tercera categoría para hacer pruebas vamos a guardar y ya tenemos lo que son las tres categorías vamos a tratar de buscar por qué no hemos probado también la función de búsqueda está considerado muy bien me ha filtrado como pueden apreciar acá de un total de tres registros y me está mostrando solamente uno ahora voy a generar lo que son productos puede agregar un nuevo producto lo vamos a rellenar guardamos listo si se fijan acá acá yo tengo relacionado lo que es la categoría con el producto y me está colocando el nombre les voy a mostrar lo que es el código del modelo acá están viendo y yo tengo la relación y como pueden apreciar acá yo tengo el campo yo tengo un categoría ied y como les mencioné tengo una relación pilones tú entre el producto y la categoría entonces él acá automáticamente reconoce lo que es la relación y me está colocando el nombre de la relación o el nombre de la categoría mejor dicho en lugar de colocar una idea entonces no está ahorrando mucho pero mucho tiempo y yo agrego otros productos igual acá pueden apreciar todas las opciones colocamos trazas de prueba guardamos me está guardando bien todas las categorías ahora qué es lo que pasa todo lo tenemos en inglés cuando tenemos el formulario tenemos line tenemos price y nosotros tenemos un idioma español entonces vamos a hacer algunos cambios para hacer algunos cambios voy a personalizar me voy al código y voy a buscar lo que es el producto controller ya fijan por defecto cuando nosotros generamos lo que es un cruz él automáticamente crea un cruz y este cruz me lo crea dentro de una carpeta admin que si no existe una carpeta y la crea automáticamente coloca el nombre del modelo en singular o local lo que es la palabra cruz y luego la palabra controlador y nosotros revisamos lo que es el archivo en el archivo pueden ver que ya tiene un montón de cosas listas por ejemplo tienes list operation tienes create operation hope they delete y show básicamente estas son operaciones para realizar lo que son los frutos acá tienes lo que una función zeta es significa esta formación setup es donde nosotros vamos configura lo que el modelo como lo pueden apreciar acá vamos a configurar lo que es la ruta y en este caso estamos configurando por ejemplo productos y productos qué pasa si yo coloco productos y productos y guardo recargamos y acá ustedes pueden ver el cambio ya dice productos y acá también ya dice producto en singular ahora tenemos que seguir personalizando bien bien acá tenemos lo que es el listado entonces este listado me va a definir a mí todo lo que yo voy a estar viendo en la tabla en este caso yo quiero ver una columna para el nombre una columna para el precio y una columna para el par lo que es la categoría haití entonces qué es lo que pasa nosotros podemos ir personalizando esta parte de acá y nos vamos a la documentación acá en la documentación nos vamos a la parte de cruz panels nos vamos a la parte de operation y nos vamos a las listas dentro de las listas podemos ver lo que son las columnas dentro de las columnas nosotros tenemos algunas columnas que son gratuitas recuerden que hay funciones de paga aquí en una nueva pestaña voy a abrir la diferencia de la versión gratuita con la de pago como pueden ver aquí tenemos todas las características aquí tenemos la versión pro que la versión de pago por ejemplo acá tenemos una diferencia la versión pro tiene lo que son char que son los char con estas gráficas que nosotros realizamos pueden ser gráficas de barras gráficas de pastel este tipo de gráficas tienen más columnas tienen lo que son días filtros a diferencia de lo que es la versión gratuita no tenemos filtros también tenemos botones para poder exportar la data que sólo está disponible en la versión pro y así ustedes pueden ir viendo cada una de las diferencias y es lo que trae uno y que trae el otro en nuestro caso lo que nosotros necesitamos es especificar lo que el nombre y nos vamos a la tabla a que tenemos todo en inglés lo vamos a pasar en español para ello vamos a estar personalizando entonces pueden ver acá acá tenemos lo que son los colomos y acá me está diciendo cómo puede ir personalizando cada una de las columnas y aquí tenemos un ejemplo podemos ir agregando múltiples columnas podemos agregar solo una columna y acá en el ejemplo ustedes pueden ir viendo las diferentes opciones que tenemos como por ejemplo el tipo que nosotros tenemos que explicar un check box cosas entonces lo que voy a hacer es lo siguiente acá yo ya tengo un ejemplo voy a copiar esto de acá lo voy a pegar acá de momento voy a comentar esto este ley va a ser el nombre de la base de datos en mi caso lo que yo necesito por ejemplo es un ley bold y el béisbol es el que me va a decir que tiene que ir ahí por ejemplo nombre guardamos recargamos y ya podemos ver nombre acá vamos a hacer lo mismo para los demás copiamos y pegamos vamos a eliminar esta columna es la columna de precio vamos a colocar lo que un price copiamos y pegamos colocamos categoría y dean y colocamos categorías recargamos listo todo está funcionando muy bien podemos ver nombre por ver precio pueden ver categoría ahora ustedes me dirán no hay una forma más fácil de traducir esto para no estar haciéndolo todo manual claro que no hay para poder traducir todo de una vez y no estar uno por uno podemos traducir como nos muestra la documentación y como esto tenemos que instalarlo que el paquete de es para ti para poder hacer lo que son las traducciones en este vídeo no voy a hacer esas traducciones porque me quiero enfocar solamente en lo que el panel administrativo del paquete de la nave el back pack pero posteriormente si ustedes quieres podemos hacer un vídeo para ver cómo podemos traducirlo pero acá les dejo la idea de cómo pueden hacerlo les vamos a continuar y yo le doy por ejemplo agregar productos lo mismo acá parece todo pero todo de inglés entonces podemos hacer lo mismo que hicimos acá y acá acá tenemos lo que son files noten la diferencia acá tenemos lo que son columnas y acá tenemos lo que son files estas columnas están sirviendo en la tabla y estos campos me están sirviendo para el formulario pues lo que voy a hacer es aumentar todo esto de acá voy a copiar el ejemplo que me están dando acá lo voy a pegar y ahora por ejemplo aquí voy a colocar name este nombre del producto de qué tipo es tipo text recuerden que este tipo en el tipo de input que vamos utilizar en el formulario no es el tipo de la base de datos y acá le vamos a colocar un ley del el leiv le va a llevar lo que es un nombre vamos a guardar vamos a recargar y ya podemos ver nombre entonces lo que vamos a hacer es copiar y pegar para los demás veamos y como pueden ver ya tengo los tres campos recargamos y qué bueno que nos salió este error porque por ejemplo acá podemos ver que me dice que no puede encontrar lo que es la vista interior yo le coloque acá lo que es un número entero y también puedo ver otra cosa primero nos dice que revisamos si no hemos escrito mal esto por un lado y la segunda es que si nosotros estamos intentando utilizar un campo que sólo está habilitado en la visión prof nos va a pedir que nosotros compremos y luego instalemos el producto porque porque nosotros al comprar vamos a tener un código que vamos a tener que ingresar al momento de querer utilizar el paquete con el cual vamos a estar comprobando que realmente lo hemos comprado en mi caso el error es porque yo coloque un campo haciendo referencia al campo de la base de datos en lugar de hacer referencia a lo que es el formulario recuerden que el formulario como tal no maneja interior maneja nombre o maneja text le podemos dar texto una vez vamos a recargar y ahora todo está bien ahora qué es lo que pasa si yo quiero guardar pero dejando todo vacío le damos clic acá me da un error de que el nombre no puede ser nulo y es lo que pasa que nosotros tenemos que validar ahora si desvían fuerte efecto muestra lo que es un request ustedes pueden crear sus propios recuerde no hay ningún problema y nosotros nos vamos a la definición podemos observar en las reglas que en las reglas está vacío entonces vamos a crear las reglas para validar pegamos pegamos colocamos price y acá colocamos categoría aid y guardamos vamos a recargar vamos a intentar guardar y ahora si me está marcando los errores incluso lo están viendo acá están viendo un asterisco que me da una pista de que el campo es obligatorio entonces así es como ustedes pueden ir validando claro yo he puesto reglas mínimas ustedes pueden ir personalizando pueden colocar más reglas y lo que les mencioné ustedes pueden crear un foro request adicional por ejemplo acá si ustedes tienen las mismas reglas pueden copiar pueden pegar y así vamos a estar reutilizado el foro request tanto para la creación como para la edición de los datos en caso que los datos sean diferentes por ejemplo en el caso de un email que ustedes quieren que ese email sea único ustedes pueden crear un respuesta adicional un respuestas diferentes actualización y colocarlo acá entonces el paquete está muy bueno está bastante completo como les dije tienen buscadores tienen un montón de cosas disponibles entonces ahora vamos a hablar un poco de las cosas buenas y de las cosas no tan buenas dentro de las cosas buenas tenemos que como todo generador de código nos agiliza bastante bastante lo que el proceso se fijaron que una cuestión de unos pocos minutos yo creo lo que son tres rutas no me tardé prácticamente nada ya tengo lo que mi panel administrativo esa es la parte buena que es bastante pero bastante sencillo de utilizar dentro de las partes no tan buenas y esto es algo esperable porque porque como estamos utilizando la versión gratuita nosotros tenemos que crear nuestros modelos y nuestras migraciones o ya sea vía manual o como les expliqué puede ser utilizando blue link o puede ser utilizando largas y nosotros queremos evitar ese problema podemos utilizar la versión de spam otra de las cosas quizás no tan buenas es que como todo viene bastante personalizado por ejemplo un controlador este controlador no tiene nada que ver con él poblador con un corriente del árabe entonces nosotros nos va a costar un poco entender algunas cosas modificar unas cosas por ejemplo aquí tenemos lo que son algunos tres si vamos a la definición acá tenemos el trade y software edición que también pueden ver mi vídeo de try para que para que entiendan de qué se trata todo esto aquí tenemos funciones para listar las rutas y rutas por defecto por ejemplo podemos revisar lo que el archivo de configuración aquí tenemos la configuración de back pack por ejemplo aquí tenemos la configuración por defecto y la configuración de los cruz o muy bien analizando lo que es el formato de las fechas puedo ver el nombre del proyecto aquí podemos ver los estilos entonces para personalizarlo si requiere un poco de conocimiento tiene una curva de aprendizaje digamos un poco costosa porque tenemos que personalizar bastantes cosas entonces no es lo que nosotros comúnmente estamos acostumbrados no es el controlador común y corriente así que déjenme en los comentarios ustedes qué les parece le gustó no le gustó lo usarían no lo usaría déjenme todo eso en los comentarios y nos vemos un próximo vídeo