模板引擎art-template中的模板继承

最新推荐文章于 2022-03-13 16:56:44 发布

江呱呱

最新推荐文章于 2022-03-13 16:56:44 发布

阅读量509

点赞数

分类专栏： node.js 文章标签： nodejs

本文链接：https://blog.csdn.net/weixin_46500485/article/details/108268375

版权

node.js 专栏收录该内容

25 篇文章 0 订阅

订阅专栏

art-template 模板继承

1.js端

const template = require('art-template');
const path = require('path');
const views = path.join(__dirname, 'views', '05.art');
//使用模板引擎
const html = template(views, {
    msg: '首页模板'
});
console.log(html);

2.被继承的模板

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    //使用block关键字留下坑 以便之后填坑
    {{block 'link'}}{{/block}}
</head>

<body>
  //使用block关键字留下坑 以便之后填坑
{{block 'content'}}{{/block}}
</body>

</html>

3.使用模板

{{extend './common/layout.art'}}//使用extend关键字 引入要继承的模板
{{block 'content'}}<p>{{ msg }}</p>{{/block}}//使用block关键字给模板中的坑填坑
{{block 'link'}}<link rel="stylesheet" type="text/css" href="./main.css">{{/block}}

江呱呱

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
模板引擎art-template中的模板继承

art-template 模板继承1.js端const template = require('art-template');const path = require('path');const views = path.join(__dirname, 'views', '05.art');//使用模板引擎const html = template(views, { msg: '首页模板'});console.log(html);2.被继承的模板<!DOCTYPE htm
复制链接

扫一扫

专栏目录