Page 64 - 0149-curso-laravel-5_Neat
P. 64

Laravel 5




                <div class="row">


                    @foreach( $arrayPeliculas as $key => $pelicula )
                    <div class="col-xs-6 col-sm-4 col-md-3 text-center">


                        <a href="{{ url('/catalog/show/' . $key ) }}">
                            <img src="{{$pelicula['poster']}}" style="height:200px"/>
                            <h4 style="min-height:45px;margin:5px 0 10px 0">
                                {{$pelicula['title']}}
                            </h4>
                        </a>


                    </div>
                    @endforeach


                </div>



             Como se puede ver en el código, en primer lugar se crea una fila (usando el sistema de
             rejilla de Bootstrap) y a continuación se realiza un bucle foreach utilizando la notación de
             Blade para iterar por todas las películas. Para cada película obtenemos su posición en el
             array y sus datos asociados, y generamos una columna para mostrarlos. Es importante que

             nos fijemos en como se itera por los elementos de un array de datos y en la forma de
             acceder a los valores. Además se ha incluido un enlace para que al pulsar sobre una
             película nos lleve a la dirección   /catalog/show/{$key} , siendo   key  la posición de esa
             película en el array.


             Método CatalogController@getShow

             Este método se utiliza para mostrar la vista detalle de una película. Hemos de tener en
             cuenta que el método correspondiente recibe un identificador que (de momento) se refiere a

             la posición de la película en el array. Por lo tanto, tendremos que coger dicha película del
             array (  $this->arrayPeliculas[$id] ) y pasársela a la vista.

             En esta vista vamos a crear dos columnas, la primera columna para mostrar la imagen de la

             película y la segunda para incluir todos los detalles. A continuación se incluye la estructura
             HTML que tendría que tener esta pantalla:























             Ejercicios                                                                                  64
   59   60   61   62   63   64   65   66   67   68   69