EmberJS - Conceptos básicos
Ember.js tiene los siguientes conceptos básicos:
- Router
- Templates
- Models
- Components
Controladores de enrutadores y rutas
La URL carga la aplicación ingresando la URL en la barra de direcciones y el usuario hará clic en un enlace dentro de la aplicación. Ember usa el enrutador para asignar la URL a un controlador de ruta. El enrutador hace coincidir la URL existente con la ruta que luego se utiliza para cargar datos, mostrar las plantillas y configurar un estado de la aplicación.
El controlador de ruta realiza las siguientes acciones:
Proporciona la plantilla.
Define el modelo que será accesible a la plantilla.
Si no hay permiso para que el usuario visite una parte particular de la aplicación, el enrutador lo redireccionará a una nueva ruta.
Plantillas
Las plantillas son una interfaz de usuario poderosa para los usuarios finales. La plantilla Ember proporciona el aspecto de la interfaz de usuario de una aplicación que utiliza la sintaxis de las plantillas de Handlebars . Construye la aplicación front-end, que es como el HTML normal. También admite la expresión regular y actualiza dinámicamente la expresión.
Modelo
Los controladores de ruta representan el modelo que conserva la información en el servidor web. Manipula los datos almacenados en la base de datos. El modelo es la clase simple que amplía la funcionalidad de Ember Data. Ember Data es una biblioteca que está estrechamente acoplada con Ember.js para manipular los datos almacenados en la base de datos.
Componentes
El componente controla el comportamiento de la interfaz de usuario, que incluye dos partes:
una plantilla que está escrita en JavaScript
un archivo de origen escrito en JavaScript que proporciona el comportamiento de los componentes.