CORPORACION UNIFICADA NACIONAL

Presentación del tema: "CORPORACION UNIFICADA NACIONAL"— Transcripción de la presentación:

1 CORPORACION UNIFICADA NACIONAL
LARAVEL Framework PHP CORPORACION UNIFICADA NACIONAL

2 ¿Qué es un Framework? Es un esquema (un esqueleto, un patrón) para el desarrollo y/o la implementación de una aplicación. ¿Qué es Laravel? Laravel es un framework MVC para PHP desarrollado por Taylor Otwell. Su objetivo es reducir el tiempo de desarrollo eliminando las tareas tediosas y facilitando una sintaxis clara y concisa.

3 ¿Por qué usar Laravel? Código Limpio Curva de aprendizaje baja
Sintaxis elegante y expresiva para crear código de forma sencilla Código Limpio Curva de aprendizaje baja Aprovecha al máximo las ultimas características de PHP Integrado con composer y git ¿Por qué usar Laravel? Comunidad muy activa que da apoyo rápido al momento de que lo necesitas Laravel

4 Empezando Laravel ¿Qué es Composer?
Es un manejador de dependencias, no un gestor de paquetes. Composer es capaz de instalar las librerías que requiere tu proyecto con las versiones que necesiten. ¿Y si mis librerías dependen de otras? También es capaz de resolver eso y descargar todo lo necesario para que funcione y así quitarnos del dolor de cabeza de hacer todo eso de forma manual.

5 ¿Qué problemas resuelve Composer
Tienes un proyecto que depende de ciertas librerías desarrolladas por terceros, y a su vez, éstas librerías también dependen de otras (tú no tienes porqué conocer estas librerías), lo que hace Composer en este caso es averiguar que librerías deben instalarse Es decir, resuelve todas las dependencias indirectas y descarga automáticamente la versión correcta de cada paquete. En este ejemplo Composer descarga una librería llamada dompdf para generar reportes en PDF

6 ¿Instalar Composer Composer requiere PHP para ejecutarse. Algunos ajustes php sensibles y banderas de compilación también son necesarios, pero cuando se utiliza el instalador se le advertirá sobre cualquier incompatibilidad. Bajar instalador de Composer Se descarga el instalador y se ejecuta.

7 Se le da siguiente a todo e instalar y esperen a que finalice.
Una vez finalizado la instalación, abren el CMD y ejecutan el comando composer Composer se ha instalado correctamente, aparece un listado de comandos que se pueden utilizar.

8 Instalando Laravel Se abre el CMD y apuntamos la ruta al htdocs de xampp Se ejecuta el comando Composer en la terminal: composer create-project - -prefer-dist laravel/laravel MiproyectoLaravel “5.7.*” Nota: Para la versión 5.7 se requiere versión de php >= 7.1.3, de lo contrario se puede trabajar la versión 5.5 que trabaja con php >= Para mas información se tiene la documentación oficial: Nombre del proyecto que queramos dar y versión de laravel. Su ultima versión es la 5.8 lanzada 26/02/2019

9 Instalando Laravel Posible errores de sintaxis. (falta la palabra composer antes del create) Inicia la instalación, este proceso tomara algunos min dependiendo de la conexión a internet. Una vez finalizada la instalación podrán observar su proyecto creado en el htdocs

10 Instalando Laravel Nuevamente en el cmd apuntamos la ruta ahora al proyecto creado Ejecutamos el comando php artisan serve Este comando iniciará un servidor de desarrollo en : Copiamos la dirección en nuestro navegador y listo tenemos laravel instalado

11 Estructura de carpeta

12 Arrastramos nuestro proyecto al editor de código (Sublime Text, notepad++, visual studio code)
Carpeta donde se alojan los modelos y controladores de nuestro proyecto Carpeta donde se aloja archivos de plantilla, css, js, img Carpeta donde se alojan las vistas Carpeta donde se alojan las rutas.

13 Los Controladores agrupan las peticiones HTTP relacionada con la manipulación lógica en una clase.
Los Controladores normalmente se almacenan en el directorio de aplicación app/Http/Controllers/ Normalmente Laravel no establece un directorio especifico para almacenar los modelos, lo que usualmente se hace es crear una carpeta Models dentro del directorio app/ y ahí almacenaremos nuestros modelos.

14 En la carpeta public almacenaremos todo lo relacionado con css, js, svg y archivos de alguna plantilla que manejemos. Aquí podremos almacenar todas nuestras vistas, archivos de traducción multilenguaje e incluso archivos js y sass para el uso de webpack (Empaquetador de archivos)

15 En la carpeta routes se almacenan todas las rutas necesarias para las peticiones que el usuario o el sistema realicen hacia el servidor. Si del sistema web se deriva una aplicación, se pueden separar las rutas de las apis con las rutas web.

16 Motor de plantilla Blade
¿Qué es Blade? Blade es el sistema de plantillas de Laravel, el cual nos permite generar HTML dinámico con una sintaxis mucho más limpia que si usáramos PHP plano. Blade es básicamente un sub-lenguaje muy sencillo, que antes de ser usado por nuestra aplicación, es compilado a PHP plano. Para usar Blade, simplemente se crea sus plantillas en el directorio views/ con la extensión .blade.php en vez de .php.

17 Enrutamiento Básico MVC.
1.) Desde la vista cuando ingresamos a una url directamente desde el navegador lo hacemos mediante una petición http de tipo GET o desde un formulario una petición POST. 2.) Esta solicitud se envía al archivo routes.php ubicado dentro de app/Http/routes.php, en caso de no existir nos dará un error, si la ruta existe: 3.) Nos llevará a un controlador en el cuál se encuentra la lógica , el controlador interaccionará con un modelo (opcionalmente) para recuperar información de una base de datos. 4.) Esta información llega al controlador y desde el controlador invocamos una vista, finalmente la vista se carga y se muestra en el navegador.

18 IMPLEMENTANDO PLANTILLA EN LARAVEL

19 1.) En el directorio public de nuestro proyecto crearemos una carpeta llamada plantilla
2.) Copiaremos las siguientes carpetas de nuestra plantilla descargada y las pegaremos en la carpeta que creamos en el paso 1.) de nuestro proyecto.

20 3.) En el directorio resources/Views crearemos una carpeta llamada layouts
4.) Dentro de la carpeta layouts creamos un archivo llamado layouts.blade.php

21 5. ) Copiaremos toda la estructura html del archivo index
5.) Copiaremos toda la estructura html del archivo index.html de la plantilla descargada. 4.) Pegaremos el código en nuestro archivo layouts.blade.php 5.) Modificaremos los links y scripts por la siguiente ruta: (Siguiente diapositiva)

22 NOTA: cambiar comillas dobles por comillas simples

23 Localizamos el contenido principal de la plantilla Main content, ctrl + F para buscar y eliminamos su contenido

24 Utilizaremos la que nos ofrece laravel para reemplazar las secciones de código que serán dinámicas, Ej: el contenido principal de una pagina, el titulo de la pagina, secciones especificas como comentarios de post, menús laterales ,etc

25 En el archivo welcome eliminamos todo su contenido y lo remplazamos por lo siguiente:
Nombre de la carpeta donde se encuentra nuestro layout Nombre del archivo layouts, nótese que no se nombra la extensión blade.php, solo su nombre inicial.

26 Habilitamos nuestro localhost e ingresamos la dirección de nuestro proyecto:
Enlaces rotos de img verificar línea 74,87,99, 111, 123, 256, 262 y 310 del archivo layouts.blade.php

27 Si queremos incluir una sección de html podemos hacer lo siguiente:
Creamos un archivo nuevo en la carpeta layouts llamado menú.blade.php Dentro de layouts.blade.php localizamos: main-sidebar, creamos un campo menú y cortamos y pegamos todo main-sidebar en nuestro archivo menú.blade.php Si guardan los cambios y actualizan la pagina verán que el menú a desaparecido

28 Nos dirigimos a nuestro archivo welcome y agregamos lo siguiente
Guardan los cambios y actualicen la pagina

29 Como verán nuestra plantilla ha quedado lista para trabajar
Este espacio es el que necesitaremos para crear formularios, tablas, reportes etc, entre las diferentes vistas