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

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

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

$ npm install --save pug koa-pug

安装 pug 后，将其设置为应用程序的模板引擎。 将以下代码添加到我们的 app.js 文件中。

var koa = require('koa');
var router = require('koa-router');
var app = new koa();
var pug = require('koa-pug');
var pug = new pug({
   viewpath: './views',
   basedir: './views',
   app: app //等价于 app.use(pug)
});
var _ = router(); // 实例化路由器
_.get('/hello', async (ctx,next) => { // 定义路由
   await ctx.render('first_view');
}); 
app.use(_.routes()); // 使用由 router 定义的路由
app.listen(3000);

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

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

运行程序，显示结果如下

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

   
      
   
    
   
      
hello 迹忆客!
   

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

简单标签

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