Backbone é uma biblioteca que ajuda a criar e seguir a arquitetura MVC em aplicativos da Web. A ideia básica do Backbone é organizar sua interface em visualizações lógicas, apoiadas por modelos, cada um dos quais pode ser atualizado independentemente quando o modelo é alterado, sem precisar redesenhar a página. Para obter mais informações sobre Backbone, consulte https://backbonejs.org.
Alguns conceitos-chave são os seguintes:
Modelo de backboneContém dados e a maior parte da lógica relacionada a esses dados.
Exibição de backbone usada para representar o estado do modelo correspondente. Uma visualização de backbone na verdade se comporta como um controlador, ouvindo eventos de interface do usuário como cliques do usuário ou eventos de modelo (como dados alterados) e modifica a interface do usuário conforme apropriado.
Modelo HTMLUm modelo de invólucro que tem espaços reservados preenchidos pelo modelo.
Espaço de trabalho AEM FormsContém vários componentes individuais. Cada componente:
Quando um componente é inicializado, os seguintes objetos são criados:
Na visualização de backbone, há um mapa de eventos que mapeia os vários eventos que podem surgir devido às interações da interface do usuário com um manipulador correspondente. Esse mapeamento é iniciado assim que um componente é inicializado.
Quando uma visualização é inicializada, a visualização chama seu modelo correspondente para buscar dados do servidor. Quando todos os dados exigidos por uma visualização estiverem disponíveis, a visualização renderizará os dados no formato especificado pelo modelo HTML. Várias visualizações podem compartilhar o mesmo modelo para comunicação.
Um exemplo: