PHP Livewire - Historial de revisiones

Angelfg: /* Instalación */

2026-09-07T17:27:05Z

Instalación

Angelfg: /* Axustes finais */

2026-05-19T12:46:13Z

Axustes finais

Angelfg en 15:22 13 may 2026

2026-05-13T15:22:08Z

Angelfg: /* Listado */

2026-05-07T19:28:49Z

Listado

Angelfg: /* Paxinación */

2026-05-07T19:26:18Z

Paxinación

Angelfg: /* Listado */

2026-05-07T19:24:46Z

Listado

Angelfg: /* Validación de campos */

2026-05-06T14:25:07Z

Validación de campos

Angelfg: /* Instalación */

2026-05-06T14:13:27Z

Instalación

Angelfg: /* Baixa */

2025-06-11T16:02:01Z

Baixa

Angelfg: /* Validación de campos */

2025-05-28T08:25:35Z

Validación de campos

@@ Línea 17: / Línea 17: @@
 * No directorio raíz do proxecto Laravel escribe: '''composer require livewire/livewire'''
-: '''ATENCIÓN:'''  A día de hoxe (2026) saiu a versión 4.0 de Livewire. No exame imos empregar a 3.0.
+: '''ATENCIÓN:'''  A día de hoxe (2026) saiu a versión 4.0 de Livewire. No exame imos empregar a 4.0.
-: : Polo tanto empregar esta orden: <u>composer require livewire/livewire "^3.0"</u>   para descargar a versión 3.0
+: : Polo tanto empregar esta orden: <u>composer require livewire/livewire "^4.0"</u>   para descargar a versión 4.0 (non poñer sudo)
 : Unha vez instalado en Laravel podedes consultar a versión instalada buscando a entrada livewire/livewire no arquivo '''composer.json''' no raíz do proxecto.
-: Polo de agora (versión 10-12) estamos a traballar coa versión 3.x de Livewire.
+: Polo de agora coa versión 13 de Laravel imos empregar a versión 4.0 de Livewire.

← Revisión anterior		Revisión del 12:46 19 may 2026
Línea 1225:		Línea 1225:

	</syntaxhighlight>		</syntaxhighlight>
		+
		+
		+
		+	<br />
		+	===Aclaracións varias===
		+	* Neste exercicio empregamos o controlador de Laravel para cargar o mesmo compoñente livewire na alta e modificación empregando un parámetro para informar ao compoñnente en que 'modo' se atopaba.
		+
		+	: <u>Normalmente isto non é necesario.</u>
		+	: Pódese facer unha única vista no controlador de Laravel que cargue o compoñente livewire e xestionar dende dentro do compoñente o listado, alta, baixa e modificación.
		+	: Dentro do compoñente podes definir unha variable pública estado que determine cando a vista ten que visualizar o listado, a alta-modificación.
		+
		+
		+	: Vos queda como exercicio para facer.
		+	: Tedes un exemplo de cómo facelo nos vídeos da plataforma a distancia.
		+
		+
		+
		+	<br />

	==Exercicio proposto==		==Exercicio proposto==

@@ Línea 420: / Línea 420: @@
 * Fixerase que neste caso a validación faise cando o usuario preme o botón de submit.
 : Se queremos que se faga a validación cando o usuario cambio o contido da caixa de texto temos que:
-:* Empregar o método update($propiedade) que será chamado de forma automáticamente cando o campo teña unha modificación. Dito método fará a validación da propiedade. Temos que chamar ao método '''validatyOnly'''.
+:* Empregar o método update($propiedade,$valor) que será chamado de forma automáticamente cando o campo teña unha modificación. Dito método fará a validación da propiedade. Temos que chamar ao método '''validatyOnly'''.
 :* Cambiar a propiedade wire:model da caixa de texto por '''wire:model.live'''
 : Lembrar que estas chamadas fanse ao servidor polo que pode ser que non nos interese para aforrar recursos e comunicacións entre cliente e o servidor.
@@ Línea 439: / Línea 439: @@
      ..............
-     public function updated($propiedade){
+     public function updated($propiedade,$valor){
          $this->validateOnly($propiedade);
+     }
@@ Línea 446: / Línea 446: @@
-: Ao facer isto, cada vez que se preme no imput fará a validación.
+: Ao facer isto, cada vez que se preme no input fará a validación.
 : Lembrar que poñer isto non quita que teñades a chamada $this->validate() cando se vaia a dar de alta/modificar os datos
@@ Línea 691: / Línea 691: @@
+     }
-     public function updated($propiedade){
+     public function updated($propiedade,$valor){
          $this->validateOnly($propiedade);
+     }
@@ Línea 1180: / Línea 1180: @@
+     }
-     public function updated($propiedade){
+     public function updated($propiedade,$valor){
          $this->validateOnly($propiedade);
+     }

← Revisión anterior		Revisión del 19:28 7 may 2026
Línea 809:		Línea 809:

	</syntaxhighlight>		</syntaxhighlight>
−	: Fixarse que cambiamos o botón de modificar por un enlace. Se podería empregar un botón cun formulario ou outra forma de que cargue unha url.	+	'''NOTAS:'''
		+	:* Fixarse que cambiamos o botón de modificar por un enlace. Se podería empregar un botón cun formulario ou outra forma de que cargue unha url.
		+	:* Fixarse que no bucle o tr ten un wire:key. Isto é necesario sempre que teñades un bucle e empregedes:
		+	::* @foreach de elementos dinámicos
		+	::* Botóns wire:click dentro do loop
		+	::* Eliminación ou actualización de filas
		+	::* Inputs editables en lista
		+	::* Ordenaión ou filtros

@@ Línea 900: / Línea 900: @@
          <tbody>
              @forelse ($marcas as $marca)
-                 <tr>
+                 <tr wire:key="marca-{{ $marca->id }}">
                      <td class="border border-gray-300 p-2">{{ $marca->id }}</td>
                      <td class="border border-gray-300 p-2">{{ $marca->descripcion }}</td>

← Revisión anterior		Revisión del 14:25 6 may 2026
Línea 273:		Línea 273:
	................		................
	</syntaxhighlight>		</syntaxhighlight>
		+
		+	* <u>Nota:</u> Outra forma de añadir o livewire en la vista es: <b>@livewire(Marca:class)</b> o también <b>@livewire('marca')</b>
		+
		+

← Revisión anterior		Revisión del 14:13 6 may 2026
Línea 17:		Línea 17:

	* No directorio raíz do proxecto Laravel escribe: '''composer require livewire/livewire'''		* No directorio raíz do proxecto Laravel escribe: '''composer require livewire/livewire'''
		+	: '''ATENCIÓN:''' A día de hoxe (2026) saiu a versión 4.0 de Livewire. No exame imos empregar a 3.0.
		+	: : Polo tanto empregar esta orden: <u>composer require livewire/livewire "^3.0"</u> para descargar a versión 3.0

	: Unha vez instalado en Laravel podedes consultar a versión instalada buscando a entrada livewire/livewire no arquivo '''composer.json''' no raíz do proxecto.		: Unha vez instalado en Laravel podedes consultar a versión instalada buscando a entrada livewire/livewire no arquivo '''composer.json''' no raíz do proxecto.

@@ Línea 1008: / Línea 1008: @@
 * A baixa vai consistir en chamar a un método do controlador ao que lle mandaremos o id da marca a dar de baixa.
 :Polo tanto definimos o método no controlador.
 '''Arquivo app/Livewire/MarcaListado.php'''
@@ Línea 1028: / Línea 1029: @@
 : Empregamos $this->addError para gardar o erro na variable 'error'.

← Revisión anterior		Revisión del 08:25 28 may 2025
Línea 374:		Línea 374:

	: Con isto <b>wire:submit.prevent="gardarMarca"</b> estamos a decir que cando faga o submit chame de forma asíncrona ao controlador do compoñente livewire ao método gardarMarca.		: Con isto <b>wire:submit.prevent="gardarMarca"</b> estamos a decir que cando faga o submit chame de forma asíncrona ao controlador do compoñente livewire ao método gardarMarca.
		+	: No caso de manexar formularios en livewire, empregar sempre prevent. Poderíamos facelo con <u>wire:submit</u> pero nese caso a páxina enteira se carga como se fora un submit 'tradicional'.
		+
		+
		+
	: <u>Nota:</u> Podemos asociar calquera click de botón directamente ao un método no controlador do livewire, da forma: <button wire:click="gardarMarca">+</button>		: <u>Nota:</u> Podemos asociar calquera click de botón directamente ao un método no controlador do livewire, da forma: <button wire:click="gardarMarca">+</button>