美文网首页
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