Advantus

Proyecto
Programacion
PHP AND LARAVEL: Para profesionales que deseen aprender a
desarrollar sistemas web modernos, sofisticados y robustos.

Ronald Sanchez
28-11-2019
Descripción del Proyecto

Durante el desarrollo de este curso se hará uso de Laravel que es un framework de PHP
muy potente y de código abierto. También usaremos Vue.js que es un framework de
javascripts para desarrollar aplicaciones modernas y
escalables en el lado del cliente.
Como gestor de base de datos se utilizará MariaDB que se
encargar de almacenar todos nuestros datos. Empezaremos
desde lo más básico como instalar el software necesario para
desarrollar nuestro sitio web para poder trabajar.
Además, configuraremos una plantilla HTML y CSS
utilizando bootstrap, se hará uso de la plantilla
CoreUI basada en bootstrap.
Dentro de las funcionalidades con las que contara
nuestro sitio web se encuentran:

 Insertar
 Actulizar
 Editar
 Eliminar
 Listar
 Paginar
 Buscar Registros

Autenticación y Autorización de Usuarios: Desde el formulario login gestionaremos el

acceso a cada usuario, según su rol asignado. Todas las funcionalidades de este proyecto
se intentará explicarlas de la forma más clara posible.
Reportes y Gráficos estadísticos
Notificaciones en tiempo Real con Laravel echo Pusher
Finalmente concluiremos con la implementación de
nuestro sitio web (de manera local y hosting)
Este proyecto se desarrollará paso a paso de manera que
lo puedas implementar en tus propios proyectos.

Proyecto sobre Sistema de compras y Ventas:

Video #1

PHP como Lenguaje de Programacion

 Lenguaje de programación de uso general de código del lado del servidor.
 Diseñado para el desarrollo web de contenido dinámico.
 Fue uno de los primeros lenguajes de programación del lado del servidor que se
podían incorporar a un documento HTML.

Gestor de Base de datos MYSQL

 Es sin duda el SGBD gratuito más usado y mejor documentado.
 Se considera el todo terreno de las bases de datos relacionales.

Laravel
 Laravel es un framework de código abierto para desarrollar aplicaciones y
servicios web con PHP.
 Fue creado en 2011, Laravel propone en el desarrollo usar “Routes with Clousers”
en lugar de un MVC tradicional con el objetivo de hacer el código más claro.
 Un Framework es un marco de trabajo o conjunto de herramientas que agilizan
nuestro trabajado al resolver tareas muy comunes y empaquetar esa funcionalidad
en librería, helper y líneas de comando por mencionar algunos.
¿Por qué Laravel?

 Eloquent- ORM (Object Related Management) lo que implica no tener que usar
código SQL, de manera que podemos acceder a los registros de la base de datos
como si fuera objetos de php y no tener que ejecutar código SQL.
 Incluye un motor de plantillas llamado Blade, gracias a este motor de plantillas
podemos generar un layout que contenga todos los elementos comunes de
nuestro sitio web y así escribir menos código.
 Excelente documentación.
 Despliegue muy sencillo en un servidor compartido como un hosting sin ningún
problema y con un costo mínimo.

Booststrap
Usaremos bootstrap para el diseño de nuestras interfaces:

 Es un framework para crear interfaces de usuario limpias y totalmente adaptables

a todo tipo de dispositivos y pantallas.
 Ofrece herramientas necesarias para crear cualquier tipo de sitio web utilizando
los estilos y elementos de sus librerías libres.

Objetivos del Proyecto

 Diseñar desde cero un sistema informático de Ventas y Almacén
 Publicar en internet nuestro Sistema Informático
Software Necesario
 Xampp(Servidor PHP y MySQL)
 SublimeText(Editor de Codigo)
 Laravel(Framework)
 Composer(administrador de dependencias para php)
 MySQL Workbench

Instalacion de Xampp
1- Ejecutamos el archivo que descargamos
2- Aparecerá una advertencia por lo que seleccionamos “Ok”

3- En la siguiente ventana procedemos a dar en el botón next

4- En la siguiente ventana seleccionamos todas las opciones.

5- En el siguiente
paso elegimos la ubicación:

6- En la siguiente ventana damos clic en siguiente

7- Procedemos a encender los servicios desde el panel de control de XAMPP

8- Escribimos lo siguiente en nuestro navegador para verficar que Xampp se instalo
correctamente.

http://localhost/phpmyadmin/

Instalar Composer

1- Primer paso es realizar la búsqueda en el navegador

2- Descargamos el instalador para Windows

3- Una vez descargado, damos doble clic en el instalador

4- Clic en botón siguiente de la siguiente ventana

5- Luego nos va a solicitar que ubiquemos nuestro archivo php.exe, el cual ya

cargado por defecto.
 6- Damos clic en la opción install

Instalar editor de código Sublime Text

1- Escribimos Sublime Text 3 en el buscador

2- Descargamos la versión para Windows
3- Ejecutamos el archivo que descargamos y le damos siguiente a todas las ventanas

Instalar MySql Workbench

1- Escribimos en nuestro navegador “mysql workbench”

 2- Procedemos a realizar la descargar para Windows 10

3- No va a pedir que tengamos una cuenta en Oracle, por lo que hay que registrarse.

4- Le damos siguiente a todas las ventanas.

Video 2

Instalación de Laravel

1- Como primer paso ingresamos al sitio www.laravel.com para revisar la

documentación.

2- Nos dirigimos a la pestaña de documentación

3- La versión actual de Laravel es 6x

4- Creamos una carpeta en la raíz del disco C, y asignamos como nombre
“CursoLaravel”
5- Abrir el símbolo de sistema del Windows “cmd”, para instalar Laravel via composer

6- Antes de ejecutar el comando para instalar Laravel comprobamos si composer

esta funcionando con el comando “composer --help”

7- Vamos a usar el comando que nos ofrece la documentación de Laravel

8- En la documentación vamos a buscar como configurar Laravel con Artisan
Console

9- Nombre de nuestra aplicación:

a. PSR-4 fue creada por el grupo de interoperabilidad de PHP
b. La Ventaja de usar estándares como el PSR-4 es que le permite a
Composer cargar nuestras clases automáticamente.
10- Vamos a abrir Sublime Text
11- Seleccionamos la opción open folder y seleccionamos la carpeta donde instalamos
Laravel.
12- Regresamos a nuestra terminal y buscamos nuestra carpeta sysventas

13- Ahora vamos a cambiar el nombre a nuestra aplicación

14- El comando anterior no funciona en la versión 6 de Laravel, por lo que dejaremos

la aplicación con el mismo nombre por defecto.

15- Realizamos algunos cambios

16- En la carpeta resources/lang creamos una carpeta para el idioma español llamada
“es”.

17- Ahora vamos a descargar los paquetes en español. Por lo que haremos una
búsqueda con lo siguiente “Laravel 6 lang es”

18- Ahora copiamos el contenido de los archivos creado en nuestra carpeta “es”
 19- Cambiamos nuestro proyecto a español

20- Ejecutamos nuestro proyecto a ver si está funcionando:

21- Abrimos nuestro navegador y escribimos: localhost:8000

Video 3

Laravel – Estructuras

¿Cómo funciona un Proyecto desarrollado en Laravel?

1. En primer lugar, el usuario hace las peticiones a nuestro Proyecto web
2. Estas peticiones son enrutadas al controlador
3. El controlador procesa la petición y decide si muestra una vista al usuario final o si
estas peticiones van al modelo
4. El modelo es quien hace la consulta a la base de datos y retorna la información
necesaria al controlador.
5. El controlador procesa esa información y la envía a la vista para mostrar esa
información final.
 6. Hay que destacar que el controlador decide que datos se deben entregar a quien y
cuando.

Creación de la base de datos en MySQL

 Se va a desarrollar la base de datos en Workbech, luego la vamos a restaurar en

MySql utilizando phpMyAdmin.
 Pero antes vamos a entender el modelo entidad-relación de la base de datos.
 La tabla categoría será usada para clasificar nuestros artículos.
Tendrá como campos (nombre, descripción y condición), el
campo condición me va a indicar si una categoría esta activa o
inactiva sin necesidad de tener que eliminarla. Por ejemplo, si
eliminamos una categoría de nuestro sistema ventas esta no se
eliminará, sino que pasará a una condición 0.
Por otro lado, tenemos la tabla articulo tiene una clave foránea
que hace referencia al campo idcategoria de la tabla categoría,
código, nombre, stock, descripción, imagen y estado (si el producto esta activo o inactivo
para la venta).

En la tabla ingreso tenemos datos del

comprobante y en la otra detalle del
comprobante.
En la tabla detalle_ingreso vamos a
ver con que articulo está relacionado,
cuantos artículos ingresan al almacen ,
el precio de compra y venta.

Por otro lado, tenemos nuestra tabla de persona

vamos a almacenar tanto nuestros proveedores como
nuestros clientes, para eso tenemos el capo
tipo_persona, lo cual la relacionamos con la llave
foránea idproveedor que se encuentra en la tabla
ingreso.
Ya en nuestra tabla ventas cliente
que está involucrado en esa venta, el
usuario que está realizando la venta,
entre otros datos
 El artículo que se está vendiendo, la cantidad, precio de venta y
el descuento.
También tenemos una tabla users que vamos a crear con
Laravel y la vamos a relacionar con nuestra tabla para saber
que usuario esta realizando la venta.

Crear la base de datos en Workbench

Debemos encender nuestro apache y MySQL y abrir Workbench

Paso 1: File/New Model
Paso 2: Doble clic en la opción “mydb” y le asigno un nombre a la base de datos.

Paso 3: Clic en icono que dice “Add Diagram”

Paso 4: Hacer clic en la opción agregar tabla
Paso 5: Empezamos a crear nuestras tablas
Tabla Categoría

Tabla articulo

En las pestañas de abajo existe la opción de foreing key, por lo que vamos a relacionar la
tabla categoría con artículo.
Tabla Persona

Tabla Ingreso

Tabla detalle_ingreso

Procedemos a hacer nuestros foreing Keys

Un detalle_ingreso va a tener un solo artículo, un artículo va a tener muchos detalles y
un ingreso va a tener muchos detalles de ingreso. Una persona o proveedor puede
abastecer de muchos ingresos o productos al almacén.
Tabla Venta

Vamos a crear las llaves foráneas:

Un cliente participa en muchas ventas.

Tabla Detalle_Venta

Llaves Foráneas
Finalmente vamos a guardar el diagrama de la base de datos, y también lo vamos a
exportar a un Script SQL:
Damos clic finalmente en Finalizar.

Restaurar Base de datos en phpmyAdmin

Paso 1: Ingresamos en el navegador lo siguiente: http://localhost/phpmyadmin/

Paso 2: Vamos a la sección de base de datos

Paso 3: Voy a crear una base de datos y le voy a poner como nombre “dbventaslaravel”

Paso 4: Vamos a elegir la opción de importar

Paso 5: Seleccionaremos el archivo que hemos creado con MySql Workbench y damos
clic en continuar.

Video 4

Conexión con la Base de datos

Primero que todo vamos a abrir PhpMyadmin

Desde Sublime Text editamos el archivo .env que se encuentra en la carpeta vendor y
guardamos los cambios. Cerramos el archivo y con eso tenemos la conexión a nuestra
base de datos.
Clase ORM Eloquent
Crear primer modelo en Laravel
Para poder enviar peticiones a la base de datos para enviar, insertar, editar, eliminar,
entre otros.
- Abrir el cmd de Windows

Ahora vamos a empezar a modificar nuestro modelo Categoria

Rutas en Laravel

Vamos a incluir todas las rutas posibles que va a tener nuestro sistema de ventas:
Routes/Web.php