UNIVERSIDAD DE GUAYAQUIL

FACULTAD DE CIENCIAS MATEMÁTICAS Y FÍSICAS

CARRERA DE INGENIERÍA EN SISTEMAS COMPUTACIONALES
DESARROLLO DE APLICACIONES WEB

PRACTICA DE CLASE: TRABAJANDO CON LARAVEL

PARTE 1: INSTALACIÓN

1. Para esta práctica es necesario tener instalado php en su computador.

2. Descargar e instalar el administrador de dependencias de php: composer:
Composer es un gestor de dependencias en proyectos, para programación en PHP. Eso quiere decir
que nos permite gestionar (declarar, descargar y mantener actualizados) los paquetes de software
en los que se basa nuestro proyecto PHP.
https://getcomposer.org/download/
Sigues los pasos tradicionales de instalación, tan solo verifica que la ruta de instalación de php sea
correcta.

3. Utilizando la consola de comandos de windows crear un proyecto bajo framework laravel.

a. Abrir la consola de comandos y ubicarse en el directorio htdocs.

cd C:\xampp\htdocs

b. Crear un proyecto bajo framework laravel.

composer create-project --prefer-dist laravel/laravel practicaLaravel "5.8.*"

Debes esperar con paciencia a que la instalación de las dependencias necesarias termine

4. Ahora tendrás la carpeta practicaLaravel en el directorio htdocs, dentro de ella está la estructura de
un proyecto bajo framework laravel.
 UNIVERSIDAD DE GUAYAQUIL
FACULTAD DE CIENCIAS MATEMÁTICAS Y FÍSICAS
CARRERA DE INGENIERÍA EN SISTEMAS COMPUTACIONALES
DESARROLLO DE APLICACIONES WEB

Puedes revisar que el proyecto este ejecutándose correctamente

http://localhost:81/practicaLaravel/public/

Nota: no olvides cambiar el número de puerto por el de tu servidor apache

A lo largo de esta práctica revisaremos algunas secciones de la estructura de laravel

PARTE 2: CONFIGURACIONES BÁSICAS

1. Cambiar espacio de nombres.

Por defecto el namespace de la aplicación es App

Utilizaremos artisan para cambiar el nombre de la aplicación. Artisan es la interfaz de línea de comandos de
laravel. Coloca los siguientes comandos en la consola de Windows:

cd C:\xampp\htdocs\practicaLaravel

php artisan app:name AppTuNombreApellido

 UNIVERSIDAD DE GUAYAQUIL
FACULTAD DE CIENCIAS MATEMÁTICAS Y FÍSICAS
CARRERA DE INGENIERÍA EN SISTEMAS COMPUTACIONALES
DESARROLLO DE APLICACIONES WEB

2. Agregar debug a la aplicación. Mientras desarrollas tu proyecto necesitaras que el debug este
activo, una vez que esté en producción deberá ser desactivado.

Las configuraciones de nuestro proyecto se encuentran en el directorio config. Revisa un poco los
archivos app.php y database.php.
Como habrás visto gran parte de las configuraciones de estos archivos vienen de la función
env(..,..), la cual se encarga de leer los parámetros de configuración del archivo .env. Busca este
archivo dentro de tu proyecto y cambia los valores: APP_NAME=AppTuNombreApellido,
APP_DEBUG=true

3. Adicionalmente configura las constantes para conexión a base de datos, utiliza una base ya
existente en tu computador.

agregar resultado aqui

4. En el archivo config/app.php cambia la zona de tiempo de tu aplicación: 'timezone' =>

'America/Bogota',
5. En el mismo archivo cambia el lenguaje local a español 'locale' => 'es',

Para cambiar de idioma es necesario que cuentes con el paquete de idiomas. Aquí podemos encontrar
las carpetas para cada lenguaje: https://github.com/caouecs/Laravel-lang/tree/master/src. Para esta
práctica utiliza los archivos dados, pega la carpeta es en resources/Lang
 UNIVERSIDAD DE GUAYAQUIL
FACULTAD DE CIENCIAS MATEMÁTICAS Y FÍSICAS
CARRERA DE INGENIERÍA EN SISTEMAS COMPUTACIONALES
DESARROLLO DE APLICACIONES WEB

Nota: Cuando realizamos cambios en configuraciones es recomendable limpiar la cache de config.

Ejecuta el comando:

php artisan config:clear

PARTE 3: RUTAS Y MVC EN LARAVEL

De manera sencilla podemos decir que laravel

funciona así: El usuario realiza peticiones, las cuales
son enrutadas, el enrutador le notifica al
controlador esa petición, el controlador procesa la
petición y decide si ir al modelo (el cual retorna
datos al controlador), envía datos a la vista y la vista
muestra los datos.

1. Agregar dos nuevas rutas. Las rutas para nuestra aplicación se encuentran en routes/web.php

// creamos nueva ruta

// uri nombre
// variable nombre lee el nombre de la app que está en config
Route::get('/nombre', function () {
$nombre = config('app.name'); //uso de helper config para acceder a las variables de configuracion
return $nombre;
});

Revisa tu resultado http://localhost:81/practicaLaravel/public/nombre

agregar resultado aquí

2. Crear un controlador básico

cd C:\xampp\htdocs\practicaLaravel

php artisan make:controller PrimerController

Ubica tu nuevo controlador en la ruta app\Http\Controllers y agrega las siguientes funciones:

public function index(){
return "Hola desde el primer controlador";
}

public function index2($nombre, $edad){

return view('saludo.misaludo',compact('nombre','edad'));
}
 UNIVERSIDAD DE GUAYAQUIL
FACULTAD DE CIENCIAS MATEMÁTICAS Y FÍSICAS
CARRERA DE INGENIERÍA EN SISTEMAS COMPUTACIONALES
DESARROLLO DE APLICACIONES WEB

Como puedes observar la primera función retorna una cadena de texto que será la respuesta mostrada en
el browser. La segunda función envía los datos a una vista. Para indicar la ruta de la vista que está en
resources\views\saludo\misaludo.blade.php se utiliza saludo.misaludo

3. Crear la vista. Las vistas de nuestro proyecto se encuentran en resources\views. Crear la carpeta saludo y
dentro el archivo misaludo.blade.php

4. Agregar lo siguiente:
<div><?php echo 'un saludo para todos'; ?></div>
<!--utilizando blade-->
<p>Perfil de {{$nombre}}</p>
<p> Email:{{$edad}} </p>

Blade nos provee de muchas ventajas, además de modularizar nuestras vistas de una forma sorprendente,
también nos permite usar estructuras de control y variables de PHP directamente en ellas, aunque esto ya
era posible antes usando las etiquetas de php, por ejemplo: <?php echo $pastel ?> con blade: {{ $pastel }}

5. Agrega una ruta a tu archivo de rutas web.php

// PETICION PROCESADA POR PrimerController accion index

Route::get('/saludo', 'PrimerController@index');

Route::get('/saludo/{nombre}/{edad}', 'PrimerController@index2');

Prueba tus resultados

http://localhost:81/practicaLaravel/public/saludo
http://localhost:81/practicaLaravel/public/saludo/Miguel/23

agregar resultado aquí

6. Podemos aprovechar para revisar la lista de rutas que hasta ahora tiene la aplicación.
Ejecuta los siguientes comandos:
cd C:\xampp\htdocs\practicaLaravel
php artisan route:list

agregar resultado aquí

PARTE 4: Migración de datos

1. Crear una base de datos para ejemplo con charset utf8_unicode_ci

 UNIVERSIDAD DE GUAYAQUIL
FACULTAD DE CIENCIAS MATEMÁTICAS Y FÍSICAS
CARRERA DE INGENIERÍA EN SISTEMAS COMPUTACIONALES
DESARROLLO DE APLICACIONES WEB

2. En config/database.php verificar charset y collation

'mysql' => [
'driver' => 'mysql',
'host' => env('DB_HOST', '127.0.0.1'),
'port' => env('DB_PORT', '3306'),
'database' => env('DB_DATABASE', 'forge'),
'username' => env('DB_USERNAME', 'forge'),
'password' => env('DB_PASSWORD', ''),
'unix_socket' => env('DB_SOCKET', ''),
'charset' => 'utf8',
'collation' => 'utf8_unicode_ci',
'prefix' => '',
'strict' => true,
'engine' => null,
],

3. Cambie los parámetros de la base de datos en el archivo .env por la nueva base de datos creada en
el paso 1.
4. Crear una migración

php artisan make:migration create_libro_table --create=libro

agregar resultado aquí

5. Busca el archivo creado en database\migrations y agregar campos a la tabla dentro de la función up

public function up()

{
Schema::create('libro', function (Blueprint $table) {
$table->increments('id');
$table->string('titulo');
$table->double('precio');
$table->integer('anioedicion');
$table->timestamps();
});
}
6. Realizar la migración a la base de datos

php artisan migrate

 UNIVERSIDAD DE GUAYAQUIL
FACULTAD DE CIENCIAS MATEMÁTICAS Y FÍSICAS
CARRERA DE INGENIERÍA EN SISTEMAS COMPUTACIONALES
DESARROLLO DE APLICACIONES WEB

Revisa tu base de datos ahora

agregar resultado aquí

Puedes revisar más acerca de las migraciones en https://laravel.com/docs/5.4/migrations#creating-

tables

Nota: Para realizar un Rollback de las migraciones: php artisan migrate:reset