zoukankan      html  css  js  c++  java
  • 模版引擎总结之综合分析模版引擎

    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)

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

  • 相关阅读:
    7.19 repeater的用法:
    7.18 内置对象
    7.17 三级联动 控件及JS简单使用
    7.15 简单控件 以及 复合控件
    7.14 Repeater
    7.14 ASP.NET介绍 基础
    phpcms图文总结(转载)
    phpcms图文总结(转)
    商业php软件的应用
    php前段时间复习
  • 原文地址:https://www.cnblogs.com/kunmomo/p/11530628.html
Copyright © 2011-2022 走看看