104node-第三方模块art-template模板引擎+原生、标准模板语法+继承+配置dateformat

本文介绍了第三方模块Art-Template的使用方法,包括下载安装、模板渲染、语法特性、子模板抽离公共区域、模板继承以及配置处理日期格式。通过模板继承可以实现HTML骨架的复用,而dateformat模块则帮助处理时间格式。
摘要由CSDN通过智能技术生成

模板引擎是第三方模块—让开发者更加友好的方式拼接字符串,使项目代码更加清晰、更加易于维护

下载

1、npm install art-template 命令进行下载
2、使用const template=require(‘art-template’)引入模板引擎
3、告诉模板引擎要拼接的模板在哪 const html =template(‘模板路径’,数据)
返回值就是拼接好的字符串

渲染模板

// 导入模板引擎模块
const template = require('art-template');
// 将特定模板与特定数据进行拼接
const html = template('./views/index.art', {
   
    data: {
   
        name: '张三',
        age: 20
    }
})

    // 模板中的代码
    <div>
        <span>{
   {
   data.name}}</span>
        <span>{
   {
   data.age}}</span>
    </div> 

模板语法

// art-template同时支持两种模板语法:标准语法和原始语法
// 标准语法可以让模板更加容易读写,原始语法具有强大的逻辑处理能力
// 标准语法{
   {数据}}
// 原始语法<%=数据 %>

// 输出【用于解析html标签】
// 原文輸出 如果数据中携带html标签,默认模板引擎不会解析标签
{
   {
   @数据}}
 <%-数据%>

// 条件判断 块可以根据条件显示哪块html代码
// 标准语法
{
   {
   if条件}}
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值