"Creación de Controladores y Vistas en Laravel"
Contenido del curso
JOSE LUIS RAMIREZ MORALES
Otro cambio de laravel 8x factory ya no funciona igual, ahora sería así:
User::factory()->count(12)->create();
Luciano Nicolas Pereira
Hola Jose, a mi el archivo User.php (App\User) no lo tengo. Estoy en Laravel 8
Moises Alvarado
seria mejor que actualicen Xd todo cambio...
María Sierra
Lógica de controladores y vistas con datos de prueba
Cuando trabajamos con Laravel no interactuamos colocando código SQL, lo hacemos a través de un archivo ya preparado que representara a la tabla que queramos llamar.
⚠ Importante: En Laravel 8, las tablas de DB están dentro de la carpeta models y debemos poner esta línea de código para que el controlador lo vea.
use App\Models\User;
A partir de Laravel 8, tenemos que manejar las rutas así:
// Tienes que especificar la ruta del controlador arriba use App\Http\Controllers\UserController; Route::get('/', [UserController::class,'index']); Route::post('users', [UserController::class, 'store'])->name('users.store'); Route::delete('users/{user}', [UserController::class,'destroy'])->name('users.destroy');
Para crear datos automáticos dentro de la consola tinker, escribimos el siguiente comando, el número quiere decir la cantidad de datos que va a crear.
User::factory()->count(12)->create()
Código del archivo index.blade.php
<div class="container pt-3"> <div class="row"> <div class="col-sm-8 mx-auto"> <table class="table"> <thead> <tr> <th>ID</th> <th>Nombre</th> <th>Email</th> <th> </th> </tr> </thead> <tbody> @foreach($users as $user) <tr> <td>{{ $user->id }}</td> <td>{{ $user->name }}</td> <td>{{ $user->email }}</td> <td> <form action="{{ route('users.destroy', $user) }}" method="POST"> @method('DELETE') @csrf <input type="submit" value="Eliminar" class="btn btn-sm btn-danger" onclick="return confirm(`¿Desea eliminar el usuario?`)"> </form> </td> </tr> @endforeach </tbody> </table> </div> </div> </div>
Rubén Domínguez Prieto
Muchísimas gracias
cristhian david Sandoval pazu
Gracias.
Fernando Mejia
Si observan la ruta de tipo delete Laravel es capaz de identificar el usuario especifico que se busca pasandole el parametro {user}, este nombre del parametro en la ruta debe coincidir con el nombre del modelo, de esta manera obtendremos automaticamente el usuario a eliminar, (sin buscar en la BD) a este feature se le conoce como route model binding, este tambien tiene la opcion de configurarse de forma personalizada, asi se puede asignar otro nombre al parametro y aun asi seguira funcionando.
Italo Morales Fantone
Profesor:)
RAMON ANGEL DIAZ WONG
En larvel 8.10 el archivo user.php esta dentro de la carpeta Models si les genera error en las rutas solo deben modificar en UserController.php
use App\Models\User;
Durjeibis Escudero Torres
Gracias por el aporte
Jimmy Buriticá Londoño
El @csrf se adiciono para evitar ataques del tipo CSRF, que es un tipo de exploit malicioso de un sitio web en el que comandos no autorizados son transmitidos por un usuario en el cual el sitio web confía. Esta vulnerabilidad es conocida también por otros nombres como XSRF, enlace hostil, ataque de un clic, secuestro de sesión, y ataque automático.
JOSE LUIS RAMIREZ MORALES
En laravel 8x cambió la manera de definir las rutas, les dejo como sería:
Route::get('/', [UserController::class,'index']); Route::post('users', [UserController::class, 'store'])->name('users.store'); Route::delete('users/{user}', [UserController::class,'destroy'])->name('users.destroy');
Elias Mercado
Cambie la ruta de store por esta:
Route::post('store', [UserController::class, 'store'])->name('users.store');```
Camila Andrea Díaz Serrano
Muchas gracias por el dato
Susana Piñero Rodríguez
Seguí las indicaciones del curso y los comentarios de la comunidad, ya que tengo laravel 8.x
Por ahora vamos muy bien. Agregué una plantilla de admin
El botón de eliminar
ID 2 eliminado!!
Pablo Emilio Escobar Ossa
Genial, Lo hiciste bien!
Esa es la idea, tratar de integrar skills a nuestros proyectos.
Alexander Nova Arevalo
Que diseño tan awesone <3
Jose Luis Barboza Gonzales
En laravel 8 para crear usuarios con factory
User::factory()->count(12)->create();
Jhon Fabio Cardona Martinez
Gracias por el aporte.
Cindy Yuliana Castro Plazas
Hola tengo laravel 8 y me sale este error al ejecutar el comando que dejaste.
zsh: defining function based on alias -' zsh: parse error near ()'
Andres Roberto Coello Goyes
Route::delete('users/{user}', 'userController@destroy')->name('user.destroy');
dentro de las llaves { user } es el nombre del params que estamos enviando, es importante recibirlo con el mismo, no me estaba eliminando por que lo recibia con otro nombre pensado que era una funcion o metodo
Braulio Alberto Bueno Pabon
Gracias, me pasaba lo mismo. ¿Como se logra identificar este tipo de errores?, porque no reflejaba ningún error de sintaxis.
Italo Morales Fantone
ProfesorExcelente aporte :)
Rodrigo Villegas
para visualizar el nombre el usuario a borrar
onclick="return confirm('¿Desea eliminar {{ $user->name }} ?...')">
Cristian Dario Bastos
Pero tienes que agregar caracteres de escape, de lo contrario, eliminará el usuario sin pedir confirmación. Por ejemplo si tengo el siguiente nombre: Valentine O'Hara, la comilla simple o apostrofe despues de la O, cerrara el mensaje del confirm y quedará un error en el alert que no se interpretará correctamente.
walter uriel marin urbano
al que tenga laravel 8 y le de error de undefinide factory al usar tinker este es el codigo que me funciono: App\Models\User::factory()->count(12)->create();
Crhistian Jackson Ovalle Gamba
Rutas
Route::get('/','UserController@index'); Route::post('users','UserController@store')->name('users.store'); Route::delete('users{user}','UserController@destroy')->name('users.destroy');
Controlador
<?php namespace App\Http\Controllers; use Illuminate\Http\Request; use App\User; class UserController extends Controller { public function index(){ $users = User::latest()->get(); return view('users.index',[ 'users' =>$users ]); } public function store(Request $request){ User::create([ 'name'=>$request.name , 'email'=>$request.email , 'password'=>$request.password , ]); return back(); } public function destroy(User $user){ $user->delete(); return back(); } }
Vista
<table class="table"> <thead> <tr> <th>Id</th> <th>Nombre</th> <th>Email</th> <th> </th> </tr> </thead> <tbody> @foreach($users as $user) <tr> <td>{{ $user->id }}</td> <td>{{ $user->name }}</td> <td>{{ $user->email }}</td> <td> <form action="{{ route('users.destroy',$user)}}" method="POST"> @method('DELETE') @csrf <input type="submit" value="Eliminar" class="btn tnn-sm btn-danger" onclick="return confirm('Desea Eliminar el registro ?')" > </form> </td> </tr> @endforeach </tbody> </table>
Lista de Usuarios
Dayana Paola
muchas gracias, tu comentario me ayudo mucho 👍👍
Susana Piñero Rodríguez
Con laravel 8.12
routes/web.php
Route::get('/', [UserController::class, 'index']); Route::delete('users/{user}', [UserController::class, 'destroy'])->name('users.destroy');
app/Http/Controllers/UserController.php
// Listar los usuarios public function index() { $users = User::latest()->get(); return view('users.index', [ 'users' => $users ]); } // Eliminar un usuario public function destroy(User $user) { $user->delete(); return back(); }
resources/views/users/index.blade.php
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Laravel 8</title> <!-- Bootstrap 5 --> <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-eOJMYsd53ii+scO/bJGFsiCZc+5NDVN2yr8+0RDqr0Ql0h+rP48ckxlpbzKgwra6" crossorigin="anonymous"> <!-- CDN DataTable con Bootstrap 5 --> <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta1/dist/css/bootstrap.min.css" rel="stylesheet" crossorigin="anonymous" /> <link href="https://cdn.datatables.net/1.10.24/css/dataTables.bootstrap5.min.css" rel="stylesheet" crossorigin="anonymous" /> </head> <body> <div class="container-fluid"> <div class="card"> <div class="card-header">Listado de usuarios</div> <div class="card-body"> <div class="datatable table-responsive"> <table id="indexUsers" class="table table-striped" style="width:100%"> <thead> <tr> <th>ID</th> <th>Nombre</th> <th>Correo</th> <th>Acción</th> </tr> </thead> <tbody> @foreach ($users as $user) <tr> <td>{{ $user->id }}</td> <td>{{ $user->name }}</td> <td>{{ $user->email }}</td> <td> <form action="{{ route('users.destroy', $user) }}" method="POST"> @method('DELETE') @csrf <button id="delete" name="delete" type="submit" class="btn btn-danger" data-toggle="tooltip" data-placement="top" title="Eliminar usuario" onclick="return confirm('Desea eliminar...?')"> <i class="fas fa-trash-alt"></i> </button> </form> </td> </tr> @endforeach </tbody> <tfoot> <tr> <th>ID</th> <th>Nombre</th> <th>Correo</th> <th>Acción</th> </tr> </tfoot> </table> </div> </div> </div> </div> <!-- JS Bootstrap --> <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta3/dist/js/bootstrap.bundle.min.js" integrity="sha384-JEW9xMcG8R+pH31jmWH6WWP0WintQrMb4s7ZOdauHnUtxwoG2vI5DkLtS3qm9Ekf" crossorigin="anonymous"></script> <script src="https://code.jquery.com/jquery-3.5.1.js"></script> <script src="https://cdn.datatables.net/1.10.24/js/jquery.dataTables.min.js"></script> <script src="https://cdn.datatables.net/1.10.24/js/dataTables.bootstrap5.min.js"></script> <script> $(document).ready(function() { $('#indexUsers').DataTable(); } ); $(function () { $('[data-toggle="tooltip"]').tooltip() }) </script> </body> </html>
Jose Montoya
Actualización de rutas en Laravel 8 Route::get('/', [UserController::class, 'index']); Route::post('users', [UserController::class, 'store'])->name('users.store'); Route::delete('users/{user}', [UserController::class, 'destroy'])->name('users.destroy');
Actualización del Controller use App\Models\User;
class UserController extends Controller {
public function index(){ // $users = User::latest()->get(); $users = User::all(); return view('users.index', [ 'users' => $users ]); } public function store(Request $request){ User::create([ 'name' => $request->name, 'email' => $request->email, 'password' => $request->password ]); return back(); } public function destroy(User $user){ $user->delete(); return back(); }
}
carolina galvis arango
Montoyita muchísimas gracias, tenia rato intentado corregir el error y no encontraba el problema y finalmente solo tenia que cambiar las llaves por corchetes, eres un genio!!!!! :)
Roberto Pacheco Pacheco
++Para los que siguen el curso con Laravel 8++
index.blade.php
<!DOCTYPE html> <html lang="{{ str_replace('_', '-', app()->getLocale()) }}"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"></html><title>CRUD</title> <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous"> </head> <body> <div class="container"> <div class="row"> <div class="col-sm-8 mx-auto"> <table class="table"> <thead> <tr> <th>#</th> <th>Nombre</th> <th>Email</th> <th> </th> </tr> </thead> <tbody> @foreach($users as $user) <tr> <td>{{ $user->id }}</td> <td>{{ $user->name }}</td> <td>{{ $user->email }}</td> <td> <form action="{{ route('users.destroy', $user) }}" method="POST"> @method('DELETE') @csrf <input type="submit" value="Eliminar" class="btn btn-sm btn-danger" onclick="return confirm('¿Desea eliminar {{ $user->name }} ?...')"> </form> </td> </tr> @endforeach </tbody> </table> </div> </div> </div> </body>
web.php
<?php use Illuminate\Support\Facades\Route; /* |-------------------------------------------------------------------------- | Web Routes |-------------------------------------------------------------------------- | | Here is where you can register web routes for your application. These | routes are loaded by the RouteServiceProvider within a group which | contains the "web" middleware group. Now create something great! | */ /* Route::get('/', function () { return view('welcome'); }); */ use App\Http\Controllers\UserController; Route::get('/', [UserController::class,'index']); Route::post('users', [UserController::class, 'store'])->name('users.store'); Route::delete('users/{user}', [UserController::class,'destroy'])->name('users.destroy'); **UserController.php** <?php namespace App\Http\Controllers; use App\Models\User; use Illuminate\Http\Request; class UserController extends Controller { public function index(){ $users = User::latest()->get(); return view('users.index', ['users'=>$users] ); } public function store(Request $request){ User::create([ 'name'=>$request->name, 'email'=>$request->email, 'password'=>$request->password, ]); return back(); } public function destroy(User $user){ $user->delete(); return back(); } }
Hector Manuel Martinez Moreira
oye muchas gracias! tenia problemas con el index html
Carlos Eduardo Gomez García
El token csrf es algo muy importante en los proyectos de Laravel, todos los formularios tienen que tener un token csrf, es una medida externa de seguridad:D
john fredy quimbaya orozco
para la nueva versión de laravel el comando para crear los usuarios es User::factory()->count(15)->create();
José Alejandro Maya Montiel
Para que se muestre un mensaje si no hay usuarios en la base de datos:
@forelse ($users as $user) <tr> <td>{{$user->id}}</td> <td>{{$user->name}}</td> <td>{{$user->email}}</td> <td> <form action="{ route('users.destroy', $user) }" method="POST"> @method('DELETE') @csrf <input type="submit" value="Delete" class="btn btn-sm btn-danger"> </form> </td> </tr> @empty <tr> <td colspan="4" class="text-center">No hay usuarios registrados</td> </tr> @endforelse
KEVIN BRAYAN LUNA FIGUEROA
Es otra alternativa para el codigo de la función index
public function index() { $users = User::latest()->get(); return view('users.index', compact('users')); }``` La funcionalidad es la misma.
Jorge Luis Chavarriaga Vargas
excelente
Cesar Alejandro
¿Cuál es la diferencia?
KEVIN BRAYAN LUNA FIGUEROA
Las funciones comunes que se pueden utilizar en el controlador son:
Delmerk Escobar
