03 - Vinculación de datos - Aprende Laravel Livewire desde cero
HTML-код
- Опубликовано: 21 мар 2021
- En este capítulo descubrirás cómo vincular datos en Livewire para que tus aplicaciones web sean más interactivas y atractivas para los usuarios.
------------------------------------------------------------------------------------------------
CURSOS
🔴 Facturacion electronica Perú: youtube.codersfree.com/larave...
🟠 Laravel avanzado: youtube.codersfree.com/larave...
🟢 Ecommerce: youtube.codersfree.com/ecommerce
🔵 Api: youtube.codersfree.com/api-re...
🟠 Plataforma de cursos: youtube.codersfree.com/plataf...
🔴 Vue e Ineria: youtube.codersfree.com/vue-3-...
🟣 Eloquent Avanzado: youtube.codersfree.com/eloque...
🟡 Pasarela de pagos: youtube.codersfree.com/pasare...
⚫ Laravel Web Socket: youtube.codersfree.com/larave...
🟣 Notificaciones: youtube.codersfree.com/notifi...
🟢 Laravel Excel: youtube.codersfree.com/larave...
🔵 Digital Ocean: youtube.codersfree.com/despli...
🟡 Laravel Voyager: youtube.codersfree.com/larave...
🟣 Datatable Livewire: youtube.codersfree.com/datata...
🟠 Tenancy for Laravel: youtube.codersfree.com/multi-...
🔵 TDD Laravel: youtube.codersfree.com/tdd-la...
⚫ Traducir páginas: youtube.codersfree.com/traduc...
🟠 Wire UI: youtube.codersfree.com/livewi...
🔴 Acortador de links: youtube.codersfree.com/acorta...
🟡 Banhammer for laravel: youtube.codersfree.com/banham...
🟢 Laravel backup: youtube.codersfree.com/larave...
🔵 Actualizar a Laravel 10: youtube.codersfree.com/actual...
-----------------------------------------------------------------------
DONACIONES
Patreon: / codersfree
PayPal: www.paypal.com/paypalme/Coder...
------------------------------------------------------------------------------------------------
Grupo Facebook: / 4314830498588670
Plataforma: codersfree.com/ Наука
genial gracias , un update : para el input si están usando Liveware 3 es de esta manera :
Uff, gracias por tu aporte bro 👌
gracias bro, sigue adelante
wao muchas gracias, me estaba volviendo loco 😅
Jajaja eso nos pasa por montarnos en el avión de Livewire demasiado tarde, gracias por el aporte.
Justo lo que buscaba!! gracias por el GRAN aporte de verdd!
Victor, gracias por compartir tus conocimientos con la comunidad. Me están sirviendo demasiado y más que llevo 2 años sin ver las novedades de Laravel, me encuentro con demasiados cambios, y estos videos me están ayudando para ir entendiendo esta nueva arquitectura, tendré un proyecto relacionado con esta nueva tecnología y me servirá como base para poder avanzar.
Hola, ante todo muchas gracias Victor por todo el conocimiento que compartes, por si a alguien no le funciona el input de búsqueda, yo hice lo siguiente:
1.Detuve le servidor.
2.Limpie la caché de laravel, em la terminal: php artisan optimize:clear
3. Publiqué los activos, en la terminal: php artisan vendor:publish --force --tag=livewire:assets
4. Inicié el servidor, abrí el sistema y funcionaba el
Es porque falta el get() al final.
$post=Post::where('title', 'like','%'. $this->buscar.'%')->get();
Simplemente, gracias por compartir tan excelente contenido.
Excelente curso muchas gracias \m/
Sos muy b ueno explicando. Gracias por tu videos!
Genial como siempre, un día si lo ves conveniente seria interesante que nos hablaras del SEO dentro de laravel, ya que en el otro proyecto de Blog Post, en la parte de administración como se podría poner a cada post su Meta Key y su Description independientes, gracias por el curso.
Excelente gracias
muchas gracias, explicas tan bien , que hasta explico el like de consultas sql
Al principio no me funcionó el buscador, pero lo solucioné añadiendo el get() al final, de está manera en el componente:
$post=Post::where('title', 'like','%'. $this->buscar.'%')->get();
espero solucione en el de ustedes también
Hola a todos. Cuando hacemos un listado con el contenido del array, nos puede ocurrir que el array esté vacio, en cuyo caso deberemos controlarlo con un condicional. Pero si en lugar de @foreach() usamos @forelse(), lo tenemos solucionado en un sólo bucle.
Hola, buen dato. Te hago una consulta, ya que salió la versión 3 de livewire, como sería para crear un proyecto con jetstream pero con la versión 2 de livewire? se puede? Saludos
Muchas gracias por los cursos. No me funciona el buscador, ¿alguien por aquí tuvo el mismo problema?
No sé si te sirva tan tarde, puede que a los nuevos que llegan a este video sí, en mi caso se debió a que estaba utilizando una nueva versión de Livewire, y para poder enlazar el input con el model del componente la propiedad ahora es wire:model.live="busqueda", de esta manera realiza el enlace.
Eres un crack. Pero solo un pero te pondría. En Europa casi todos los componentes de Tailwind cuestan un dineral. Todavía no entiendo porqué sigues trabajando con esto. Me encantaría contratar algún curso premium, pero el tema de Tailwind me lo impide. Un saludo y gracias por tu dedicación.
Víctor me gustaría explicaras también algo básico del tratamiento de las imágenes con Livewire. Saludos y gracias por publicar estos videos. Saludos
Hola Félix, abordaré todos los temas de Livewire, no te preocupes
@@CodersFree Gracias Víctor. Saludos
tengo un problema, mi proyecto lee los datos de los componentes pero cuando quiero usar algun metodo dee wire: no funciona
¿hay alguna forma de hacer delay al input? me preocupa que haga una peticion al servidor por cada keyup.
Saludos. Muchas gracias por todos los vídeos, son muy buenos en contenido y tú te haces entender bien. Tengo una consulta, cuando implemento el @if ($traesuma->count()) en el componente de blade me devuelve el siguiente error: Error
Call to a member function count() on string (View: ... por favor si puedes ayúdame con esto
Es que no tiene definida esa variable en tu sistema
hola alguien tiene el código de la tabla tailwind que ya no esta ?
Ante todo, gracias por tu enseñanza.
Maestro, una pregunta...
Por el minuto 12:46 explicas los filtros para cada atributo de la tabla, y es bastante entendible...
Pero supongamos que tengo el atributo 'categoria_id', que es una referencia a otra tabla...
¿Cómo sería la consulta en el caso de que quiera filtrar mis post por el NOMBRE de la categoría?
¿Algún material que pueda revisar al respecto?
No logro dar con el método correcto. Gracias por tu atención, ¡un saludo!
acá tienes un ejemplo con ventas, para acceder al nombre del cliente (en la tabla sales está solo el id del cliente)se hace así...
$sales = Sale::join('customers','sales.customer_id','=','customers.id')
->where('customers.name','like','%'. $this->search . '%')
->select('sales.*')
->paginate(50);
@@santiagoinostroza7028 , muchisimas gracias.
Estaré intentando esto y te aviso qué tal me fue.
Cual es la diferencia entre declarar los posts en el método render y mount?
El método mount se ejecuta una única vez. El método render se ejecuta cada vez que haces una solicitud.
Si no necesitas que la información de post se actualice para cada acción declararo en mount, si necesitas que la información de post se actualice cada vez que realizas una acción declararo en render
@@CodersFree uff man gracias, estoy desarrollando un aplicativo tipo social network y va de perlas, antes tenia los posts declarados en el mount y me tocaba manualmente adjuntar uno nuevo en esa variable para que mostrará cambios, y ahora declarados en el método render lo hace automatico, una belleza
Hola ante todo muchas gracias por tus videos, me han ayudado mucho a aprender Laravel, ahorita estoy siguiendo tu curso pero no he podido hacer que al escribir en el input se renderice la pagina ni la variable publica ni mucho menos la tabla, seria de gran ayuda si pudieses ayudarme, he instalado todos los paquetes como explicaste y nada
No sé si te sirva tan tarde, puede que a los nuevos que llegan a este video sí, en mi caso se debió a que estaba utilizando una nueva versión de Livewire, y para poder enlazar el input con el model del componente la propiedad ahora es wire:model.live="busqueda", de esta manera realiza el enlace.
@@juandiegonal1990 gracias por ese comentario e has salvado estamos agradecidos
Tengo un error que no puedo solucionar e buscado en foros y nada. No me está cargando el livewire.js en consola me dice que Livewire is not defined pienso que es por eso que tampoco me funciona el buscador. Ayuda please
¿Probaste utlizando otro programa ademas de xampp? puede que tengas un error con el, prueba con wamp o algún otro.
Es lo que se me ocurre.
Besos en el siempre sucio
tengo el mismo problema.. estoy usando xampp y pude resolver a media entrando a config/livewire y cambiar la linea 'asset_url' => null, por 'asset_url' => url('/'), pero despues no me deja usar algunos comando de composer
Ey, tus tutos, son geniales.. sabes porqué no me funciona el wire:model, es decir, la vista si puede leer la variable pero no puedo modificarla desde la vista!!! muchas gracias.
lo mismo me pasa :c
Hola, lo solucionaron? a mi me pasa lo mismo, aunque pude observar que no es que no modifique la vista, lo que en mi caso esta pasando es que concatena lo anterior con lo actual.
No sé si te sirva tan tarde, puede que a los nuevos que llegan a este video sí, en mi caso se debió a que estaba utilizando una nueva versión de Livewire, y para poder enlazar el input con el model del componente la propiedad ahora es wire:model.live="busqueda", de esta manera realiza el enlace.
Alguien pudo solucionar el problema de que no reconoce la propiedad definida en el componente y sincronizarlo en la vista? puse la variable $search = 'un contenido'; pero al usar wire:model="search" no me muestra el contenido en el input, estoy usando laravel 9
Pudiste solucionarlo?? Tengo el mismo problema.
Lo encontre. El problema de no reconocer la propiedad provenia que estaba dando en la consola el error "Uncaught Reference Error: Livewire is not defined", lo resolvi asi:
1. Publica php artisan vendor:publish --force --tag=livewire:assets, para publicar en la carpeta public vendor/livewire
2. Despues publica la configuracion php artisan livewire:publish --assets
3. En config/livewire.php en el space de 'asset_url' asigna el url de tu aplicacion
'asset_url' => 'localhost/mi-proyecto/public'
Excelente los videos estoy siguiendo hasta que me quede utilizo el input no veo ningun cambio al recargar el navegador alguna ayuda
No dejes espacios en el wire:model=search
@@CodersFree muchas gracias.
Muy interesante, me esta dando un probalema, cuando hago el no me muestra el valor de $search, pero cuando hago el {{$search}} si lo hace
lo mismo para mi
Buenas noches, disculpa para tener en cuenta ya la tabla de tailwind iu no está gratis en preview en realidad no hay ya
Es cierto. ¿Dónde podremos conseguir esa tabla original para poder modificarla de acuerdo con el video?
Sería de gran ayuda esa tabla. Muchas gracias desde ya.
La tabla de tailwind ui ya no está en el plan gratuito. Pero amigos, tienen que aprender a googlear, es tan simple como ir a Google y poner tablas Tailwind, y les va mostrar una infinidad de páginas en donde van a mostrar tablas ya diseñadaa
@@CodersFree si entiendo yo ya resolví pero no lo decía por reclamo si no por comentario de que sepan algunos que no está disponible es todo jeje disculpe si se entendió de otra manera por cierto todos los cursos son magníficos muchas gracias de verdad
primero
¿Por qué eliminaste los otros videos de Livewire...? :/
Porque cuando lo inicie no me había planteado un temario y eso hizo que dejara varios temas por encima.
Pero no te preocupes estoy regresando el curso, y en esta ocasión tocaré a profundidad cada detalle de livewire
@@CodersFree Muchas gracias! eres un crack
Que no muera el curso del blog :'(
No va a morir aún, pero para poder continuar tienen que saber Livewire. Te sugiero que sigas este curso hasta el final y luego retomamos el del blog
@@CodersFree Me pondré al día, gracias :D
@@CodersFree Muchas gracias Victor, yo también quiero que continúes el del blog, y este de livewire (que ya seguí el antiguo) tambien en buenisimo!!
También yo quiero que siga el curso del blog!!!
una consulta, aclaro antes que nada que todo funciona bien, solo que en la consola me muestra un error que se repite cada acción que hago tanto en la búsqueda como en el orden:
Uncaught TypeError: Object.defineProperty called on non-object
at Function.defineProperty ()
at app.js:1581
at Array.forEach ()
at injectMagics (app.js:1580)
at app.js:2862
at Function. (app.js:1937)
at flushHandlers (app.js:1704)
at stopDeferring (app.js:1709)
at deferHandlingDirectives (app.js:1712)
at initTree (app.js:1898)
que puede ser? o como solucionarlo. gracias desde ya
Excelente video, definitivamente el input de búsqueda no me estaba sincronizando con la propiedad publica en el componente de Livewire. Logre solucionarlo seteando la propiedad 'asset_url' en 'localhost/laravel-lab' dentro del archivo /vendor/livewire/livewire/config/livewire.php, pero no creo que sea la forma correcta de arreglarlo, si sabe como fixearlo de una mejor manera se agradeceria que me lo compartan. gracias.