• Welcome to the world's largest Chinese hacker forum

    Welcome to the world's largest Chinese hacker forum, our forum registration is open! You can now register for technical communication with us, this is a free and open to the world of the BBS, we founded the purpose for the study of network security, please don't release business of black/grey, or on the BBS posts, to seek help hacker if violations, we will permanently frozen your IP and account, thank you for your cooperation. Hacker attack and defense cracking or network Security

    business please click here: Creation Security  From CNHACKTEAM

Recommended Posts

模板引擎基本概念

什么是模板引擎

模板引擎:顾名思义,它可以根据程序员指定的模板结构数据自动生成一个完整的HTML页面。

5dtdjjmcy3b2591.png

模板引擎的好处

减少了字符串的拼接操作。

让代码结构更清晰。

使代码更容易阅读和维护。

art-template模板引擎

简介

艺术模板是一个简单和超快速的模板引擎。http://aui.github.io/art-template/zh-cn/index.html是官方网站的首页。

安装

在浏览器中,访问官网,点击上面的Docs,找到下载链接,点击右键,选择链接另存为,将art-template下载到本地。然后通过脚本标签加载到网页上使用。

art-template使用步骤

导入艺术模板

定义数据

模板的HTML结构定义模板调用模板函数调用模板函数需要在脚本标签中定义,type属性的值为text/html。

呈现HTML结构

标准语法

什么是标准语法

Art-template提供了语法格式{{}},在这种格式中可以执行变量输出循环数组等操作。这种{{}}语法在art-template中被称为标准语法。

输出

在{{}}语法中,可以输出变量、对象属性、三元表达式、逻辑或、加、减、乘、除等表达式。

原文输出

如果要输出的值包含HTML标签结构,则需要使用原文输出语法来确保HTML标签的正常呈现。

条件输出

如果想实现条件输出,可以用If.否则如果./if in {}}按需输出。

{{if value}}按需内容输出{{/if}}

{{if value1}}按需内容输出{{else if value2}}按需内容输出{{/if}}

循环输出

如果要实现循环输出,可以用每种语法在{{}}中循环数组。当前循环的索引由$index访问,当前循环项由$value访问。

{ {每个阵列}}

{{$index}} {{$value}}

{{/each}}

过滤器

过滤器的本质是一个函数。

滤波器的语法类似于管道操作符,它的前一个输出被用作下一个的输入。

template . defaults . imports . filtername=function(value){返回处理结果}

实现原理

正则与字符串操作

基本语法: exec()函数用于检索字符串中正则表达式的匹配项。如果字符串中有匹配值,则返回匹配值;否则,返回null。

正则表达式。exec(字符串)

让我们打声招呼

让zz1=/o/

设zz2=/x/

console . log(zz1 . exec(str));

console . log(zz2 . exec(str));

分组:正则表达式()包装的内容表示一个分组,可以用来来提取自己想要的内容.

Str=' div我是{{name}}/div '

设zz1=/{{([a-zA-Z] )}}/

console . log(zz1 . exec(str));

字符串的replace函数: replace()函数的作用是用字符串中的一些字符来替换另一些字符。

Str=' div我是{{name}}/div '

设zz=/{{([a-zA-Z] )}}/

let res=zz.exec(str)

str=str.replace(res[0],res[1])

console . log(str);

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now