Espinha dorsal.Coleção JS.método de modelos
Neste backbone.JS Tutorial da estrutura, discutiremos o método Model () na classe de coleta.
Introdução
Espinha dorsal.JS é uma estrutura usada para criar aplicativos da Web que seguem o estilo de JavaScript.
Ele suporta modelos, eventos, coleções, vistas e serviços públicos.
Ao usar qualquer uma das funcionalidades anteriores, podemos criar e executar operações diferentes nos dados fornecidos em um aplicativo da web.
Pontos para lembrar
- É usado com javascript.
- Podemos implementar a estrutura dentro da tag.
- Esta estrutura suporta métodos e funções JavaScript como saída e entrada de leitura.
- A tag é colocada dentro da etiqueta ou na tag.
- É importante ter links de rede de entrega de conteúdo (CDN) para executar o aplicativo da web no servidor.
Vamos ver a estrutura para colocar o código
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 |
Os links de CDN são colocados com o atributo SRC da tag de script.
Links de CDN
| 1 2 3 |
A espinha dorsal.O método JS Collection Models () é usado para exibir os modelos existentes na coleção especificada. Não leva parâmetros.
Sintaxe:
| 1 | Coleção_Object.modelos |
Abordagem
1. Crie um modelo de backbone usando o método Extend ().
Sintaxe:
| 1 | var modeloclass = backbone.Modelo.ampliar(); |
2. Crie uma coleção de backbone usando o método Extend () e passe na classe Model.
Sintaxe:
| 1 2 3 4 5 | var collectionClass = backbone.Coleção.ampliar( |
3. Crie um objeto ou instância para a classe de coleção.
Sintaxe:
| 1 | var collection_instance = new collectionClass (); |
Exemplo
Neste exemplo, criaremos uma classe modal chamada - Flowers e criar uma aula de coleção FlowerCollection. Vamos passar nossa classe modelo (flores) dentro dela.
Depois disso, temos que criar cinco instâncias para o modelo Flowers com três atributos (Flower_name, Flower_sepals, Flower_petals).
Criaremos uma Flower_collection, que é uma instância da coleção FlowerCollection. E adicionaremos as instâncias do modelo de flores à instância de coleção usando o método add ().
Finalmente, exibiremos os modelos de uma coleção usando os modelos através do método Tojson ().
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 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 | Linux Dica |
Saída:
Execute o aplicativo em seu navegador salvando o código no arquivo com .HTML como uma extensão.
Aqui, podemos ver que os modelos são retornados da coleção usando o método modelos ().
Conclusão
Neste backbone.JS Tutorial, discutimos o método Model () usado para obter todas as instâncias modelo de uma coleção. Usamos o JSON.Método Stringify () para retornar modelos no formato JSON.