模板引擎art-template怎么安装?

摘要:art-template支持标准语法和原始语法。标准语法允许模板更易于读写。而原始语法具有强大的逻辑处理能力。标准语法支持基本模板语法和JavaScript表达式。原始语法支持任意JavaScript语句,与EJS相同。

art-template支持标准语法和原始语法。标准语法允许模板更易于读写。而原始语法具有强大的逻辑处理能力。标准语法支持基本模板语法和JavaScript表达式。原始语法支持任意JavaScript语句,与EJS相同。


安装art-template的方法:

在需要使用模板的目录下安装 art-template 模板

进入控制台,输入

npm install art-template

等待安装结束。


Nodejs 使用 art-template 模板引擎

引入模板文件:

var template = reuqire('art-template');

编辑模板

<!-- art-template.html -->
<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>Document</title>
</head>
<body>
  <p>芳名:{{ name }}</p>
  <p>芳龄:{{ age }}</p>
  <p>gender:{{ gender }}</p>
  <p>hobbies:{{ each hobbies }} {{ $value }} {{ /each }}</p>
  <script>
      // 模板引擎不关心内容,会对 {{content}} 进行解析。
      var str = '{{ content }}';
  </script>
</body>
</html>


art-template 语法

子模版

{{ include './header.html' }} 引入公共的头部文件

模板继承

{{ extend './layout.html'}} 
引入母板文件
{{ block 'head' }}<link rel="stylesheet" type="text/css" href="./public/css/test.css">{{ /block }}
引入样式文件
{{ block 'script' }}<script type="text/javascript" src = "./public/js/test.js"></script>{{ /block }} 
引入脚本文件
{{ block 'content' }}默认内容{{ /block }} 挖坑,留给将要继承该模板的模板去填坑,可写入默认内容

本文内容仅供个人学习、研究或参考使用,不构成任何形式的决策建议、专业指导或法律依据。未经授权,禁止任何单位或个人以商业售卖、虚假宣传、侵权传播等非学习研究目的使用本文内容。如需分享或转载,请保留原文来源信息,不得篡改、删减内容或侵犯相关权益。感谢您的理解与支持!

链接: https://shenqiku.cn/article/FLY_8235