扩展Beetl标签,支持父子嵌套和脚本绑定

最新推荐文章于 2021-10-09 16:14:46 发布

weixin_34055910

最新推荐文章于 2021-10-09 16:14:46 发布

阅读量172

点赞数

文章标签： git

原文链接：https://my.oschina.net/xiandafu/blog/413529

版权

为什么80%的码农都做不了架构师？>>>

工程例子在 https://git.oschina.net/xiandafu/beetl-json

安装

TAG.htmltag= com.beetl.tagext.HTMLTag
TAG.htmltagvar= com.beetl.tagext.HTMLVarBindingTag

例子

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>复杂的标签实现演示</title>
</head>
<body>

<p> 简单例子 <p>
<#simple>hello</#simple>

<p> 绑定例子 <p>
<#data var="name,index">
name=${name},index=${index}.
</#data>


<p>标签嵌套例子</p>
<%
var data = [{id:1,name:'你好'},{id:2,name:'他好'}];
%>
<#table data="${data}" var="row">
<#tr name="编号">${row.id}</#tr>
<#tr name="名称">${row.name}</#tr>
</#table>
</body>
</html>

让我们看看如何实现的

simple 标签

<h2>${tag.body}</h2>

与内置不同，获得标签体是调用tag.body, 也就是tag.getBody()方法

data 标签

data标签需要绑定变量，因此会在data.tag 脚本里调用本地方法@tag.binds 来绑定，然后tag.body执行，此处例子执行2次

<%
var name="ok";
var index = 1;
//绑定
@tag.binds(name,index);
for(var i=0;i<2;i++){
//执行标签体
%>
${tag.body} 
<%}%>

table 标签

可以调用tag.children获得标签体，然后分别执行标签体内容

<%
var trs = tag.children;
%>
<table>
<!--  显示表头 -->
<tr>
<% 
for(tr in trs){%>
<td><h2>${tr.name}</h2></td>
<%} %>
</tr>
<!--  显示数据 -->
<% for(row in tag.data) { 
//先绑定变量，这样tr能使用
@tag.binds(row);
%>
<tr>
<% for(tr in trs){ %>
    <td >${tr.body}</td>
<% } %>
<tr>
<%   } %>
</table>

转载于:https://my.oschina.net/xiandafu/blog/413529