Plantillas Laravel
Plantillas Laravel
Laravel es un framework de código abierto para desarrollar aplicaciones y servicios web con PHP. Su filosofía es desarrollar código PHP de forma elegante y simple.
Las plantillas en Blade son archivos de texto plano que contiene todo el HTML de la página con etiquetas que representan elementos o zonas a incluir en la plantilla, o vistas parciales como se conocen en otros frameworks PHP. Sin embargo, en Blade estos elementos incrustados se organizan en un sólo archivo.
Para empezar ocupamos instalar Composer, aqui les dejare la pagina donde podemos descargarlo.
Link: https://getcomposer.org/download/
Una vez estando en la pagina vamos a dar clic en Composer-Setup.exe para descargar.
Después de descargarlo, nos vamos a la carpeta donde nos aparecen los archivos descargados y lo instalamos dando Next hasta que llegue a la parte de Install.
Ahora lo que haremos es ir a la Consola a verificar si instalamos correctamente Composer.
Aquí encontramos la versión de Composer, y los archivos instalados.
Ya tenemos instalado todo.
Ya asegurados de que Composer y Laravel funcionan.
Ocupamos una Plantilla para hacer nuestro proyecto, la cual descargaremos en la pagina siguiente.
Link: https://startbootstrap.com/
Ya ingresados en la pagina, vamos a decargar la siguiente Plantilla SD Admin,
Link: https://getcomposer.org/download/
Una vez estando en la pagina vamos a dar clic en Composer-Setup.exe para descargar.
Después de descargarlo, nos vamos a la carpeta donde nos aparecen los archivos descargados y lo instalamos dando Next hasta que llegue a la parte de Install.
Ahora lo que haremos es ir a la Consola a verificar si instalamos correctamente Composer.
Aquí encontramos la versión de Composer, y los archivos instalados.
Ya tenemos instalado todo.
Ya asegurados de que Composer y Laravel funcionan.
Ocupamos una Plantilla para hacer nuestro proyecto, la cual descargaremos en la pagina siguiente.
Link: https://startbootstrap.com/
Ya ingresados en la pagina, vamos a decargar la siguiente Plantilla SD Admin,
Click en Preview & Download
Ahora iremos a crear un propyecto Para que nos aparezcan en Disco local (C:), xampp, htdocs
Y tambien le podremos nombre a nuestro proyecto hoja_de_vida_laravel.
Después de cargar todo, nos iremos a Disco local (C:), xampp, htdocs, a ver si nuestra carpeta esta.
Ahora que sabemos que tenemos la carpeta, nos iremos al Servidor Apache.
Damos clic en Stop.
Tambien iremos abrir MySQL.
Y seguidamente vamos abrir VisulaStudioCode.
Continuamos y lo primero que haremos es ir abrir la carpeta en VisulaStudioCode.
Abriremos el archico .env
Le ponemos el nombre del esquema en DB_DATABASE 'hoja_de_vida'
En DB_USERNAME ponemos el usuario 'root'
Y la suiguiente es la contraseña DB_PASSWORD 'root'
Le ponemos el nombre del esquema en DB_DATABASE 'hoja_de_vida'
En DB_USERNAME ponemos el usuario 'root'
Y la suiguiente es la contraseña DB_PASSWORD 'root'
Iremos a MySQL a crear un Create_Shema la cual le prodremos como nombre hoja_de_vida.
Damos Enter y Apply.
Podemos ver que aun no estan creadas las tablas.
Damos Enter y Apply.
Podemos ver que aun no estan creadas las tablas.
Iremos a crear las tablas en la consola.
Con el siguiente comando 'php artisan nigrate'
Y como ven automaticamente se crearon las tablas.
Al recargar en MySQL, están creadas las tablas.
Antes de eso crearemos una carpeta llamada 'hoja_de_vida_laravel'
con el comando 'php artisan nake:auth'.
Después de eso, hacemos una prueba local.
Escribimos la URL que dejamos en la imagen y al recargar nos mostrara lo que se ve.
Seguidamente en la misma URL le agregamos 'login'
Y nos registramos donde dice 'Register'
Cuando le damos register los aparecen se la siguiente manera
los registramos y le damos 'Register'.
Ya los aparece guarda la información ahora los vamos a ir a MySQL para ver si también la información se guardo.
Si podemos observar que la información se nos guardo correctamente.
Ya anteriormenete se explico como descargar la platilla ahora iremos ya unirla con nuestro proyecto hoja_de_vida.
Cuando descargamos la Plantilla, la carpeta la vamos a descomprimir.
Al terminar el blogger les dejare unos Link de 2 videos.
Ya teniendo la carpeta descomprimida la pasamos a Disco local (C:), xampp, htdocs y le cambioamos nombre 'ejemplo'
Ahora iremos hacer una prueba local. Al recargar nos aparece la plantilla que descargamos.
Vamos abrir el archivo index.html en el cual lo primero que haremos es modificar el titulo 'Hoja de vida - Pagina Principal'
Eliminamos las opciones del tablero que empiezan 233 y termina en la 1077.
Como ven ya nos nos aparecen las pociones de menú.
Tambien eliminaremos las opciones de la parte superior de la derecha.
que empieza 120 a terminar 216.
Al recargar observamos que ya se quitaron.
Ahora lo que haremos es ponerle nombre a las opciones de la siguiente manera.
Al recargar nos aparece como nosotros las llamamos.
Al recargar nos aparece las opciones como nosotros las llamamos.
Después de Educación iremos agregaremos otras opciones de menú, que sera Conocimiento, Reconocimiento, Referencia, Pasatiempos.
Y también eliminaremos la opción de Link.
Al recargar nos mostrara las siguientes opciones de menú.
Luego copiamos todo el index.
Nos vamos a la carpeta resources, views, layouts, app.blade.php
Seleccionamos todo y borramos.
Y copiamos el index.
Vamos a ir a modificar el app.blade.php, en los link href.
Al recargar nos aparece la Plantilla ya con las hojas de estilos.
Vamos a llamar las hojas de estilo en la parte de abajo.
Antes de contituar iremos a modificar en los link href.
Y al recargar los quedo así.
Iremos a modificar la barra principal de la siguiente manera.
Ahora iremos a home.blade.php y copiaremos el siguiente comando:
Con esto terminaríamos, solo iremos a recargar.
Al recargar nos aparece el registro que nosotros hicimos al registrarnos.
Link:https://www.youtube.com/watch?v=Y1jHdwk25rg
Link:https://www.youtube.com/watch?v=lWXEcxL751c
Comments
Post a Comment