Documentos de Académico
Documentos de Profesional
Documentos de Cultura
Conceptos Basicos de Laravel y Angular
Conceptos Basicos de Laravel y Angular
Empecemos por angular es framwork que nos permite crear sistemas tomando en cuenta que el
trabajo de angular es Vista modelo, model vista.
AngularJS ofrecía un concepto muy novedoso, como era el two-way data binding, que era una Formatted: Underline, Font color: Blue
forma de interactuar entre la vista y el modelo, lo que se conoce como view model.
Evolución a Angular
Modulos
omponentes
Cada aplicación de Angular tiene al menos un componente. Al igual que el root module, existe
el root component que conecta una jerarquía de componentes con el DOM. Cada componente
define una clase que contiene data y lógica, y está vinculada a nuestro template HTML.
Un template es una mezcla de HTML con Angular markup — tags personalizados de Angular — .
Las directivas de un template proveen lógica de programación, y hacen un data binding (enlaza la
lógica que contiene la data de tu aplicación) con las vistas.
Event binding o enlace de eventos, que responden a la interacción del usuario al modificar algún
input en la aplicación, actualizando la data.
Property binding o enlace de propiedades, que permite agregar valores modificados desde nuestra
data, a nuestro HTML.
Toda la data o lógica que no está asociada directamente a una vista y que quieres utilizar en
diferentes partes de tu aplicación y entre diferentes componentes, puede ser escrita en
un servicio. Tal como un componente, los servicios son exportados como clases. Los servicios
cuentan con el decorator @Injectable() que provee metadata que permite que tus servicios
sean inyectados en componentes como dependencias.
Laravel….
Estructura de un proyecto
Al crear un nuevo proyecto de Laravel se nos generará una estructura de carpetas y ficheros para
organizar nuestro código. Es importante que conozcamos para que vale cada elemento y donde
tenemos que colocar nuestro código. En este manual lo iremos viendo poco a poco, por lo que
más adelante se volverán a explicar algunos de estos elementos más en detalle. Pero de momento
vamos a explicar brevemente las carpetas que más utilizaremos y las que mejor tendremos que
conocer:
app – Contiene el código principal de la aplicación. Esta carpeta a su vez está dividida en
muchas subcarpetas que analizaremos en la siguiente sección.
config – Aquí se encuentran todos los archivos de configuración de la aplicación: base
datos, cache, correos, sesiones o cualquier otra configuración general de la aplicación.
public – Es la única carpeta pública, la única que debería ser visible en nuestro servidor
web. Todo las peticiones y solicitudes a la aplicación pasan por esta carpeta, ya que en ella se
encuentra el index.php, este archivo es el que inicia todo el proceso de ejecución del framework.
En este directorio también se alojan los archivos CSS, Javascript, imágenes y otros archivos que se
quieran hacer públicos.
resources – Esta carpeta contiene a su vez tres carpetas: assets, views y lang:
o resources/lang – En esta carpeta se guardan archivos PHP que contienen arrays con los
textos de nuestro sitio web en diferentes lenguajes, solo será necesario utilizarla en caso que se
desee que la aplicación se pueda traducir.
o resources/assets – Se utiliza para almacenar los fuentes de los assets tipo less o sass que
se tendrían que compilar para generar las hojas de estilo públicas. No es necesario usar esta
carpeta ya que podemos escribir directamente las las hojas de estilo dentro de la carpeta public.
bootstrap – En esta carpeta se incluye el código que se carga para procesar cada una de las
llamadas a nuestro proyecto. Normalmente no tendremos que modificar nada de esta carpeta.
storage – En esta carpeta Laravel almacena toda la información interna necesarios para la
ejecución de la web, como son los archivos de sesión, la caché, la compilación de las vistas, meta
información y los logs del sistema. Normalmente tampoco tendremos que tocar nada dentro de
esta carpeta, unicamente se suele acceder a ella para consultar los logs.
tests – Esta carpeta se utiliza para los ficheros con las pruebas automatizadas. Laravel
incluye un sistema que facilita todo el proceso de pruebas con PHPUnit.
vendor – En esta carpeta se alojan todas las librerías y dependencias que conforman
el frameworkde Laravel. Esta carpeta tampoco la tendremos que modificar, ya que todo el código
que contiene son librerías que se instalan y actualizan mediante la herramienta Composer.
Además en la carpeta raíz también podemos encontrar dos ficheros muy importantes y que
también utilizaremos:
El funcionamiento básico que sigue Laravel tras una petición web a una URL de nuestro sitio es el
siguiente:
Todas las peticiones entran a través del fichero public/index.php, el cual en primer lugar
comprobará en el fichero de rutas (app/Http/routes.php) si la URL es válida y en caso de serlo a
que controlador tiene que hacer la petición.
A continuación se llamará al método del controlador asignado para dicha ruta. Como hemos visto,
el controlador es el punto de entrada de las peticiones del usuario, el cual, dependiendo de la
petición:
Accederá a la base de datos (si fuese necesario) a través de los "modelos" para obtener datos (o
para añadir, modificar o eliminar).
Tras obtener los datos necesarios los preparará para pasárselos a la vista.
En el tercer paso el controlador llamará a una vista con una serie de datos asociados, la cual se
preparará para mostrarse correctamente a partir de los datos de entrada y por último se mostrará
al usuario.