Art-Template模板语法
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模板语法相关推荐
- art template 模板渲染数据
客户端 <!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8& ...
- django html页面 Template模板语法
二.定义模板 1. 模板语言(DTL)主要内容 1)变量 2)标签 { % 代码块 % } 3)过滤器 4)注释{# 代码或html #} 2. 变量 1)语法: {{ variable }} 2)当 ...
- js模板引擎art template数组渲染的方法
转载:js模板引擎art template数组渲染的方法 JavaScript 模板引擎作为数据与界面分离工作中最重要一环,越来越受开发者关注,模板引擎种类也是五花八门,我就说几个安全性高.错误处理调 ...
- js模板引擎——art Template
简单介绍 javascript 模板引擎作为数据与界面分离工作中最重要一环,越来越受开发者关注. artTemplate 是新一代 javascript 模板引擎,它采用预编译方式让性能有了质的飞跃, ...
- Python框架篇之Django(Template基础:模板语法、过滤器filter)
文章目录 一.Template介绍 二.模板语法 三.过滤器(filter) 一.Template介绍 Python 代码编写和 HTML 设计是两项不同的工作,大多数专业的网站开发环境都将他们分配给 ...
- Flask 的 template模板 与 jinja2语法
Flask 的 template模板 与 jinja2语法 Flask使用的是Jinja2模板,所以其语法和Django基本无差别 1.模板基本数据的渲染 变量 {{..}} 列表 {% for it ...
- django之模板语法
1. 变量 Django 模板中遍历复杂数据结构的关键是句点字符 句点符 views.py def index(request):'''模板语法:渲染变量 -> {{}}1. 深度查询,用的句点 ...
- angular2的模板语法
Angular 应用管理着用户之所见和所为,并通过 Component 类的实例(组件)和面向用户的模板来与用户交互. 从使用模型-视图-控制器 (MVC) 或模型-视图-视图模型 (MVVM) 的经 ...
- 第六章-template模板
第六章-template模板 文章目录 第六章-template模板 函数模板 类模板 函数模板 函数模板可以用来创建一个通用功能的函数,以支持多种不同形参,进一步简化重载函数的函数体设计 函数定义的 ...
- Ansible PLaybook template 模板详解
template 模板 模板是一个文本文件,可以做为生成文件的模版,并且模板文件中还可嵌套jinja语法 jinja2语言 网站:https://jinja.palletsprojects.com/e ...
最新文章
- 独家 | Michael I.Jordan:大数据时代下的安全实时决策堆栈与增强学习(视频+精华笔记)
- 京东果然发福了:宣布涨薪两个月! 2 年内将员工平均薪资涨至 16 薪
- BCGControlBar使用(九)
- nginx: [error] invalid PID number in /run/nginx.pid解决办法之一
- element-UI级联选择器(Cascader 回显、默认显示项) - (返回结果的)格式转化 - 代码篇
- 中通科技移动自动化测试的革新与探索
- Ngrok让你的本地Web应用暴露在公网上
- 未来智能合约平台的展望
- 使用Antlr实现简单的DSL
- 小米路由器3潘多拉固件刷机教程
- echarts地图设置label引导线
- Mac OS X 下 Eclipse 安装 SVN 插件 subclipse 及JavaHL 方法
- 《伯克毕生发展心理学1》
- python opencv实现 12色相环、24色相环(基于RGB空间和基于HSV空间实现)
- 使用Python 绘制双Y轴和误差棒柱状图
- TPTP—详细说明讲解
- 跨境电商选品策略和思路—扬帆牧哲
- python中numpy zeros_为什么numpy.zeros和numpy.zeros的性能不同?
- 一点透视,二点透视,三点透视的理解
- 电信运营商工程项目管理
热门文章
- node 文字生成图片
- 华为回鸿蒙,信口开河!华为直播回应鸿蒙的安卓套壳传闻!
- 如何理解第三方支付清算和结算?
- 聊一聊关于加解密、加签验签的那些事
- app启动页面的问题
- 在线渗透测试网址信息收集网站-密码工具-漏洞查找平台-安全视频平台
- 2021山丹一中高考成绩查询,2019年张掖中考分数线,张掖中考录取分数线(出炉)
- pdf 压缩怎么做?三种办法可供选择
- ESimCSE: Enhanced Sample Building Method for Contrastive Learning of Unsupervised Sentence Embedding
- SVG—初识5之SVG变形动画和阶段性学习成果展示