art-template基础,Write after end问题解决

2 篇文章 0 订阅
1 篇文章 0 订阅
本文介绍了如何使用ArtTemplate模板引擎进行字符串拼接、数据展示、条件判断、循环、子模板和继承,以及过滤器的使用和常见问题的处理。还探讨了path.join和path.resolve在路径处理中的作用。
摘要由CSDN通过智能技术生成

一、导入模板引擎

const template = require('art-template')
template是用来拼接接字符串的

2.要在模板中显示数据,对象类型,返回拼接好的字符串

const views = path.join(__dirname ‘目录', '目录')

二、基本语法

标准语法:{{name}}
原始语法:<%= name %>
2.标签解析:
标准语法解决:{{@ name}}
原始语法解决::<%- name %>
在这里插入图片描述

3.条件判断:
标准语法:

{{if 条件(age>18}}
年龄大于十八
{{else if age<15}}
年龄小于十五
{{else}}
年龄不符合要求
{{/if}}

原始语法:

<% if (age >18) { %> 
年龄大于十八
          <% } if (age<15){%>
	      年龄小于十五
       <%}else{%>
年龄不符合要求
<% } %>

4.循环模板
基本语法:

 {{each 数据}}
     {{$index}}-----循环索引
     {{$value}}
 {{/each}}

在这里插入图片描述
原始语法: <% for() {%> <%}%>:

在这里插入图片描述

5.子模板:

   {{include ‘目标路径’}}

在这里插入图片描述

在这里插入图片描述

   <% include (‘目标路径’)%>

6.模板继承

   {{extend ‘目录’}}
   {{block ‘head’}}  {{/block}}

7.模板配置:
1.向模板中导入变量:template.defaults.imports.变量名 = 变量值
2.设置模板根目录:template.defaults.root=模板目录

在这里插入图片描述
3.配置模板的默认后缀:javascripttemplate.defaults.extname = ‘.art’
**

三、过滤器

**
1.注册过滤器:
传入的日期放置于“data”数据中

template.defaults.imports.dateFormat = function(date, format){
//return new Data(data).toLocalString()
const datetime = new Date(dateTime)
...} 
template.defaults.imports.timestamp = function(value){
return value * 1000...}
  • 开启内建调试器:
    语法:template.defaults.debug = true
  • 压缩页面(不影响渲染速度,加快网络传输)
    语法:template.defaults.minimize=true
  • 防止xss攻击
    语法:template.defaults.escape= true

在这里插入图片描述

四、问题解决:

Write after end:
在这里插入图片描述
npm运行服务器,在调用某一个接口时报错Error [ERR_STREAM_WRITE_AFTER_END] write after end,虽然实际接口功能未受影响。

原因是:
在这里插入图片描述

五.补充说明:path.joinpath.resolve

1.path.resolve总是返回一个以相对于当前的工作目录(working directory)的绝对路径。

2.对于以/开始的路径片段,path.join只是简单的将该路径片段进行拼接,而path.resolve将以/开始的路径片段作为根目录,在此之前的路径将会被丢弃,就像是在terminal中使用cd命令一样。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值