art-template模板引擎下载命令及基础用法

art-template是一个第三方模块要使用命令行工具去下载

npm install art-template //使用该命令去下载

基本的用法

//引用第三方模块
const template = require('art-template');
//引用系统模块
const path = require('path');
//字符串拼接返回绝对路径
const vives = path.join(__dirname, '01.art');

//template方法返回拼接好的字符串 
// 第一个参数的文本模板的路径 
// 第二个参数是要使用的参数
const html = template(vives, {
    name: 'fj',
    age: 18,
    content: '<h1>我是标题<h1>'
})


模板中的解析方法

  <!-- 标准语法 -->
    {{name}}
    <!-- 标准语法解析标签的语法 -->
    {{@ content}}
    <p> {{1+1}}</p>    
    <!-- 原始语法-->
    <p><%=age %></p>
    <!-- 原始语法解析标签的语法 -->
    <p><%-content %></p>

标准语法使用{{ }}
解析带有标签的要加一个@ {{@ }}
原始语法使用<%= %>
原始语法解析标签将=改为-
<%- %>

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Art-template是一款高性能、轻量级的模板引擎,适用于Node.js和浏览器环境。它以简洁明了的语法,支持模板继承、条件判断、循环遍历等常见功能,同时还提供了强大的过滤器和自定义标签功能。 Art-template的使用逻辑如下: 1. 安装Art-template 可以通过npm安装Art-template命令如下: ```npm install art-template --save``` 2. 引入Art-template 在Node.js中,可以使用require语句引入Art-template: ```const template = require('art-template');``` 在浏览器中,可以使用script标签引入Art-template: ```<script src="path/to/art-template.js"></script>``` 3. 编写模板 Art-template使用{{}}包裹变量、表达式或语句。例如,以下是一个简单的模板: ``` <!DOCTYPE html> <html> <head> <title>{{title}}</title> </head> <body> <h1>{{title}}</h1> <p>{{content}}</p> </body> </html> ``` 4. 渲染模板 使用template方法可以将模板渲染成字符串。例如: ``` const template = require('art-template'); const data = { title: 'Art-template', content: 'A lightweight and powerful template engine' }; const html = template('path/to/template', data); console.log(html); ``` 在上面的例子中,我们将data对象传递给了模板,使用{{}}包裹的变量会被替换成data对象中的对应值,最终输出渲染后的HTML字符串。 5. 高级用法 除了基本的变量替换,Art-template还支持模板继承、条件判断、循环遍历等高级用法。例如,以下是一个使用if语句和each语句的模板: ``` {{if isAdmin}} <p>Welcome, admin</p> {{else}} <p>Welcome, user</p> {{/if}} <ul> {{each list}} <li>{{$index}}. {{$value}}</li> {{/each}} </ul> ``` 以上就是Art-template的使用逻辑,希望能对你有所帮助。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值