美文网首页
art-template和express-art-templat

art-template和express-art-templat

作者: 为什么要简称 | 来源:发表于2019-11-10 15:24 被阅读0次

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');
});

相关文章

网友评论

      本文标题:art-template和express-art-templat

      本文链接:https://www.haomeiwen.com/subject/tklabctx.html