Velocity
渲染方式:一种渲染方式,java服务端渲染
-
java服务端渲染
语法:一种语法 -》 #:关键字使用#开头 $:变量使用$开头
artTemplate
渲染方式:两种渲染方式,node服务端渲染、浏览器渲染
-
node服务端渲染
方式一:var str/function = template(fileName,data) -》fileName代表模版文件的路径
方式二:template.compile(source, options); -》 返回渲染函数
方式三:template.render(source, data, options); -》返回渲染结果
-
浏览器渲染
引入:<script src="lib/template-web.js"></script>
方式一:vat str = template(id, data);
document.getElementById("content").innerHTML = str
语法:两种语法 -》 标准语法【{{ }}】和原始语法【<%=、-、#、%、_ -、_%>】
其中原始语法兼容EJS(和EJS语法相同)
doT
渲染方式:两种渲染方式,node服务端渲染、浏览器渲染
-
node服务端渲染
-
浏览器渲染
引入: <script type="text/javascript" src="doT.js"></script>
方式一:var template = doT.template(str,options,data)
template(data)
语法:一种语法 -》【 {{=、~、?、!、#、## }}】
Jade
渲染方式:一种渲染方式,node服务端渲染
-
node服务端渲染
方式一:var str = jade.render(str,options)
方式二:var str = jade.rednderFile(fileName,options)
方式三:var template = jade.compile(str,options)
template(data) -》返回字符串
方式四:var template = jade.complieFile(path,options)
template(data) -》返回字符串
方法五:var template = jade.compileClient(str,options)
template(data) -》返回函数,函数返回字符串
语法:一种语法 -》 缩进代表层级
EJS
渲染方式:两种渲染方式,node服务端渲染、浏览器渲染
-
node服务端渲染
方式一:var str = ejs.render(str,data,options)
方式二:ejs.renderFile(fileName,data,options,function(err,data))
方式三:var template = ejs.compile(str,options)
template(data) -》 返回字符串
-
浏览器渲染
引入:<script src="./ejs.min.js"></script>
方式一:var str = ejs.render(str,data,options)
方式二:var template = ejs.compile(str,options)
template(data)