`
canonical
  • 浏览: 368257 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

[导入]tpl:将tag进行到底

阅读更多
tpl是witrix开发平台中的动态xml标签技术,其基本特点表现为如下三个方面:
1. 执行能力
 xml本身只是对数据的描述,而没有循环和判断的能力。
 在tpl中<c:forEach>和<c:if>标签可以完成程序语言的执行功能,并定义了<c:tile>, <c:iif>等更方便的标签。

2. 抽象能力
   获得抽象能力,首要的一点是使得创建新概念的成本极低。很少有人大量开发jsp tag,原因就是开发tag过于麻烦,而且调整不方便。另外开发出的tag如果粒度太小,大量使用的时候是对性能的致命伤害。
   tpl首先需要经过编译,而不是象jsp tag那样完全动态运行,而且tpl编译出的结果是无状态的,因此解决了性能上的问题。
   在tpl中导入外部模板的语法非常简单,可以实现基本的分解
    <c:include src="xxx.tpl" />
   更重要的是,tpl中定义了完善的库机制。
使用库
    <!-- 导入外部包, 导入时指定名字空间为demo。
         注意tpl中并没有完整的名字空间支持,只能作为qName使用
    -->
    <c:lib src="demo_lib.xml" namespace="demo" />

 <!-- 对具有cache:timeout属性的节点应用cache修饰,即该节点的运行内容被缓存 -->
 <c:decorator type="cache" match="//@[cache:timeout]" />

    <div id="blockA">
        <p>通过tpl:tag属性可以设定宿主标签的真实标签名。这种做法可以方便可视化设计:</p>
        <input tpl:tag="demo:文本框" value="in block A" otherValue="${varInJsp}" onclick="clickOnBtn()"/>
    </div>

    <div id="blockB">       
       <p>分页表格:</p>
        <img tpl:tag="demo:分页表格" headers="fieldA,fieldB" pager="${pager}" />
    </div>

    <div id="blockC">
      <p>bodyTag标签的调用:</p>
        <demo:循环data>
            <input type="text" value="${row}" /> <br/>
        </demo:循环data>
    </div>

    <div id="blockD" cache:timeout="1000s" >
        <p>条件标签的调用:</p>
        <demo:当Num足够大>
            <p>当 thisObj中的变量 'num' 的值大于3的时候显示这句话 </p>
        </demo:当Num足够大>
    </div>

定义库文件demo_lib.xml
<!--
     自定义标签的属性:
  type: simpleTag, bodyTag 或者 conditionTag, 缺省为simpleTag
  importVars : 每个自定义标签具有自己的变量空间,需要通过importVars来明确指定从外部变量空间中导入的变量。
  demandArgs: 调用时必须明确给出这些参数的值
  otherArgs: 如果指定了该参数,则调用自定义标签时能够使用的参数就必须在demandArgs和otherArgs指定的范围之内。
-->
<demo>
    <!-- 一个简单的tag示例, 直接输出变量。这里demandArgs指定调用时必须提供的变量。 -->
 <文本框 demandArgs="value" otherArgs="otherValue,onclick" type="simpleTag" >
  <p> -----------------------------------  </p>
     <!-- 可以使用调用时提供的其他变量,如otherValue-->
  <input size="40" type="text" value="${value} * ${otherValue}" onclick="${onclick}"/>
  <p> -----------------------------------</p>
 </文本框>

    <!-- 一个自动分页表格,要求传入headers(List类型)指定表头,pager(Pager类型)提供数据 -->
 <分页表格 demandArgs="headers,pager">
     <!-- 从外部导入tpl文件 -->
  <c:include src="flex_table.tpl" />
 </分页表格>

 <!-- 一个bodyTag示例: 循环处理thisObj中的变量data中的每一行。
      importVars从调用环境中自动导入变量而不需要通过调用参数直接指定。
      当然如果调用参数中指定的变量与importVars中指定的变量重复,则调用参数会覆盖importVars.
    -->
 <循环data importVars="thisObj" type="bodyTag">
  <c:forEach var="row" items="${data}">
   <!-- tagBody为调用时标签的内容 -->
   <cp:compile src="${tagBody}" />
  </c:forEach>
 </循环data>

 <!-- 一个条件标签的示例.
      条件标签一般不应该输出文本,而是返回一个bool值。仅当返回true的时候,调用时标签的内容才会被运行。
 -->
 <当Num足够大 importVars="thisObj" type="conditionTag">
  <l:gt name="num" value="3" />
 </当Num足够大>
</demo>

注 意到bodyTag和conditionTag使得我们可以将循环(容器)逻辑和判断逻辑抽象成有意义的概念,而不再是一些执行的指令。这种抽象能力的应 用非常依赖于xml的自描述特性,我们不需要付出太大的努力,就可以在lib中封装出一个有意义的概念来! 而且tag的参数可以指定,可以缺省,存在多种选择,也对应着多种逻辑模型。
通过<c:decorator>的用法可以看到,因为xml明确定义了结构,使得我们可以轻易的实施类似AOP的功能。

3. 集成能力
   首先,tpl完全符合xml规范,与xml世界接轨,可以自由的使用xslt。例如,在
   任何标签中都可以指定tpl:xdecorator属性, tpl在编译之前首先会应用指定的xslt文件进行变换,对变换后的结果再进行编译。
   <anyTagName tpl:xdecorator="some_xslt.xslt">
  ...
   </anyTagName>
   其次,tpl可以使用属性标记,即tpl标签不仅仅可以通过标签名来标识,而且可以通过tpl:tag属性来标识。例如:
   <input tpl:decorator="demo:文本框" />
   与 <demo:文本框 />等效。
   这种做法避免了tpl侵入html模型,使得我们可以利用现有工具对tpl进行所见即所得(WISIWIG)的设计。

   再次, 在tpl中使用EL(Expression Language)语言,集成java数据模型。

   第四, 在tpl中可以采用如下方式实现强类型化,完成与java的接口。
   interface ITest{
     void test(String name, int value);
   }

   <o:class name="MyClass" implements="ITest">
    <test args="name,value" >
   ...
    </test>
   </o:class>
   这种能力可以在数据源的filter中使用。

   第五, tpl可以轻易的集成其它xml技术。例如,tpl集成了ant
   <ant:run>
  <echo message="xxx" />
   </ant:run>
   因此,我们立刻拥有了ant的数千个功能标签。
分享到:
评论

相关推荐

    tpl:将 html 模板转换为 javascript

    #将html模板转化为javascript模块 ##目的 减轻前端拼接大量HTML以及维护时候的困难程度 ##安装 安装node,参见: 安装npm,参见: 安装tpl npm方式: $ npm install tpl2js -g 源码方式: $ cd ~ $ git clone git...

    Tpl:TPL的Sublime文字插件

    它使用将模板转换为 javascript。特征更有力设置Tpl 取决于 。 有一种安装 Node.js 的好方法,您可以访问了解更多详细信息。 以下Tpl设置在 Tpl/Tpl.sublime-settings 中可用(默认如下所示)。有我的 nodejs 和 tpl...

    shopnc开发手册

    - **MVC设计**: ShopNC B2B2C商城采用了MVC(Model-View-Controller)模式进行开发,这种模式使得系统的开发更加高效,各部分结构更为清晰。 - **模型(Model)**: 定义了数据访问逻辑,由Model类来实现。 - **控制...

    tpl:tpl-用于C的小型二进制序列化库

    “tpl:tpl-用于C的小型二进制序列化库”这个标题提到了一个名为“tpl”的库,它是一个专门针对C语言设计的轻量级二进制序列化工具。序列化是将数据结构或对象转换为可以存储或传输的格式的过程,而二进制序列化则是...

    TPL:任务,TPL,PLINQ

    “TPL:任务,TPL,PLINQ”这一标题暗示了我们要讨论的是.NET框架中的并行编程技术,主要包括Task Parallel Library(TPL),以及与之相关的并行LINQ(Parallel LINQ,简称PLINQ)。 **Task Parallel Library(TPL...

    react-tpl:滥用平台

    (未发布,仅在进行中) 模板实验。 React。 function App ( props ) { // some suspense calls, hooks, whatever let count = visitors . read ( ) ; return tpl ` &lt;style&gt; h1 { color:red; } &lt...

    tpl:基于字符串的模版引擎

    tpl 基于字符串的模版引擎 用法 let tpl = ` 小明是个老师,他的名字叫做{{name}}, 今年{{year}}岁。 他有学生{{student.length}}个。 {{#student}} 学生 ==&gt; {{name}} &lt;span&gt;{{#girls}} 年龄: {{age}} ...

    TPL0401数字电位器源码

    标题中的“TPL0401数字电位器源码”是指使用STM32微控制器与TPL0401数字电位器进行交互的程序代码。STM32是一款基于ARM Cortex-M内核的微控制器,广泛应用于嵌入式系统设计。数字电位器,又称为数字 pot 或 DIP...

    Yangon-tpl:仰光模板

    "Yangon-tpl:仰光模板" 是一个用于软件开发的模板项目,它可能是为了简化在特定编程语言或框架下的开发流程而设计的。虽然标签信息为空,但从标题来看,我们可以推断这是一个针对仰光(Yangon)地区的特定开发环境...

    Hyla_Tpl:php tpl 引擎基于 phplib 的 tpl 引擎

    在本文中,我们将深入探讨 `Hyla_Tpl` 的核心概念、工作原理以及如何在实际项目中应用。 ### 一、模板引擎简介 模板引擎是 Web 开发中的一个重要组件,它允许开发者将 HTML 代码与 PHP 代码解耦,使前端设计人员...

    TPL521中文资料 光耦

    TPL521 中文资料 光耦 TPL521 是一款可控制的光电耦合器件,广泛应用在电脑终端机、可控硅系统设备、测量仪器、影印机、自动售票、家用电器等领域,旨在实现信号传输的隔离,以增加安全性、减小电路干扰、减化电路...

    tpl存储序列化

    这些函数通常会使用TPL提供的接口,如`tpl_map`,`tpl_pack`,`tpl_unpack`等,将数据结构打包或解包。最后,调用这些函数进行实际的序列化或反序列化操作。 **4. 示例应用** 例如,假设我们有一个包含整数和字符串...

    start_tpl:快速启动项目模板,如spa,mpa,lib

    a06-tpl 快速初始化你的项目模版可以快速初始化你的项目模版,目前支持单页,和js库两种模版,后续会增加多页模版的支持安装npm install a06-tpl -g执行// 以xxx为项目名称初始化单页模版,也可以不输出项目名$ a06-tpl ...

    requirejs-underscore-tpl:RequireJS插件加载和预编译下划线模板

    下划线 underscore-tpl是一个插件,用于加载和预编译模板。 以下是一些,这些显示了渲染预编译模板时的区别。 用法 使用tpl! 加载模板时的前缀。... 该插件将在requirejs r.js优化器之后编译模板。 而且在开

    vant-mall-tpl:vant-ui商城模板

    "vant-mall-tpl:vant-ui商城模板" 是一个基于Vant UI的电子商务网站模板,专为快速构建前端商场界面而设计。这个模板利用了Vant UI组件库,提供了丰富的UI元素和交互设计,帮助开发者高效地搭建功能完备、美观的...

    act-tpl:活动模板

    "act-tpl:活动模板" 是一个用于创建活动页面的模板项目,主要包含了一系列前端资源文件,便于快速构建和维护活动页面。这个模板项目的主要特点和相关知识点如下: 1. **目录结构**: - `css`:这个目录用于存储CSS...

    oralce 导入导出授权创建表空间名

    根据提供的文件信息,我们可以梳理...通过以上步骤,我们可以有效地在Oracle数据库中进行用户管理、表空间管理和数据的导入导出操作。这些操作对于数据库的日常维护非常重要,能够帮助我们更好地管理和利用数据库资源。

    generator-easy-npm-tpl::martial_arts_uniform:npm 包目录生成器

    生成器-简单-npm-tpl一个生成指定npm包目录结构的generator安装首先,使用安装和generator-easy-npm-tpl(我们假设您已经预装了 )。 npm install -g yonpm install -g generator-easy-npm-tpl 然后生成您的新项目:...

    HTML输入文件风格自定义Dropify.zip

     tpl: {  wrap: ' class="dropify-wrapper"&gt;&lt;/div&gt;',  message: ' class="dropify-message"&gt; class="file-icon" /&gt; &lt;p&gt;{{ default }}&lt;/p&gt;&lt;/div&gt;',  preview: ' class="dropify-preview"&gt; class=...

    TPL0501EVM数字电位器.pdf

    数字电位器TPL0501EVM是一款单通道、线性滑动的数字电位器,具备256个滑动位置。它可以作为三个端子的电位器使用,也可以作为两个端子的变阻器使用。TPL0501的终端间电阻为100kΩ,内部寄存器可以通过SPI兼容的接口...

Global site tag (gtag.js) - Google Analytics