Art-Template

使用模板语法(art-template)

art-template官网地址(https://aui.github.io/art-template/zh-cn/docs/installation.html)

  • 使用npm 导入

    • npm install art-template --save
      
  • 基本使用

    • var template = require('art-template')
      // // 基于模板名渲染模板
      // template(filename, data);
      //
      // // 将模板源代码编译成函数
      // template.compile(source, options);
      // 将模板源代码编译成函数并立刻执行
      // template.render(source, data, options);// 将模板源代码编译成函数并立刻执行
      let demo = template.render(' 我叫 {{name}} ,今年{{age}}岁 ',{age : 12,name : 'jwq'
      });
      console.log(demo)
      //source也可以使用变量代替
      
  • 也可以通过文件读取的方式,读取html去使用

    • var template = require('art-template')
      // // 基于模板名渲染模板
      // template(filename, data);
      //
      // // 将模板源代码编译成函数
      // template.compile(source, options);
      // 将模板源代码编译成函数并立刻执行
      // template.render(source, data, options);
      var fs = require('fs')
      fs.readFile('./art-template.html',function (err,data) {if(err){return console.log(' 读取错误 ')}// 将模板源代码编译成函数并立刻执行let demo = template.render(data.toString(),{age : 12,name : 'jwq'});console.log(demo)
      })
      //其中'./art-template.html'为html文件,里面包含{{name}}{{age}}
      
    • 去读取目录(js文件)

      let http = require('http')
      let fs = require('fs')
      let template = require('art-template')
      let server = http.createServer()
      server.on('request', function (req, res) {let url = req.urlif (url === '/') {fs.readFile('./art-template.html', function (err, data) {let demo = 'D:/xlyl/学习node/code'fs.readdir(demo, function (err, file) {if (err) {return res.end('404 err')}let demo = template.render(data.toString(), {file: file,name:'jwq',age:12});res.end(demo)// console.log(demo)// console.log(file)})})}// res.end('hello')
      })
      server.listen(3000, function () {console.log('running........')
      })
      
    • 去读取art-template.html(html文件)

      <!DOCTYPE html>
      <html lang="en">
      <head><meta charset="UTF-8"><title>Title</title>
      </head>
      <body>
      <p>我叫{{name}}</p>
      <p>今年{{age}}</p>
      <p>{{each file}}</p>
      <p>{{$value}}{{/each}}</p>
      </body>
      </html>
      

Art-Template模板语法相关推荐

  1. art template 模板渲染数据

    客户端 <!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8& ...

  2. django html页面 Template模板语法

    二.定义模板 1. 模板语言(DTL)主要内容 1)变量 2)标签 { % 代码块 % } 3)过滤器 4)注释{# 代码或html #} 2. 变量 1)语法: {{ variable }} 2)当 ...

  3. js模板引擎art template数组渲染的方法

    转载:js模板引擎art template数组渲染的方法 JavaScript 模板引擎作为数据与界面分离工作中最重要一环,越来越受开发者关注,模板引擎种类也是五花八门,我就说几个安全性高.错误处理调 ...

  4. js模板引擎——art Template

    简单介绍 javascript 模板引擎作为数据与界面分离工作中最重要一环,越来越受开发者关注. artTemplate 是新一代 javascript 模板引擎,它采用预编译方式让性能有了质的飞跃, ...

  5. Python框架篇之Django(Template基础:模板语法、过滤器filter)

    文章目录 一.Template介绍 二.模板语法 三.过滤器(filter) 一.Template介绍 Python 代码编写和 HTML 设计是两项不同的工作,大多数专业的网站开发环境都将他们分配给 ...

  6. Flask 的 template模板 与 jinja2语法

    Flask 的 template模板 与 jinja2语法 Flask使用的是Jinja2模板,所以其语法和Django基本无差别 1.模板基本数据的渲染 变量 {{..}} 列表 {% for it ...

  7. django之模板语法

    1. 变量 Django 模板中遍历复杂数据结构的关键是句点字符 句点符 views.py def index(request):'''模板语法:渲染变量 -> {{}}1. 深度查询,用的句点 ...

  8. angular2的模板语法

    Angular 应用管理着用户之所见和所为,并通过 Component 类的实例(组件)和面向用户的模板来与用户交互. 从使用模型-视图-控制器 (MVC) 或模型-视图-视图模型 (MVVM) 的经 ...

  9. 第六章-template模板

    第六章-template模板 文章目录 第六章-template模板 函数模板 类模板 函数模板 函数模板可以用来创建一个通用功能的函数,以支持多种不同形参,进一步简化重载函数的函数体设计 函数定义的 ...

  10. Ansible PLaybook template 模板详解

    template 模板 模板是一个文本文件,可以做为生成文件的模版,并且模板文件中还可嵌套jinja语法 jinja2语言 网站:https://jinja.palletsprojects.com/e ...

最新文章

  1. 独家 | Michael I.Jordan:大数据时代下的安全实时决策堆栈与增强学习(视频+精华笔记)
  2. 京东果然发福了:宣布涨薪两个月! 2 年内将员工平均薪资涨至 16 薪
  3. BCGControlBar使用(九)
  4. nginx: [error] invalid PID number in /run/nginx.pid解决办法之一
  5. element-UI级联选择器(Cascader 回显、默认显示项) - (返回结果的)格式转化 - 代码篇
  6. 中通科技移动自动化测试的革新与探索
  7. Ngrok让你的本地Web应用暴露在公网上
  8. 未来智能合约平台的展望
  9. 使用Antlr实现简单的DSL
  10. 小米路由器3潘多拉固件刷机教程
  11. echarts地图设置label引导线
  12. Mac OS X 下 Eclipse 安装 SVN 插件 subclipse 及JavaHL 方法
  13. 《伯克毕生发展心理学1》
  14. python opencv实现 12色相环、24色相环(基于RGB空间和基于HSV空间实现)
  15. 使用Python 绘制双Y轴和误差棒柱状图
  16. TPTP—详细说明讲解
  17. 跨境电商选品策略和思路—扬帆牧哲
  18. python中numpy zeros_为什么numpy.zeros和numpy.zeros的性能不同?
  19. 一点透视,二点透视,三点透视的理解
  20. 电信运营商工程项目管理

热门文章

  1. node 文字生成图片
  2. 华为回鸿蒙,信口开河!华为直播回应鸿蒙的安卓套壳传闻!
  3. 如何理解第三方支付清算和结算?
  4. 聊一聊关于加解密、加签验签的那些事
  5. app启动页面的问题
  6. 在线渗透测试网址信息收集网站-密码工具-漏洞查找平台-安全视频平台
  7. 2021山丹一中高考成绩查询,2019年张掖中考分数线,张掖中考录取分数线(出炉)
  8. pdf 压缩怎么做?三种办法可供选择
  9. ESimCSE: Enhanced Sample Building Method for Contrastive Learning of Unsupervised Sentence Embedding
  10. SVG—初识5之SVG变形动画和阶段性学习成果展示