Explicar la arquitectura de Backbone.js

Backbone.js fue desarrollado por Jeremy Ashkenas. La primera versión de backbone.js se lanzó el 13 de octubre de 2010. Es una herramienta liviana y poderosa que se usa para desarrollar aplicaciones del lado del cliente de una sola página. Se basa en el marco del controlador Modelo-Vista que vincula datos, que se abstraen en modelos, y DOM , que se abstrae en vistas, utilizando eventos. Es una biblioteca JavaScript.

Aplicaciones de Backbone.js: Las siguientes son las aplicaciones de Backbone.js.

  • Se utiliza para crear aplicaciones del lado del cliente de una sola página.
  • Le permite implementar funcionalidades complejas en su base de código de manera estructurada.
  • El marco MVC le permite desarrollar una aplicación que funciona rápido con un código base mucho más simple.

Arquitectura de Backbone.js:

Arquitectura de Backbone.js

La arquitectura de Backbone.js consta de las siguientes entidades

  1. Solicitud HTTP
  2. enrutador
  3. Vista
  4. Eventos
  5. Modelo
  6. Recopilación
  7. Fuente de datos
  • Solicitud HTTP: la aplicación cliente (navegador, etc.) realiza una solicitud HTTP a un servidor solicitando algún recurso de datos (archivos, imágenes, texto, etc.) Utiliza el enrutador para realizar la solicitud al servidor. Tanto la solicitud como la respuesta se rigen por el protocolo HTTP.  
  • Enrutador: el enrutador se utiliza para llevar al usuario de la página web actual a otra. Navega la aplicación de una ubicación a otra. Se utiliza para representar entidades de aplicación en forma de URL. Backbone.js usa el enrutador para comprender qué página se representará en la aplicación. 
  • Ver: Ver es una parte de la página donde Backbone.js representa algunos datos (texto, imágenes, etc.). Una página consta de una o más vistas. Una vista no tiene nada que ver con el marcado HTML de la aplicación. Tampoco tiene información sobre el estilo de la página. Es básicamente la representación lógica del modelo de datos para el usuario que se actualiza en la interfaz de usuario de la aplicación.  
    La mejor parte de las vistas es que un usuario no necesita actualizar la página para que se vuelva a cargar cualquier vista. Son de naturaleza dinámica y se pueden actualizar en consecuencia. Cada vez que ocurre un evento y el modelo cambia, la vista se actualiza automáticamente según lo programado.  
  • Eventos: Para impartir naturaleza dinámica en el sitio web, utilizamos eventos . Todos los eventos están acoplados con acciones. Cada vez que se activa un evento, se invoca y se ejecuta la acción correspondiente. Son una parte integral del DOM de JavaScript.
    Cada vez que ocurre un evento, actualiza la vista de la aplicación utilizando los modelos de datos. Son una parte integral de cualquier aplicación y son manejados por el programa de manera síncrona.
  • Modelo: Los modelos consisten en los datos de la aplicación que se requiere almacenar, la lógica de datos y los objetos de datos primitivos. También se utiliza para almacenar la lógica empresarial. Se consideran una parte central de Backbone.js porque son responsables de la recuperación y actualización de datos en la interfaz de usuario de la aplicación.  
    La solicitud HTTP enviada al servidor por los enrutadores se entrega a un modelo mediante la vista que realiza la acción requerida (recuperación o actualización de datos) y prepara la respuesta que se devolverá.
  • Colección” La colección es una array de modelos lógicamente similares. Se utiliza para enlazar eventos con modelos. Se puede formar una colección según las necesidades comerciales, puede definir qué modelos formarán parte de la colección y qué propiedades poseerán. Admite filtrado y clasificación de modelos que forman parte de la colección. Cada vez que se activa un evento para cualquier evento, también se activa para toda la colección.  
  • Fuente de datos: La fuente de datos es el punto de contacto entre la aplicación y la base de datos. Contiene los datos que se actualizan o se recuperan de la base de datos.

Funcionamiento de Backbone.js: El siguiente es el flujo de trabajo de Backbone.js:

  • El usuario envía una solicitud HTTP al servidor.
  • El enrutador se usa para enviar esa solicitud y para llevar a los usuarios a la URL de la página de respuesta.
  • La vista de la página representa lógicamente el modelo de datos para el usuario.
  • En la colección se activa un evento correspondiente a la acción requerida por la solicitud.
  • Los modelos de la colección correspondiente realizan la acción necesaria y recuperan los datos solicitados de la fuente de datos.

Referencia: https://backbonejs.org/

Publicación traducida automáticamente

Artículo escrito por shruti456rawal y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *