Home >Web Front-end >JS Tutorial >Detailed explanation of using ejs template engine example in express site

Detailed explanation of using ejs template engine example in express site

小云云Original: 2018-02-03 14:43:311713browse

This article mainly introduces to you the use of ejs template engine in express sites. The editor thinks it is quite good. Now I will share it with you and give you a reference. Let’s follow the editor to take a look, I hope it can help everyone.

The express site created using vs uses the jade template engine by default, but I don’t like this method very much because I think the semantic characteristics of html itself are what I like, and the html itself is also It is concise enough, and using html itself as the template language is more in line with my preferences, so I choose ejs.

1. Installation

Start the console in the root directory of the website and enter

npm install ejs

#The program package will be installed in the node_modules directory.

2 Modify APP.JS

Modify app.js and change the view engine to ejs. (And change the suffix of the template to .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 Create a test page

Create index.html in the views folder, The content is as follows:

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

Then modify index.js in the router:

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

Related recommendations:

Node.js template engine Jade detailed explanation

react back-end rendering template engine noox release usage method

Simple js template engine writing method

The above is the detailed content of Detailed explanation of using ejs template engine example in express site. For more information, please follow other related articles on the PHP Chinese website!

node.js html express JS

Statement：

The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn

Previous article：Angular implements rendering the data filled in the form to the tableNext article：Angular implements rendering the data filled in the form to the table

See more

Detailed explanation of using ejs template engine example in express site

Related articles