Laravel es uno de los frameworks PHP m\u00e1s utilizados para construir aplicaciones modernas. Una de las tareas m\u00e1s comunes al iniciar un proyecto es implementar un sistema de autenticaci\u00f3n. Aunque hoy en d\u00eda existen paquetes como Breeze o Jetstream, el paquete Laravel UI sigue siendo una opci\u00f3n ligera y directa, sobre todo si queremos integrar Bootstrap r\u00e1pidamente.<\/p>\n\n\n\n
Para comenzar, creamos un nuevo proyecto en Laravel:<\/p>\n\n\n\n
composer create-project laravel\/laravel proyecto\ncd proyecto<\/code><\/pre>\n\n\n\nLuego instalamos el paquete Laravel UI:<\/p>\n\n\n\n
composer require laravel\/ui<\/code><\/pre>\n\n\n\nGeneramos las vistas de autenticaci\u00f3n con Bootstrap:<\/p>\n\n\n\n
php artisan ui bootstrap --auth<\/code><\/pre>\n\n\n\nFinalmente instalamos las dependencias de frontend y compilamos los assets:<\/p>\n\n\n\n
npm install && npm run dev\nphp artisan migrate<\/code><\/pre>\n\n\n\nCon esto ya tenemos login, registro, recuperaci\u00f3n de contrase\u00f1a y un layout con Bootstrap.<\/p>\n\n\n\n
Desactivar el registro de usuarios<\/h3>\n\n\n\n
Si no queremos que cualquiera se registre en el sistema, podemos desactivar la ruta de registro. Para ello editamos routes\/web.php<\/code> y reemplazamos la configuraci\u00f3n de rutas de autenticaci\u00f3n por:<\/p>\n\n\n\nAuth::routes(['register' => false]);<\/code><\/pre>\n\n\n\nDe esta manera el formulario y la acci\u00f3n de registro quedan bloqueados. Si adem\u00e1s no queremos mostrar el enlace de registro en la navegaci\u00f3n, podemos eliminarlo de la vista layouts\/app.blade.php<\/code>.<\/p>\n\n\n\nMostrar todos los usuarios en el Home<\/h4>\n\n\n\n
En lugar de mostrar solo un mensaje de bienvenida, podemos usar la p\u00e1gina de inicio para listar los usuarios registrados. Para esto, editamos el controlador HomeController<\/code>:<\/p>\n\n\n\nnamespace App\\Http\\Controllers;\n\nuse Illuminate\\Http\\Request;\nuse App\\Models\\User;\n\nclass HomeController extends Controller\n{\n public function __construct()\n {\n $this->middleware('auth');\n }\n\n public function index(Request $request)\n {\n $search = $request->input('search');\n\n $users = User::when($search, function ($query, $search) {\n return $query->where('name', 'like', "%{$search}%")\n ->orWhere('email', 'like', "%{$search}%");\n })\n ->orderBy('id', 'desc')\n ->paginate(5);\n\n return view('home', compact('users', 'search'));\n }\n}<\/code><\/pre>\n\n\n\nCon este c\u00f3digo podemos buscar usuarios por nombre o correo electr\u00f3nico, y mostramos los resultados con paginaci\u00f3n.<\/p>\n\n\n\n
Vista con tabla y barra de b\u00fasqueda<\/h4>\n\n\n\n
En resources\/views\/home.blade.php<\/code> reemplazamos el contenido con lo siguiente:<\/p>\n\n\n\n@extends('layouts.app')\n\n@section('content')\n<div class="container">\n <h3 class="mb-4">Lista de Usuarios<\/h3>\n\n <form method="GET" action="{{ route('home') }}" class="mb-3 d-flex">\n <input type="text" name="search" class="form-control me-2"\n placeholder="Buscar por nombre o email" value="{{ $search ?? '' }}">\n <button class="btn btn-primary" type="submit">Buscar<\/button>\n <\/form>\n\n <div class="card">\n <div class="card-body">\n <table class="table table-bordered table-striped">\n <thead class="table-dark">\n <tr>\n <th>ID<\/th>\n <th>Nombre<\/th>\n <th>Email<\/th>\n <th>Creado<\/th>\n <\/tr>\n <\/thead>\n <tbody>\n @forelse ($users as $user)\n <tr>\n <td>{{ $user->id }}<\/td>\n <td>{{ $user->name }}<\/td>\n <td>{{ $user->email }}<\/td>\n <td>{{ $user->created_at->format('d\/m\/Y') }}<\/td>\n <\/tr>\n @empty\n <tr>\n <td colspan="4" class="text-center">No se encontraron usuarios<\/td>\n <\/tr>\n @endforelse\n <\/tbody>\n <\/table>\n\n <div class="d-flex justify-content-center">\n {{ $users->appends(['search' => $search])->links() }}\n <\/div>\n <\/div>\n <\/div>\n<\/div>\n@endsection<\/code><\/pre>\n\n\n\nAhora, al iniciar sesi\u00f3n en el sistema, veremos una tabla con todos los usuarios registrados, con opci\u00f3n de buscarlos y navegar por p\u00e1ginas.<\/p>\n\n\n\n
Conclusi\u00f3n<\/h4>\n\n\n\n
Laravel UI con Bootstrap sigue siendo una forma r\u00e1pida y pr\u00e1ctica de tener un sistema de autenticaci\u00f3n b\u00e1sico en Laravel. Adem\u00e1s, personalizar la p\u00e1gina de inicio para mostrar y administrar usuarios es un buen primer paso para extender la aplicaci\u00f3n seg\u00fan las necesidades del proyecto.<\/p>\n","protected":false},"excerpt":{"rendered":"
Laravel es uno de los frameworks PHP m\u00e1s utilizados para construir aplicaciones modernas. Una de las tareas m\u00e1s comunes al iniciar un proyecto es implementar un sistema de autenticaci\u00f3n. Aunque hoy en d\u00eda existen paquetes como Breeze o Jetstream, el paquete Laravel UI sigue siendo una opci\u00f3n ligera y directa, sobre todo si queremos integrar […]<\/p>\n","protected":false},"author":1,"featured_media":621,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[5,7,8,10,15,23],"tags":[33,35,37,46,78,79,87,105,109,121,137],"class_list":["post-620","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-autenticacion","category-bootstrap","category-desarrollo-web","category-laravel","category-php","category-tutoriales","tag-autenticacion-en-laravel","tag-barra-de-busqueda","tag-bootstrap","tag-crud-usuarios","tag-laravel-12","tag-laravel-ui","tag-login-laravel","tag-paginacion","tag-php-8","tag-registro-laravel","tag-tabla-usuarios"],"_links":{"self":[{"href":"https:\/\/blog.pirulug.com\/index.php?rest_route=\/wp\/v2\/posts\/620","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blog.pirulug.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blog.pirulug.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blog.pirulug.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.pirulug.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=620"}],"version-history":[{"count":0,"href":"https:\/\/blog.pirulug.com\/index.php?rest_route=\/wp\/v2\/posts\/620\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/blog.pirulug.com\/index.php?rest_route=\/wp\/v2\/media\/621"}],"wp:attachment":[{"href":"https:\/\/blog.pirulug.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=620"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.pirulug.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=620"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.pirulug.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=620"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}