EmberJS - Conceitos Básicos
Ember.js tem os seguintes conceitos principais -
- Router
- Templates
- Models
- Components
Roteador e manipuladores de rota
O URL carrega o aplicativo inserindo o URL na barra de endereço e o usuário clica em um link dentro do aplicativo. O Ember usa o roteador para mapear o URL para um manipulador de rota. O roteador combina a URL existente com a rota que é então usada para carregar dados, exibir os modelos e configurar um estado do aplicativo.
O manipulador de rota executa as seguintes ações -
Ele fornece o modelo.
Ele define o modelo que estará acessível ao modelo.
Se não houver permissão para o usuário visitar uma parte específica do aplicativo, o roteador irá redirecionar para uma nova rota.
Modelos
Os modelos são uma interface de usuário poderosa para os usuários finais. O modelo Ember fornece a aparência da interface do usuário de um aplicativo que usa a sintaxe dos modelos Handlebars . Ele constrói o aplicativo front-end, que é como o HTML normal. Ele também suporta a expressão regular e atualiza dinamicamente a expressão.
Modelo
Os manipuladores de rota renderizam o modelo que persiste com informações para o servidor da web. Ele manipula os dados armazenados no banco de dados. O modelo é a classe simples que estende a funcionalidade do Ember Data. O Ember Data é uma biblioteca fortemente acoplada ao Ember.js para manipular os dados armazenados no banco de dados.
Componentes
O componente controla o comportamento da interface do usuário, que inclui duas partes -
um modelo que é escrito em JavaScript
um arquivo de origem que é escrito em JavaScript que fornece o comportamento dos componentes.