· Miler Roque · Laravel · 3 min lectura
Plantilla básica Laravel + Bootstrap (Sin conexión a base de datos)
Plantilla básica hecha en Laravel, usando Bootstrap y sin conexión a base de datos.
Si estas empezando a conocer el framework de Laravel (versión 5.8) o si estás interesado en descargar una plantilla base para salvarte de un apuro estás en el lugar correcto. Te explicaré de manera rápida cómo usar Laravel y todos sus requerimientos.
1. Instalación y configuración de Laravel
Descargar e instalar:
- Xampp: Servidor web con apache para php y otras herramientas. Al momento de crear este post, se encontraba en la versión 7.3.10 para windows. Web de descarga: https://www.apachefriends.org/es/download_success.html
- Composer: Manejador de dependencias para PHP. Web de descarga: https://getcomposer.org
Una vez instalados, accedemos al powershell y nos dirigimos a la ruta dónde guardaremos nuestra aplicación. En mi caso, como instalé xampp, la ruta es la siguiente: C:\xampp\htdocs
cd C:\xampp\htdocs
Seguidamente el comando para crear la aplicación básica de Laravel, “plantilla” es el nombre de carpeta que contendrá los archivos de la aplicación que vamos a crear.
composer create-project --prefer-dist laravel/laravel plantilla
El anterior comando creará una serie archivos y carpetas en la ruta: C:\xampp\htdocs\plantilla
Una vez inicializado el servidor apache en Xampp , puedes acceder y visualizar la plantilla base de Laravel desde tu navegador de preferencia en la siguiente ruta: http://localhost/plantilla/public
Si no pudiste inicializar el servidor de apache, puedes usar un servidor temporal usando Artisan desde la linea de comando(powershell) el cual proporcionará una ip y puerto temporal para acceder y visualizar nuestro sitio web. Al momento de salir (ctrl + c), se destruye también el servidor temporal.
Artisan es una interfaz de linea de comandos incluida con Laravel que proporciona comandos útiles para administrar la creación de su aplicación. Más información en: https://laravel.com/docs/5.8/artisan
cd C:\xampp\htdocs\plantilla
php artisan serve
2. Creación de vistas, controladores y rutas
Las siguiente indicaciones muestran cómo se crearon y estructuraron los archivos para la plantilla disponible para descargar de manera general por lo que si desean conocer la teoría les recomiendo leer la documentación de Laravel en: https://laravel.com/docs/6.x
2.1 Creación de controlador
Los controladores se crean en: \plantilla\app\Http\Controllers
php artisan make:controller PaginaController --resource
Al ejecutar el comando para crear un controlador, crea funciones por defectos; las cuales vamos a modificar de acuerdo a nuestro sitio: index, nosotros, servicios, contacto.
2.2 Creación de rutas
Las rutas se crean en: \plantilla\routes\web.php.
2.3 Creación de plantilla maestra
Como sucede con otros frameworks, es necesario crear plantillas maestras para reducir y centralizar funciones del sitio web como puede ser la cabecera, menús y footer, para nuestro caso creamos:
- \plantilla\resources\views\plantilla.blade.php.
Las vistas se crean en: \plantilla\resources\views.
Blade es el motor de plantillas para PHP provisto por Laravel. Más información en: https://laravel.com/docs/5.8/blade
2.4 Creación de páginas heredando el header, menu y footer de plantilla maestra
Por cada página se crea una vista.
- \plantilla\resources\views\inicio.blade.php
- \plantilla\resources\views\nosotros.blade.php
- \plantilla\resources\views\servicios.blade.php
- \plantilla\resources\views\contacto.blade.php
Basado en el ejemplo de inicio se pueden crear las demás páginas. Ver la funcionalidad en video.
Resultado:
3. Video y repositorio
Descargar proyecto desde GIT:
https://github.com/olmaton/laravel-plantilla-basica-con-bootstrap