Columna vertebral.JS es un marco utilizado para crear aplicaciones web que sigan el estilo de JavaScript.

Admite modelos, eventos, colecciones, vistas y servicios públicos.

Al usar cualquiera de las funcionalidades anteriores, podemos crear y realizar operaciones diferentes en los datos dados en una aplicación web.

Puntos para recordar

1. Se usa con JavaScript.
2. Podemos implementar el marco dentro de la etiqueta.
3. Este marco admite métodos y funciones de JavaScript como salida y entrada de lectura.
4. La etiqueta se coloca dentro de la etiqueta o en la etiqueta.
5. Es importante tener enlaces de red de entrega de contenido (CDN) para ejecutar la aplicación web en el servidor.

Veamos la estructura para colocar el código

Los enlaces CDN se colocan con el atributo SRC de la etiqueta de script.

Enlaces CDN

El método set () en la columna vertebral.La colección JS actualiza la instancia de un modelo en la colección.

Devolverá la instancia del modelo anterior, así como la instancia modificada. Si el modelo no existe en la colección, agregará este modelo a la colección.

Sintaxis:
colección_object.establecer (modelo, opciones)

Se necesitan dos parámetros.

1. El modelo es una instancia/nueva instancia que actualizará la instancia del modelo.
2. El parámetro de opciones se utiliza para establecer el valor actualizado en una colección.

Acercarse

1. Cree un modelo de columna vertebral utilizando el método Extend ().

   Sintaxis:
   var modelclass = backbone.Modelo.extender();

2. Cree una colección de columna vertebral utilizando el método Extend () y pase la clase de modelo.

   Sintaxis:
   Var CollectionClass = Backbone.Recopilación.extender(
   Modelo: ModelClass
   );

3. Crear un objeto o instancia para la clase de recopilación.
   
   Sintaxis:
   var colección_instance = new CollectionClass ();
4. Explore el método set () en la columna vertebral.colección JS.
   Discutamos algunos ejemplos de la columna vertebral.Método JS Collection Set ().

Ejemplo 1: Actualice la instancia del modelo en la colección usando set ()

En este ejemplo, crearemos una clase modal llamada: flores y crearemos una clase de recolección de flores. Pasaremos nuestra clase modelo (flores) dentro de ella.

Después de eso, tenemos que crear una instancia para el modelo de flores con tres atributos (Flower_Name, Flower_Sepals, Flower_Petals).

Crearemos una Flower_Collection, que es una instancia de la colección de recolección de flores. Y agregaremos la instancia del modelo de flores a la instancia de colección utilizando el método add ().

Ahora, actualizaremos la instancia del modelo agregado con otra instancia.

Finalmente, estamos mostrando la colección usando el JSON.método stringify ().

Pista de Linux

Producción:

Ejecute la aplicación en su navegador guardando el código en el archivo con .html como extensión.

Aquí, podemos ver el método set () actualizado la instancia antigua con un nuevo modelo de instancia en una colección y devuelto ambas instancias.

Ejemplo 2: Agregue la nueva instancia del modelo en la colección usando set ()

En este ejemplo, crearemos una clase modal llamada: flores y crearemos una clase de recolección de flores. Pasaremos nuestra clase modelo (flores) dentro de ella.

Después de eso, tenemos que crear una instancia para el modelo de flores con tres atributos (Flower_Name, Flower_Sepals, Flower_Petals).

Crearemos una Flower_Collection, que es una instancia de la colección de recolección de flores. Y agregaremos la instancia del modelo de flores a la instancia de colección utilizando el método add ().

Ahora, crearemos una nueva instancia de modelo con atributos.

Finalmente, estamos mostrando la colección usando el JSON.método stringify ().

Pista de Linux

Producción:

Ejecute la aplicación en su navegador guardando el código en el archivo con .html como extensión.

Aquí, podemos ver que el método set () agrega un nuevo modelo de instancia: Flower2.

Conclusión

En esta columna vertebral.JS Tutorial, discutimos el método set () en la colección. Se utiliza para actualizar las instancias del modelo en una colección. Si la instancia del modelo no está presente, agregará ese modelo a la colección. Para lograr esto, asegúrese de definir una instancia.