express 模板引擎art-template的简单使用

1.安装art-template

首先下载art-template 以及 express-art-tempalte ;

  • cnpm i art-template express-art-template

2.在express中使用art-template

  • 默认的渲染文件夹views 需要自己创建

    《express 模板引擎art-template的简单使用》

  • 引入和注册art-template

       app.engine('.html', require('express-art-template'))
       app.set('view engine', '.html')
       
    
  • 新建index.html文件一会渲染
  • 搭配数据库查询的数据渲染到页面

    《express 模板引擎art-template的简单使用》

  • 在index.html文件中如何渲染

    《express 模板引擎art-template的简单使用》

    这样的话数据已经能渲染到页面了

3.art-template的简单语法

  • 简单的输出:
    有点类似与vue以及react的模板语法,可以做一些简单的js语句

    《express 模板引擎art-template的简单使用》

  • 原文输出: {{ @ value }}
  • 条件判断

    《express 模板引擎art-template的简单使用》

  • 循环输出

    《express 模板引擎art-template的简单使用》

  • 过滤器

    《express 模板引擎art-template的简单使用》

    《express 模板引擎art-template的简单使用》

    同样类似vue的过滤器的使用

  • 子模板的使用

    {{include ‘./user.html’ item}}

    在子模板里面使用{{$data}}来获取传入的值

最后art-template的简单使用就介绍到这里,具体的可以查阅资料或者看官网:

art-template官网

    原文作者:Domkey
    原文地址: https://segmentfault.com/a/1190000019112398
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞