• Author / Uploaded
• Ronald Sanchez Mora

Citation preview

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