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

1646 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!

Php8, je viens aussi

Apprenez la mise en page d'un site Web en 30 minutes

Tutoriel vidéo Shangguan Oracle débutant à compétent

Votre première ligne de code UNI-APP

Flutter de zéro au lancement de l'application

Brother Lian Nouveau didacticiel vidéo Linux

Tutoriel vidéo AXURE 9 (convient à l'interface utilisateur interactive de conception de produits du chef de produit)

Tutoriel vidéo PS Zero Basic Proficiency

Tutoriel vidéo de 16 jours sur l'interface utilisateur pour vous aider à démarrer

Tutoriel vidéo sur les techniques PS et les techniques de découpage

Tutoriel vidéo sur la construction et le lancement de projets d'Alibaba Cloud Environment

Présentation des réseaux informatiques - Connaissances de base que les programmeurs doivent maîtriser

Tutoriel essentiel pour les programmeurs - Explication du protocole HTTP

Tutoriel vidéo Websocket

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