Explication détaillée de l'utilisation de l'exemple de moteur de modèle ejs dans le site express-js tutoriel-php.cn

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

小云云

Libérer： 2018-02-03 14:43:31

original

1748 Les gens l'ont consulté

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

Copier après la connexion

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;);

Copier après la connexion

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>

Copier après la connexion

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; });
});

Copier après la connexion

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!