Maison > Article > interface Web > Explication détaillée de l'utilisation de l'exemple de moteur de modèle ejs dans le site express

Explication détaillée de l'utilisation de l'exemple de moteur de modèle ejs dans le site express

小云云original: 2018-02-03 14:43:311692parcourir

Cet article vous présente principalement l'utilisation du moteur de modèles ejs dans les sites express. L'éditeur pense que c'est plutôt bien. Maintenant, je vais le partager avec vous et vous donner une référence. Suivons l'éditeur pour y jeter un œil, j'espère que cela pourra aider tout le monde.

Le site express créé avec vs utilise le moteur de template jade par défaut, mais je n'aime pas beaucoup cette méthode car je pense que les caractéristiques sémantiques du html lui-même sont ce que j'aime, et le html lui-même est également assez concis, et utiliser le HTML lui-même comme langage de modèle est plus conforme à mes préférences, j'ai donc choisi ejs.

1. Installation

Démarrez la console dans le répertoire racine du site Web et saisissez

npm install ejs

Le package sera installé dans le répertoire node_modules.

2 Modifier APP.JS

Modifier app.js et modifier le moteur d'affichage en ejs. (Et changez le suffixe du modèle en .html)

 app.set(&#39;views&#39;,path.join(__dirname , &#39;views&#39;) );
 app.engine(&#39;.html&#39;, require(&#39;ejs&#39;).__express); 
 app.set(&#39;view engine&#39;, &#39;html&#39;);

3 Créez une page de test

Créez un index dans le dossier des vues .html, le contenu est le suivant :

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Pivotal Search</title>
  <meta name="description" content="">
  <meta name="author" content="">
  <!-- HTML5 shim, for IE6-8 support of HTML elements -->
  <!--[if lt IE 9]>
   <script src="http://apps.bdimg.com/libs/html5shiv/r29/html5.min.js"></script>
  <![endif]-->
  <!-- styles -->
  <link href="css/style.css" rel="external nofollow" rel="stylesheet">

</head>
<body>
    <%= title %>
</body>
</html>

Puis modifiez index.js dans le routeur :

/* GET home page. */
router.get(&#39;/&#39;, function(req, res, next) {
  res.render(&#39;index&#39;, { title: &#39;测试11111&#39; });
});

Recommandations associées :

Explication détaillée du moteur de modèles Node.js Jade

Back-end React Méthode d'utilisation de la version Noox du moteur de modèle de rendu

Méthode d'écriture du moteur de modèle JS simple

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!

node.js html express JS

Déclaration：

Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn

Article précédent：Angular implémente le rendu des données remplies dans le formulaire dans la tableArticle suivant：Angular implémente le rendu des données remplies dans le formulaire dans la table

Articles Liés

Voir plus