node.js中使用模板引擎art-template

简介: node.js中使用模板引擎art-template

安装:



npm install art-template


注意:


  • 该命令在哪执行就会把包下载到哪里。默认会下载到 node_modules 目录中


  • node_modules 不要改,也不支持改。


使用


在 Node 中使用 art-template 模板引擎


模板引起最早就是诞生于服务器领域,后来才发展到了前端。


  1. 在需要使用的文件模块中加载 art-template


只需要使用 require 方法加载就可以了:require(‘art-template’)


参数中的 art-template 就是你下载的包的名字


也就是说你 isntall 的名字是什么,则你 require 中的就是什么


  1. 查文档,使用模板引擎的 API


http://aui.github.io/art-template/zh-cn/docs/


案例



tpl.html


<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>{{ title }}</title>
</head>
<body>
  <p>大家好,我叫:{{ name }}</p>
  <p>我今年 {{ age }} 岁了</p>
  <h1>我来自 {{ province }}</h1>
  <p>我喜欢:{{each hobbies}} {{ $value }} {{/each}}</p>
  <script>
    var foo = '{{ title }}'
  </script>
</body>
</html>


app.js


var template = require('art-template')
var fs = require('fs')
// 这里不是浏览器
// template('script 标签 id', {对象})
fs.readFile('./tpl.html', function (err, data) {
  if (err) {
    return console.log('读取文件失败了')
  }
  // 默认读取到的 data 是二进制数据
  // 而模板引擎的 render 方法需要接收的是字符串
  // 所以我们在这里需要把 data 二进制数据转为 字符串 才可以给模板引擎使用
  var ret = template.render(data.toString(), {
    name: '李里',
    age: 18,
    province: '北京市',
    hobbies: [
      '写代码',
      '吃饭',
      '打游戏'
    ],
    title: '个人信息'
  })
  console.log(ret)
})


相关文章
|
5月前
|
XML 缓存 JavaScript
一篇文章讲明白JS模板引擎之JST模板
一篇文章讲明白JS模板引擎之JST模板
53 2
|
Web App开发 XML JavaScript
10个最好的 JavaScript 模板引擎
JavaScript随着各种神奇的实用功能库日渐丰富,而越来越受到Web开发者与设计师的追捧,例如:jQuery, MooTools, Prototype等。
2147 0
10个最好的 JavaScript 模板引擎
|
前端开发 JavaScript 关系型数据库
Node框架 【Koa】之 【静态资源管理、模板引擎、连接数据库】
Node框架 【Koa】之 【静态资源管理、模板引擎、连接数据库】
191 0
|
安全 JavaScript
Nodejs Squirrelly 模板引擎 RCE(CVE-2021-32819)漏洞分析(二)
Nodejs Squirrelly 模板引擎 RCE(CVE-2021-32819)漏洞分析
303 0
Nodejs Squirrelly 模板引擎 RCE(CVE-2021-32819)漏洞分析(二)
|
安全 JavaScript 前端开发
Nodejs Squirrelly 模板引擎 RCE(CVE-2021-32819)漏洞分析(一)
Nodejs Squirrelly 模板引擎 RCE(CVE-2021-32819)漏洞分析
242 0
Nodejs Squirrelly 模板引擎 RCE(CVE-2021-32819)漏洞分析(一)
node笔记记录75模板引擎1
node笔记记录75模板引擎1
39 0
node笔记记录75模板引擎1
node笔记记录76模板引擎2
node笔记记录76模板引擎2
56 0
node笔记记录76模板引擎2
node笔记记录78模板引擎4
node笔记记录78模板引擎4
45 0
node笔记记录78模板引擎4
node笔记记录77模板引擎3
node笔记记录77模板引擎3
67 0
node笔记记录77模板引擎3
Node模板引擎的使用
Node模板引擎的使用
104 0