Columna vertebral.colección JS.Método de modelos

Columna vertebral.colección JS.Método de modelos

En esta columna vertebral.JS Framework Tutorial, discutiremos el método modelos () en la clase de recopilación.

Introducción

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15







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

Enlaces CDN

1
2
3

La columna vertebral.El método JS Collection Models () se utiliza para mostrar los modelos existentes en la colección dada. No se necesitan parámetros.

Sintaxis:

1
colección_object.modelos

Acercarse

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

Sintaxis:

1
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:

1
2
3
4
5
Var CollectionClass = Backbone.Recopilación.extender(
Modelo: ModelClass
);

3. Crear un objeto o instancia para la clase de recopilación.

Sintaxis:

1
var colección_instance = new CollectionClass ();

Ejemplo

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 cinco instancias 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 las instancias del modelo de flores al método de colección utilizando el método add ().

Finalmente, mostraremos los modelos de una colección utilizando los modelos a través del método TOJSON ().

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
dieciséis
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51








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 los modelos se devuelven de la colección utilizando el método modelos ().

Conclusión

En esta columna vertebral.JS Tutorial, discutimos el método modelos () utilizado para obtener todas las instancias modelo de una colección. Usamos el json.método stringify () para devolver modelos en formato JSON.