Configuración Inicial para Creación y Edición de Registros en Platzi

Reutilizar formularios es una práctica esencial cuando trabajas con Laravel y el patrón MVC. En esta sesión se aborda paso a paso cómo preparar el controlador, las vistas y un formulario compartido para las acciones de creación y edición de registros, optimizando código y manteniendo una estructura limpia.

¿Cómo configurar los métodos del controlador para creación y edición?

El punto de partida es el controlador. Se definen dos métodos: uno para creación y otro para edición [00:24]. Ambos retornan una vista específica, pero con una diferencia importante:

• El método de creación simplemente retorna la vista correspondiente sin necesidad de recibir parámetros.
• El método de edición recibe como parámetro el registro que se desea modificar y lo pasa a la vista [00:42].

Esta separación permite que cada acción tenga su propia ruta y lógica, aunque compartan el mismo conjunto de campos del formulario.

¿Por qué reutilizar un formulario con @include en Blade?

Uno de los conceptos más valiosos que se aplica aquí es la reutilización de vistas parciales mediante la directiva @include del motor de plantillas Blade [02:07]. La idea es crear un archivo independiente que contenga únicamente los controles del formulario (campos de texto, botones, etc.) y luego incluirlo tanto en la vista de creación como en la de edición.

¿Cómo se estructura la vista de creación?

Dentro de la vista de creación se define un formulario con las siguientes características [01:28]:

• El método HTTP es POST, ya que la intención es insertar información nueva en la base de datos.
• La acción apunta a la ruta post.store, que es la ruta estándar para guardar registros.
• Los controles se incluyen con @include('post._form').

El archivo _form.blade.php lleva un guion bajo al inicio de su nombre [02:22]. Esta convención indica que no es una vista que funcione de manera independiente, sino que opera como parte de otra vista. Es una práctica común en proyectos Laravel para distinguir vistas parciales.

¿Qué cambia en la vista de edición?

La vista de edición comparte la misma estructura, pero con diferencias clave [02:30]:

• La ruta apunta a post.update y recibe como parámetro el registro que se quiere editar.
• Se incluye un campo oculto que indica la intención de editar, lo cual permite al servidor diferenciar la operación.
• El mismo archivo _form se reutiliza mediante @include.

¿Cómo conectar las vistas con la navegación del index?

Para que los usuarios accedan a crear y editar, es necesario actualizar la vista index [03:18]. Se realizan dos ajustes:

• El botón de editar utiliza la función de rutas de Laravel con el formato post.edit, pasando como parámetro el registro correspondiente.
• El enlace de crear se ubica dentro de un elemento <a> que apunta a la ruta post.create [03:35].

Al inspeccionar el HTML generado en el navegador, se puede verificar que cada formulario tiene su ruta y método correctos [03:52].

¿Cómo aplicar estilos CSS al botón de crear?

Para mantener coherencia visual, se reutiliza el estilo del botón de eliminar con algunas modificaciones [04:17]:

• Se reduce el tamaño con la clase XS para obtener un botón más compacto.
• Se ajustan valores de padding (de cuatro a dos y de dos a uno).
• El contenedor <h2> se convierte en un elemento flexible con alineación y distribución mediante justify-content: space-between [04:40]. Esto coloca el título y el botón de crear en extremos opuestos.

El resultado es una interfaz limpia donde el botón "Crear" aparece alineado a la derecha y el botón "Editar" funciona correctamente en cada registro [04:55].

Si quieres reforzar lo aprendido, crea tu archivo parcial _form, configura ambas vistas y ajusta los estilos del botón. Comparte en los comentarios cómo organizas tus formularios reutilizables en tus proyectos.