当前位置: 首页>>代码示例 >>用法及示例精选 >>正文


Express.js app.engine()用法及代码示例


app.engine()函数用于将给定的模板引擎回调注册为ext。默认情况下,Express本身将基于文件扩展名require()引擎。

用法:

app.engine(ext, callback)

参数:ext参数是扩展类型,例如ejs,hbs等,而callback是作为参数传递的函数。

返回值:它返回对象。

快递模块的安装:



  1. 您可以访问安装Express模块​​的链接。您可以使用此命令安装此软件包。
    npm install express
  2. 安装Express模块​​后,可以使用命令在命令提示符下检查Express版本。
    npm version express
  3. 之后,您可以仅创建一个文件夹并添加一个文件,例如index.js。要运行此文件,您需要运行以下命令。
    node index.js
  4. 创建一个views文件夹,并使用以下代码将home.html文件放入其中:

    范例1:
    文件名:home.html

    <html> 
    <head> 
      <title>app.engine() Demo</title> 
    </head> 
    <body> 
        <h2>EJS Engine</h2> 
    </body> 
    </html>

例如,要将EJS模板引擎映射到“.html”文件:

app.engine('html', require('ejs').renderFile);

文件名:index.js

var express = require('express'); 
var app = express(); 
var PORT = 3000; 
  
app.engine('html', require('ejs').renderFile); 
    
app.get('/', function (req, res) { 
    res.render("home.html") 
}); 
  
app.listen(PORT, function(err){ 
    if (err) console.log(err); 
    console.log("Server listening on PORT", PORT); 
});

运行程序的步骤:

  1. 确保使用以下命令安装了express和ejs模块:
    npm install express
    npm install ejs
    
  2. 使用以下命令运行index.js文件:
    node index.js

    输出:

    Server listening on PORT 3000
    
  3. 现在打开浏览器并转到http://localhost:3000 /,您可以在浏览器中看到以下输出:
    EJS Engine
    

范例2: 文件名:home.html

<html> 
<head> 
  <title>app.engine() Demo</title> 
</head> 
<body> 
    <h2>Handlebars Engine</h2> 
</body> 
</html>

文件名:index.js

var express = require('express'); 
var app = express(); 
var PORT = 3000; 
  
console.log(app.engine('html', require('hbs').renderFile)); 
    
app.get('/', function (req, res) { 
    res.render("home.html") 
}); 
  
app.listen(PORT, function(err){ 
    if (err) console.log(err); 
    console.log("Server listening on PORT", PORT); 
});

运行程序的步骤:

  1. 确保使用以下命令安装了express和hbs模块:
    npm install express
    npm install hbs
    
  2. 使用以下命令运行index.js文件:
    node index.js

    输出:

    Server listening on PORT 3000
    
  3. 现在打开浏览器并转到http://localhost:3000 /,您可以在浏览器中看到以下输出:
    Handlebars Engine
    

参考: https://expressjs.com/en/4x/api.html#app.engine




相关用法


注:本文由纯净天空筛选整理自gouravhammad大神的英文原创作品 Express.js app.engine() Function。非经特殊声明,原始代码版权归原作者所有,本译文未经允许或授权,请勿转载或复制。