服务器端模板引擎art-template的下载和使用
art-lemplate是新一代高性能JavaScript模板引擎,它可以将数据与HTML模板更加友好地结合起来,省去烦琐的字符串拼接,使代码更易于维护。
art-template模板引擎既可以在服务器端使用,也可以在浏览器端使用。此处仅讲解art-template模板引擎在服务器端的使用。art-template模板引擎的下载和使用方法如下。
(1)模板引擎下载命令如下。
npm install artmplate
(2)使用模板引擎时应在j脚本中导入模板引擎,并编译模板。
//导入模板
const template · require('art-template');
//编译模板
const result = template('./views/index.html', (msg: 'Hello, art-template'
});
上述代码中,rest用于存储拼接结果;template0中的第l个参数表示模板文件的位置,第2个参数向模板中传递要拼接的数据,对象类型或对象属性都可以直接在模板中使用。an-template模板引擎标准语法中引入了变量和输出量,并支持JavaSeript表达式,使模板更易于读写。下面讲解art-template模板引擎的标准语法。
1.变量
在“{{}}”符号中,使用set关键字来定义变量a和变量b.示例代码如下。
{{set a = 1}};
{{set b = 2}};
2.JavaScript表达式
在“{{}}”符号中,使用set关键字来定义变量a和变量b,示例代码如下。
//JavaScript表达式
{{a ? b:c}};
{{a‖b}}1:
{{la + b}};
3.条件渲染
art-template模板引擎使用{{f}}…{{/if}}或者 {{if}}…{{ else if}}…{{/if}}来实现条件的判断,通过判断来渲染不同结果,示例代码如下。
// if...语法
{{if user}}<h2>{{user.name}}</h2>
{{/if}}
// if...else if...语法
{{if userl}}
<h1>{{user1.name}}</h1>
{{else if user2}}
<h2>{{user2.name}}</h2>
{{/if}}
上述代码中,如果user用户对象存在,就将其name属性的值渲染到标签中。同理,使用[if]]…lelse if]]…[if]语法实现多个条件判断。如果userl用户对象存在,就将其name属性的值渲染到标签中;如果user2用户对象存在,就将其name属性的值渲染到标签中。
4.列表渲染
at-lemplate模板引擎中的列表渲染使用each实现对目标对象的循环遍历,示例代码如下。
{{each target}}{{$index}}{{$value}}
{{/each}}
上述代码中,target 目标对象支持Amay数组和Objecet对象类型数据的迭代,target 目标对象使用template(模板ID,data)函数的第2个参数来传递,使用“ d a t a [ ] ”中括号的形式来访问模板对象的属性。 data[]”中括号的形式来访问模板对象的属性。 data[]”中括号的形式来访问模板对象的属性。index表示当前索引值,$value表示当前索引对应的值。
服务器端模板引擎art-template的下载和使用相关推荐
- js模板引擎art template数组渲染的方法
转载:js模板引擎art template数组渲染的方法 JavaScript 模板引擎作为数据与界面分离工作中最重要一环,越来越受开发者关注,模板引擎种类也是五花八门,我就说几个安全性高.错误处理调 ...
- js模板引擎——art Template
简单介绍 javascript 模板引擎作为数据与界面分离工作中最重要一环,越来越受开发者关注. artTemplate 是新一代 javascript 模板引擎,它采用预编译方式让性能有了质的飞跃, ...
- php yii 模板引擎,模板引擎(Template Engines)
使用模板引擎(Using template engines) 默认情况下,Yii 使用 PHP 作为其默认的模板引擎语言,但是,你可以配置 Yii 以扩展的方式支持其他的渲染引擎, 比如 Twig 或 ...
- html jquery 模板引擎,jquery template.js前端模板引擎
作为现代应用,ajax的大量使用,使得前端工程师们日常的开发少不了拼装模板,渲染模板 在刚有web的时候,前端与后端的交互,非常直白,浏览器端发出URL,后端返回一张拼好了的HTML串.浏览器对其进行 ...
- ASP 模板引擎,ASP 模板类 (Taihom.Template.class)
ASP 模板引擎 如想获取最新的这个类,可以写邮件给我 '//ASP 模板引擎 (Taihom.Template.class v2.0) '//Code By Taihom '//Taihom 原创 ...
- node中使用模板引擎
模板引擎 1 .模板引擎基础 1.1模板引擎 主要功能就是拼接字符串(将HTML模板与数据拼接) 模板引擎不是node.js本身提供的,是第三方模块 让开发者以更友好的方式拼接字符串,是项目代码更加清 ...
- 学生档案信息管理之模板引擎的应用
实现学生信息添加功能 在模板的表单中指定请求地址与请求方式 为每一个表单项添加name属性 添加实现学生信息功能路由 接收客户端传递过来的学生信息 将学生信息添加到数据库中 将页面重定向到 ...
- 模板引擎artTemplate
模板引擎artTemplate 1. 基础概念 1.1 模板引擎★★★ 模板引擎(这里特指用于Web开发的模板引擎)是为了使用户界面与业务数据(内容)分离而产生的,它可以生成特定格式的文档,用于网站的 ...
- 发布方配模板引擎V2.1及开发教程和案例
在项目开发中一般分为程序开发者与美工两种身份.可是通常这些使用者不是程序强就是美工强,如果要两者同时兼顾,那可得死掉不少脑细胞.所以模版引擎就应运而生啦!模版引擎的目的,就是要达到上述提到的逻辑分离的 ...
最新文章
- 报名 | 高级管理人员AI大数据能力研修班
- 英语文章、常用短语部分摘选集锦
- java moment 日期转换_关于日期:如何使用Java 8 DateTime API转换修改后的儒略日数字...
- windows 下安装 scrapy报错:error: Unable to find vcvarsall.bat
- 【编译原理】让我们来构建一个简单的解释器(Let’s Build A Simple Interpreter. Part 6.)(python/c/c++版)(笔记)
- 【Linux系统编程应用】 Linux Input子系统(一)
- GROUP BY 子句中 选择列表中的列无效,因为该列没有包含在聚合函数或
- redis rua解决库存问题_【150期】面试官:Redis的各项功能解决了哪些问题?
- C++基础13-类和对象之继承2
- python避坑指南_Linux下Python3.6的安装及避坑指南
- 芯片短缺波及国内车市 5月国内汽车销量下降3.1%
- php前后端分离两个域名访问,Laravel 5.4前后台分离,通过不同的二级域名访问方法...
- 如何把数据库从sql变成mysql_(转)如何将数据库从SQL Server迁移到MySQL
- 是什么让它3年融资破4亿?神策背后的探索与巨变
- python微框架Bottle(http)
- Android支持库AndroidX和support-v4、appcompat-v7的前世今生!
- [EE261学习笔记] 4.常用的几个傅里叶变换相关公式
- 装完系统还要装什么_一键重装系统后需要干嘛
- 好玩Spring之TransactionSynchronization相关的几个类
- 电脑注册表怎么打开?
热门文章
- 有关Best-effort理解的相关资料汇总
- mac QQ邮箱无法验证用户名和密码
- 我为什么要离开华为?
- 初接触面向对象,关于一些问题,自身的QA.
- 小马pe linux,U盘Grub引导Win PE
- 互联互通社区3月份大事记
- python与GIS数据处理——随机森林算法插值
- coco128训练YOLOv5
- 【已解决】VBA_编程 运行时错误-2147319767 (80028029) 自动化(Automation)错误
- 计算机技术考长沙理工大学难不难,长沙理工大学难考吗?长沙理工大学值得上吗?...