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

2023-11-11

art-template是一个简约、超快的模板引擎;它不仅可以使用在浏览器中,也可以使用在node中。
模板引擎最早是使用于服务器端,后来才发展到了前端。

首先是它的安装,我们可以在官方文档中看到,它的安装只需要一行命令
为了方便,下面是官网文档的地址:

https://aui.github.io/art-template/zh-cn/index.html

1.安装

在这里插入图片描述
该命令在哪个目录下执行,就会把包安装到哪里,默认会安装在node_modules 目录中。node_modules 目录不支持更改

安装结果如图:
在这里插入图片描述
当你的文件目录下出现node_modules这个目录,说明模板引擎已经安装成功。

2.在需要的文件模块中加载 art-template

加载模板引擎只需要使用require方法加载就可以。
即:require('art-template')
参数中的art-template就是你下载的包的名字,也就是说你install的包的名字是什么,require中就是什么。

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

var template = require('art-template')

// template.render('模板字符串', 替换对象);
var tplStr = 
`
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body>
    <p>大家好,我们是:{{name}}</p>
    <p>出道{{age}}岁了</p>
    <h1>我们来自{{country}}</h1>
    <p>我们的作品有:{{each songs}} {{$value}} {{/each}}</p>
  </body>
</html>

`
var res = template.render(tplStr, {
    name: 'BTS',
    age: 7,
    country: 'korean',
    songs:
        [
            'fake love',
            'run',
            'I need you'
        ]
})

console.log(res);

结果:
在这里插入图片描述

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

在node中使用模板引擎---art-template 的相关文章

  • Centos7部署Vue项目

    一 安装docker 1 安装依赖包 sudo yum install y yum utils device mapper persistent data lvm2 2 设置阿里云镜像源 sudo yum config manager ad
  • Chromium revision is not downloaded. Run "npm install"

    在使用依赖puppeteer的组件com时 使用npm install 安装组件 报错 Chromium revision is not downloaded Run npm install 解决思路 1 先安装 puppeteer 2 删
  • nuxt.js局部引用quill富文本编辑器

    想在nuxt js中使用quill富文本编辑器 按照网上常见的方法 将css js 添加到 nuxt config js 这是全局调用了quill的css js 文件 在每个页面的源码中 都可以看到quill 的css js 这是没有必要的
  • node koa发送邮箱验证码

    1 注册一个邮箱 开启POP3 SMTP IMAP 下方代码内的auth pass 下图授权码 2 nodejs koa发送邮箱验证码 const nodemailer require nodemailer const userEmail
  • axios 的理解和使用 axios.create(对axios请求进行二次封装) 拦截器 取消请求(axios.CancelToken)

    目录 axios是什么 axios特点 axios中文文档 axios常用语法 axios安装 axios简单使用 默认get请求 post put delete axios难点语法 axios create config 对axios请求
  • 编译opencv.js

    opencv 支持编译多个平台 其中还支持JavaScript 不过编译需要emscripten 编译环境 centos7 Python2 7 1 下载OpenCV源码 官网 https opencv org releases 例如下载4
  • node写可选参数接口

    个人网站 紫陌 笔记分享网 想寻找共同学习交流 共同成长的伙伴 请点击 前端学习交流群 今天写项目接口看到接口文档要求带四个参数两个参数必选两个可选 当时在想可选参数要怎么做 毕竟自己也没有写过 然后想了一天终于想出一个感觉不是最佳的方案
  • token的生成与验证

    写在前面 最近在写自己毕业的东西 由于采用的是前后端分离的写法 为了方便写使用的是跨域的模式 所以cookie session就不好用了 所以记录一下token吧 夜太深了 就简单写一下用法吧 官方文档写的很全了 使用场景 用户成功登陆之后
  • Windows NodeJS 二进制文件安装

    第一步下载node下载 Node js 中文网 本人系统Win10 X64 如图 将下载的zip包解压到你自定义的目录 尽量不要有空格或中文 你懂的 作者选择了d盘下自定义目录D datastorage下 解压后的文件目录如图所示 在此目录
  • node request 解决请求时 有时候 content-length 获取不到

    今天使用了 request 模块的时候 想获取每次请求的大小 以方便判断下载进度 网速等等 然后 content length 头总是获取不到 下面给出解决方法 request 模块的使用方法见 api 文档 https github co
  • Angular --官方文档使用 Angular CLI创建项目

    1 在node环境下 标配 node v npm v 指令在命令窗口查看两个的版本号 node高于6 9 3 npm版本高于3 0 0 如果你是新安装的话 就不要考虑这个问题了 2 全局安装 Angular CLI npm install
  • nodejs 控制台美化 console-color-mr

    console color mr插件可以让node控制台输出带有颜色 是一个不错的插件 通过颜色可以更直观的分析程序bug 一 使用 npm install D console color mr 方法一 import console col
  • node环境实现console输出不同颜色

    一 输出规则分析 1 输出及打印如下 console log x1B 31m s x1B 0m 这是红色 console log x1B 36m s x1B 0m 这是青色 2 规则说明 x1B 31m 是一个转义序列 它将被您的终端拦截并
  • js __proto__、prototype 、constructor 三者关系总结

    一 proto 属性 proto 怎么读 杠杠 proto 杠杠 proto 读作 dunder proto double underscore proto 的缩写 并且它前后两边 分别是 两个 下划线 由 proto 属性来连接对象 直到
  • jsoup的Elements类

    随时随地阅读更多技术实战干货 获取项目源码 学习资料 请关注源代码社区公众号 ydmsq666 一 简介 该类是位于select包下 直接继承自Object 所有实现的接口有Cloneable Iterable
  • 了解 node周边生态

    前言 Node js 周边的生态非常强大 NPM Node包管理 上有超过60万个模块 日下超过载量3亿次 但对新人和其它语言背景的开发者来说 了解node周边生态不是一件容易的事 在入门之前需要弄懂不少复杂的概念 废话不多说 来看看本次分
  • 【node】12、Koa实现简单爬虫案例

    效果图如下 首先我们新建文件夹 进入终端 初始化node项目 npm init y 安装koa搭建服务模块 npm install koa 安装superagent发送请求模块 npm install superagent 安装cheeri
  • 解决node.js+MYSQL读/写date类型数据有异样,且相差8个小时的问题

    既将读 写格式为 2021 05 04T16 00 00 000Z 的数据 转换为本地日期时间 2021 05 05 格式 一 读取异样处理 例如 在数据库中date类型数据原本为 2021 05 05 但是直接打印出来确是下面这样 dat
  • 自己封装一个类express路由框架

    今天用了Node封装一个简单的类似express框架的路由 首先先看看 没封装 之前的server路由代码 const http require http const url require url const ejs require ej
  • Node.js爬虫实战:搜狗图片爬取

    说在前面 当我们在网上寻找图片时 经常会遇到需要批量下载搜索结果中的图片的情况 而搜狗作为中国颇具影响力的搜索引擎之一 其图片搜索功能提供了丰富多样的图片资源 在这种情况下 我们希望能够通过编程的方式 批量下载搜狗图片搜索结果中的图片 以便

随机推荐

  • L3HCTF2021几道简单的签到题

    L3HCTF2021几道简单的签到题 Misc Welcome Web Image1 Web EasyPHP 作者 Hopeace Misc Welcome 第一次做misc的题目 迷迷糊糊的注册之后 进去好像是个聊天室类似的东西 随便点点
  • 学习C语言第6天打卡

    练习1 斐波那契数列 include
  • 数学:关于对向量、矩阵求导常见公式

    对向量 矩阵求导 和对标量求导还是有点区别 特别是转置和不转置 在网上参考了其他资料整理一下 介绍 在矩阵求导中 分为两种布局 分别是分子布局 Numerator Layout 和分母布局 Denominator Layout 考虑 x y
  • 2023年程序员八股文-集群

    一 负载均衡 集群中的应用服务器 节点 通常被设计成无状态 用户可以请求任何一个节点 负载均衡器会根据集群中每个节点的负载情况 将用户请求转发到合适的节点上 负载均衡器可以用来实现高可用以及伸缩性 高可用 当某个节点故障时 负载均衡器会将用
  • O-RAN专题系列-35:管理面-WG4.MP.V07-规范解读-第2章-总体架构

    作者主页 文火冰糖的硅基工坊 文火冰糖 王文兵 的博客 文火冰糖的硅基工坊 CSDN博客 本文网址 https blog csdn net HiWangWenBing article details 122473075 目录 第2章 高层的
  • C++不完整类型incomplete type 浅析

    C 不完整类型incomplete type 浅析 类型定义 The following are incomplete types Type void Array of unknown size Arrays of elements tha
  • 跨域的配置

    1 什么是跨域 跨域 指的是浏览器不能执行其他网站的脚本 它是由浏览器的同源策略造成的 是浏览器对javascript施加的安全限制 注意 跨域限制访问 其实是浏览器的限制 同源策略 是指协议 主机 域名 端口都要相同 其中有一个不同都会产
  • OpenCL学习入门

    1 OpenCL概念 OpenCL是一个为异构平台编写程序的框架 此异构平台可由CPU GPU或其他类型的处理器组成 OpenCL由一门用于编写kernels 在OpenCL设备上运行的函数 的语言 基于C99 和一组用于定义并控制平台的A
  • 合肥工业大学数值分析(计算方法)满分实验代码(python实现)

    用到的库 所有实验一共用到了numpy matplotlib pandas这几个常用的科学计算库 以及内置的数学库 正文开始 所有代码如下图 链接在文末 实验一 实验一的第一个实验主要是比较三种差值方法的差异 书上的差不多忘完了 直接上运行
  • 开开心心带你学习MySQL数据库之第四篇

    欢迎各位 gt 点赞 收藏 留言 慢品人间烟火色 闲观万事岁月长 希望我写的博客对你有所帮助 如有不足 请指正 数据库 1 查看数据库里所有的表 show tables 2 创建表 create table 表名 列名 类型 列名 类型 3
  • 最大报销额【暑期集训S题】【0-1背包】

    这的确是一个背包问题 但是他又有不一样的地方就在于对于实型的处理应该怎么做 现有一笔经费可以报销一定额度的发票 允许报销的发票类型包括买图书 A类 文具 B类 差旅 C类 要求每张发票的总额不得超过1000元 每张发票上 单项物品的价值不得
  • 学计算机的电脑用i5还是i7好,大学生用i5还是i7 i5和i7该怎么选择

    很多大学生在大一入学之前 就会先买好笔记本电脑 对于学生来说 笔记本电脑不仅携带方便 而且对于做作业 写论文 选课来说 有很大的帮助 一般来说 大学生买个价格差不多的电脑即可 但是 也要考虑电脑的配置 那么 大学生用i5还是i7好呢 一起来
  • UNIX网络编程卷一 学习笔记 第一章 简介

    编写通过计算机网络通信的程序时 首先要发明一种协议 即这些程序怎样进行通信 在深入设计一个协议的细节前 要在更高层次决定通信由哪个程序发起以及响应在何时产生 举例来说 一般认为web服务器是一个长时间运行的程序 即所谓守护程序 它只在响应来
  • Windows 365 以明文形式暴露微软 Azure 凭据

    聚焦源代码安全 网罗国内外最新资讯 编译 代码卫士 安全研究员 Benjamin Delpy 找到了使用 MImikatz 从微软的 Windows 365 Cloud PC 新服务中转储用户未加密明文微软 Azure 凭据的方法 Mimi
  • sql server 查看所有用户表名

    以前光使用sql server的增删改查 未深入涉及 今天了解了sysobjects 还有很多深入的内容 可以查看下sysobjects方面的知识 select name from sysobjects where xtype u and
  • 磁盘管理相关命令

    1 使用gdisk进行分区 两个主分区 一个扩展分区 三个逻辑分区 大小分别为100M 200M 500M gdisk命令 创建和维护磁盘分区 1 分区前 新建一块新的硬盘 sdb 用于分区 2 使用gdisk命令进行分区 输入命令n添加新
  • 谷歌小恐龙PHP代码,c++实现Chrome小恐龙游戏(网上找到的)

    include include include include include define N 80 define up 72 define left 75 define right 77 define down 80 voidrun v
  • 27个常用stata命令(2)

    常用的27个Stata命令 1 直接导入csv格式数据 insheet using name csv clear 2 修改变量长度 format var 20 2g 3 删除重复值 sort var1 var2 duplicatesdrop
  • PTA Basic level 1025 反转链表 (25分)

    1025 反转链表 25分 给定一个常数 K 以及一个单链表 L 请编写程序将 L 中每 K 个结点反转 例如 给定 L 为 1 2 3 4 5 6 K 为 3 则输出应该为 3 2 1 6 5 4 如果 K 为 4 则输出应该为 4 3
  • 在node中使用模板引擎---art-template

    art template是一个简约 超快的模板引擎 它不仅可以使用在浏览器中 也可以使用在node中 模板引擎最早是使用于服务器端 后来才发展到了前端 首先是它的安装 我们可以在官方文档中看到 它的安装只需要一行命令 为了方便 下面是官网文