· 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.

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:

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

Ruta y archivos de aplicacion básica en Laravel

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

Plantilla básica de Laravel

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

PHP Artisan servidor

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.

Controlador por defecto en Laravel

2.2 Creación de rutas

Las rutas se crean en: \plantilla\routes\web.php.

Creación de rutas como alias en Laravel

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

Plantilla maestra en Laravel y Blade con Bootstrap

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.

Página hecha en Laravel que hereda características de plantilla maestra

Resultado:

Plantilla Laravel Inicio

3. Video y repositorio

Descargar proyecto desde GIT:

https://github.com/olmaton/laravel-plantilla-basica-con-bootstrap
Volver al blog

Posts relacionados

Ver todos »