Passer au contenu principal

Modèles

Avant de commencer​

Avant de créer des services qui appellent des modèles, assurez-vous de savoir créer des Services Web REST ; si vous ne savez pas le faire, consultez le lien suivant :

Il est également conseillé, avant de commencer ce tutoriel, de vous assurer que vous avez des notions de base en JavaScript.

Utilisation de modèles dans les services​

Dans ce tutoriel, nous aborderons la création de modèles et les actions nécessaires pour pouvoir les appeler dans votre service.

Lors de la création d'un service dans Netuno, vous avez la possibilité d'accéder à des modèles créés par vous, c'est-à-dire que selon le résultat, vous pouvez rediriger votre service vers un modèle en HTML avec des données.

Dans cet exemple, nous aurons un modèle de base en HTML et passerons des données du service vers ce même modèle.

Création d'un modèle​

modeles1.png

Après vous être rendu dans le répertoire ci-dessus, nous allons créer un fichier en .html ; dans cet exemple, il sera nommé modele.html.

Voici le contenu de cette page :

<!-- Appel au header de Netuno -->
_{include=_|includes/head}

<!-- Définition des styles -->

<style>
body, html {
  margin: 10px;
}

h1, b {
  color: #8182E6;
}
</style>

<!-- Début du body du HTML -->
<h1>Titre du modèle</h1>

<!-- Lorsque vous devez passer des données d'un service à un modèle, utilisez _{&variable} -->
<p>Bonjour, je suis un <b>_{&donnees=nom}</b> et je reçois <b>_{&donnees=donnees}</b> d'un service !</p>

<!-- Fin du body du HTML -->

<!-- Appel au footer de Netuno -->
_{include=_|includes/foot}

Enfin, on crée le service avec l'appel au modèle à l'aide de la fonction suivante :

_template.output('nom_du_modele', variables(optionnel));

Voici l'exemple du service 'service.js' :

// Initialiser l'objet 'donnees' pour qu'il puisse recevoir des données
var donnees = _val.init()
    
// Associer des valeurs à l'objet 'donnees'
    .set("nom", "modele")
    .set("donnees", "donnees")

// Cette fonction permet d'effectuer l'appel au modèle
_template.output("modele", donnees);

Si votre modèle se trouve dans un sous-répertoire, indiquez-le dans la fonction : _template.output('repertoire/nom_du_modele')

Enfin, il suffit d'appeler le service dans le navigateur et quelque chose de similaire à ce qui suit apparaîtra :

modeles2.png

Notez que selon votre navigateur, les résultats présentés ci-dessus peuvent différer.

Si vous avez des questions, n'hésitez pas à nous contacter via les moyens présentés en bas de page.

Bon développement !