EmberJS - Modèles

Model est une classe qui étend les fonctionnalités des données Ember. Lorsqu'un utilisateur actualise la page, le contenu de la page doit être représenté par un modèle. Dans Ember.js, chaque route a un modèle associé. Le modèle permet d'améliorer les performances de l'application. Ember Data manipule les données stockées sur le serveur et fonctionne également facilement avec des API de streaming comme socket.io et Firebase ou WebSockets.

Concepts de base

  • Store
  • Models
  • Records
  • Adapter
  • Caching

Boutique

Le magasin est un référentiel central et un cache de tous les enregistrements disponibles dans une application. L'itinéraire et les contrôleurs peuvent accéder aux données stockées de votre application. Le DS.Store est créé automatiquement pour partager les données entre l'ensemble de l'objet.

import Ember from 'ember';

export default Ember.Route.extend ({
   model() {
      return this.store.find();
   }
});

Des modèles

Model est une classe qui étend la fonctionnalité des données Ember, qui spécifie les relations avec d'autres objets. Lorsqu'un utilisateur actualise la page, le contenu de la page doit être représenté par un modèle.

import DS from 'ember-data';

export default DS.Model.extend ({
   owner: DS.attr(),
   city: DS.attr()
});

Registres

Un enregistrement est une instance d'un modèle qui inclut les informations, qui sont chargées à partir d'un serveur et vous pouvez identifier l'enregistrement par son type de modèle et son ID .

//It finds the record of type 'person' and an 'ID' of 1
this.get('store').findRecord('person', 1); // => { id: 1, name: 'steve-buscemi' }

Adaptateur

Un adaptateur est un objet qui est responsable de la traduction des enregistrements demandés à Ember en appels appropriés vers un serveur principal particulier. Par exemple, si vous voulez trouver une personne avec l'ID de 1, Ember chargera l'URL en utilisant HTTP en tant que / person / 1 .

Mise en cache

Les enregistrements peuvent être mis en cache automatiquement par le magasin et renvoie la même instance d'objet lorsque vous chargez les enregistrements à partir du serveur pour la deuxième fois. Cela améliore les performances de votre application et affiche l'interface utilisateur de l'application à l'utilisateur aussi rapidement que possible.

Le tableau suivant répertorie les détails sur les modèles -

S.No. Manières et description du modèle
1 Définition de modèles

Model est une classe simple qui étend les fonctionnalités des données Ember.

2 Recherche d'enregistrements

Vous pouvez récupérer les enregistrements à l'aide du magasin de données Ember.

3 Créer et supprimer des enregistrements

Vous pouvez créer et supprimer les enregistrements sur l'instance du modèle.

4 Des relations

Ember.js fournit des types de relations pour spécifier comment les modèles sont liés les uns aux autres.

5 Pousser des enregistrements dans le magasin

Vous pouvez pousser les enregistrements dans le cache du magasin sans demander les enregistrements à une application.

6 Gestion des métadonnées

Les métadonnées sont des données utilisées pour un modèle ou un type spécifique au lieu d'utiliser un enregistrement.

sept Personnalisation des adaptateurs

L'adaptateur Ember.js spécifie la manière dont les données sont conservées dans le magasin de données principal, comme le format d'URL et les en-têtes d'API REST.