Formulario en Laravel 12 con Controlador, Validación y Bootstrap Input Text | Part 01
📚 Aprende a crear un formulario en Laravel 12 con validación, Bootstrap y controlador. Implementa un campo de texto, valida datos y muestra resultados capturados sin mod
En este tutorial, aprenderás a crear un formulario básico con un campo de texto utilizando Laravel , Bootstrap y un controlador (FormController). Además, implementaremos validación y mostraremos los datos capturados sin usar modelos.
Requisitos Previos
Antes de comenzar, asegúrate de tener lo siguiente instalado:
- PHP (versión compatible con Laravel 12).
- Composer (para instalar dependencias).
- Un proyecto de Laravel inicializado.
- Conocimientos básicos de PHP y Laravel.
Paso 1: Crear el Controlador
Para organizar mejor el código, crearemos un controlador llamado FormController. Ejecuta el siguiente comando en tu terminal:
php artisan make:controller FormControllerEsto generará un archivo en la rutaapp/Http/Controllers/FormController.php.
Editar el Controlador
Abre el archivo FormController.php y define los métodos create y store:
namespace App\Http\Controllers;
use Illuminate\Http\Request;
class FormController extends Controller
{
// Método para mostrar el formulario
public function create()
{
return view('formulario.create');
}
// Método para procesar los datos del formulario
public function store(Request $request)
{
$messages = [
'nombre.required' => 'El nombre es obligatorio.',
'nombre.max' => 'El nombre no puede tener más de 255 caracteres.',
];
$request->validate([
'nombre' => 'required|string|max:255',
], $messages);
// Crear el nuevo registro
Formulario::create([
'nombre' => $request->nombre,
]);
// Redireccionar con mensaje
return redirect()->route('formulario.index')
->with('success', 'Registro creado correctamente.');
}
}
Paso 2: Configurar las Rutas
Ahora, en el archivo routes/web.php, define las rutas que apunten al controlador:
use App\Http\Controllers\FormController;
Route::get('/formulario', [FormController::class, 'create'])->name('formulario.create');
Route::post('/formulario', [FormController::class, 'store'])->name('formulario.store');
Paso 3: Crear las Vistas Blade
Vista del Formulario (create.blade.php)
Crea un archivo llamado create.blade.php dentro de la carpeta resources/views/formulario/. Este archivo será responsable de mostrar el formulario.
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Formulario con Laravel y Bootstrap</title>
<!-- Incluir Bootstrap -->
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/css/bootstrap.min.css" rel="stylesheet">
</head>
<body>
<div class="container mt-5">
<h2 class="mb-4">Formulario Simple en Laravel</h2>
<form action="{{ route('formulario.store') }}" method="POST" class="w-50">
@csrf
<!-- Campo de Texto -->
<div class="mb-3">
<label for="nombre" class="form-label">Nombre:</label>
<input type="text" id="nombre" name="nombre" class="form-control @error('nombre') is-invalid @enderror" value="{{ old('nombre') }}">
@error('nombre')
<div class="invalid-feedback">{{ $message }}</div>
@enderror
</div>
<!-- Botón de Envío -->
<button type="submit" class="btn btn-primary">Enviar</button>
</form>
</div>
</body>
</html>
Leido 1222 veces | 0 usuarios
Código fuente no disponible.
