art-express
art-template可以方便服务器展示页面给客户端的东西,基本用法不表。
子模板
子模板可以将网站公共区块(比如头部底部,公共的外部链接)抽离到单独的文件中。
例如我们把header部分抽取到了common/header.art中,那么在index.art中想要引用的话,就可以使用关语法
//标准语法,注意这里的include是一个关键字
{{include './common/header.art'}}
//原始语法,这里的include是一个方法
<%include('./common/header.art') %>
以上,子模板可以把其他部分塞进自己里面∑(゚Д゚ノ)ノ
那么,怎么把自己塞进其他地方呢|ू・ω・` ),那就要说到模板继承了。
模板继承
这个思路分两步走:
1.目标位置需要有个坑
2.用自己填坑
layout.art
//挖坑部分
<html>
//在这里留一个名叫mian的坑
{{block 'main'}} {{/block}}
</html>
index.art
//先表示一下,根正苗红
{{extend './common/layout.art}}
//然后填坑
{{block 'main}}
长江啊黄河
{{/block}}
以上,就进去了。
express-art-express
据说为了能让art-template在express框架中更好的使用,厂家在原来的基础上进行了进一步封装,于是就有了express-art-template。
安装:
npm i art-template express-art-template
模板语法和art-template相同,只是配置上有些变化。
//告诉express框架,当渲染后缀为.art的模板时,使用express-art-template
app.engine('art', require('express-art-template'));
//告诉express框架模板存放的位置
app.set('views', path.join(__dirname, 'views');
//设置模板的默认后缀
app.set('view engine', 'art');
//渲染模板
app.get('/', (req, res)=>{
//express框架提供的方法
res.render('index');
});
网友评论