Que fait le modèle nodejs ?

Les modèles Node.js sont un élément essentiel de la création d'applications Web, permettant aux développeurs de gérer et de restituer plus facilement le HTML, le CSS et le JavaScript. Le but des modèles Node.js est de séparer les données de la logique de traitement de l'application et de les séparer de l'interface. Cette séparation permet aux développeurs de mieux gérer le code et de faciliter les modifications et la maintenance. Dans cet article, nous examinerons de plus près les modèles Node.js, explorerons leurs utilisations et comment les utiliser pour créer des applications Web.

Que sont les modèles Node.js ?

Les modèles Node.js peuvent prétraiter les données dans le code avant de les afficher sur une page d'application Web. Un modèle Node.js est généralement une chaîne contenant du code HTML, CSS et JavaScript, qui est remplacé par des espaces réservés via des symboles ou une syntaxe spécifiques. Les espaces réservés sont composés de marqueurs de syntaxe spécifiques, généralement des symboles tels que des accolades, des signes supérieur à et des signes de pourcentage. Au moment de l'exécution, les espaces réservés sont remplacés par des données réelles et le contenu final de la page est généré.

Pourquoi avez-vous besoin de modèles Node.js ?

Dans le développement Web traditionnel, mélanger la logique métier de votre application avec HTML et CSS peut conduire à un code encombré. Si une application nécessite une modification ou une réorganisation du HTML/CSS, les modifications peuvent devoir être apportées à l'ensemble de la base de code, ce qui peut entraîner des bugs et un code difficile à maintenir. Par conséquent, l’utilisation d’un moteur de modèles peut séparer les données et le code de la page, ce qui rend le code plus facile à développer et à maintenir.

Utilisation des modèles Node.js

Il existe de nombreuses options différentes pour le moteur de modèles Node.js, chacune avec sa propre syntaxe et ses propres fonctionnalités. Voici quelques-uns des moteurs de modèles Node.js les plus populaires et leur utilisation.

1. EJS

EJS (Embedded JavaScript) est un moteur de modèle JavaScript qui permet d'incorporer du code JavaScript dans du code HTML à l'aide de JavaScript. Cela rend EJS particulièrement utile lorsqu'il s'agit de gérer l'interface d'une application, car il peut utiliser JavaScript pour intégrer d'autres fonctionnalités telles que des requêtes de base de données, des calculs, etc.

Lorsque nous utilisons EJS, nous pouvons utiliser des appels de fonction de type JavaScript pour générer du HTML.

const ejs = require('ejs');
const template = `<h1><%= message %></h1>`;
const data = {message: 'Hello EJS'};
const html = ejs.render(template, data);
console.log(html);

Dans cet exemple, nous remplaçons simplement certaines données texte par des variables définies dans la chaîne du modèle.

2. Handlebars

Handlebars est un moteur de modèles JavaScript basé sur les modèles Moustache qui peuvent générer des fragments HTML. Dans Handles, vous pouvez utiliser le symbole {{}} et le symbole # pour référencer des variables et des structures de contrôle, telles que des boucles if et for.

Ce qui suit est un modèle de guidon pour créer une liste d'articles.

<ul>
 {{ #each articles }}
  <li><a href="{{ url }}">{{ title }}</a></li>
 {{ /each }}
</ul>

Dans cet exemple, utilisez #each pour correspondre à chaque article du tableau articles et affichez le titre et l'URL de l'article.

3. Jade (maintenant appelé Pug)

Jade (maintenant appelé Pug) est un moteur de modèles similaire à HAML. Il est idéal pour le développement rapide d'applications Web car il simplifie la syntaxe du HTML, rendant le code plus propre.

Ce qui suit est une page de formulaire simple écrite en Pug.

form(action="/submit-form", method="post")
  label(for="id-email") Email:
  input(name="email", id="id-email", type="email", required)
  br
  label(for="id-password") Password:
  input(name="password", id="id-password", type="password", required)
  br
  button(type="submit") Submit

Dans cet exemple, nous pouvons voir comment utiliser l'indentation pour représenter la hiérarchie.

Résumé

Les moteurs de modèles jouent un rôle important dans la création d'applications Web, car ils peuvent facilement gérer et afficher du HTML, du CSS et du JavaScript. L'utilisation d'un moteur de modèles sépare la logique d'une application de son interface, ce qui facilite l'écriture et la maintenance du code. Il existe de nombreux moteurs de modèles Node.js parmi lesquels choisir, chacun avec sa propre syntaxe et ses propres fonctionnalités, et les développeurs peuvent en choisir un en fonction de leurs besoins.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!