express.js 模板 pug——迹忆客-ag捕鱼王app官网

pug 是一个模板引擎。 模板引擎用于消除ag捕鱼王app官网的服务器代码与 html 的混乱，将字符串连接到现有的 html 模板。 pug 是一个非常强大的模板引擎，它具有多种功能，例如 filters, includes, inheritance, interpolation等。这方面的内容很多。

要将 pug 与 express 一起使用，我们需要使用以下命令安装它。

$ npm install --save pug

安装 pug 后，将其设置为应用程序的模板引擎。 你不需要“ require ” 它。 将以下代码添加到 index.js 文件中。

app.set('view engine', 'pug');
app.set('views','./views');

现在创建一个名为views 的新目录。 在其中创建一个名为 first_view.pug 的文件，并在其中输入以下数据。

doctype html
html
   head
      title = "hello pug"
   body
      p.greetings#people hello 迹忆客!

要运行此页面，请将以下路由添加到应用程序

app.get('/first_template', function(req, res){
   res.render('first_view');
});

pug 所做的是，它将这个看起来非常简单的标记转换为 html。 我们不需要跟踪关闭我们的标签，不需要使用 class 和 id 关键字，而是使用 . 和 # 来定义它们。 上面的代码首先被转换为

   
      
   
    
   
      
hello 迹忆客!
   

pug 能够做的不仅仅是简化 html 标记。 让我们探索一下 pug 的一些功能。

pug 的重要特征

现在让我们探索 pug 的一些重要功能。

简单标签

标签根据它们的缩进嵌套。 就像上面的例子一样，