模版引擎总结之综合分析模版引擎

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)

语法:一种语法  -》 【<%=、-、#、%、_          -、_%>

原文地址:https://www.cnblogs.com/kunmomo/p/11530628.html