Lite XML 1.0 正式发布－－可以放心使用了

程序员文章站 2022-04-28 14:15:28

...

Lite XML 是一款简单，高效，功能强大，兼容多种编程环境的模板语言，他独特的设计让他轻松跨越多种不同的运行环境。

前端模板的创新模式，让模板语言在浏览器上变得实用，引领前端编程的新思路，新方法。

目前开放的版本中：Java，JavaScript，相对成熟，欢迎大家在自己产品中运用。

如果您有兴趣完善我们的其他版本实现，欢迎与我们联系。

相对以前发布的Beta版本，它经过了更多的实践验证，修复一些表达式函数的问题，也有一点新功能改进（模板多层继承）：

模板多层继承简介

实例代码：http://lite.googlecode.com/svn/tags/Lite-1_0/web/example/

效果演示：http://www.xidea.org/project/lite/test.php/example/block.xhtml

实现功能：通过多层继承，逐层修改共享布局的内容。达到更好的代码共用。同时，Lite XML的继承，不仅可以针对模板，也可以针对页面元素。

子模板(block.xhtml)：

文档本身继承block-super1.xhtml,文档中有个园角功能，通过节点继承实现。

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<c:extends xmlns='http://www.w3.org/1999/xhtml' xmlns:c="http://www.xidea.org/ns/lite/core"
	path="block-super1.xhtml">
	<c:block name="content">
		<div class="content">
                        <!-- 节点也可以继承 -->
			<c:extends path="block-box.xhtml">
					<c:block name="box-content">
						<div>
							内容(test-block.xhtml)
						</div>
					</c:block>
			</c:extends>
		</div>
	</c:block>
</c:extends>

园角实现父模板（block-box.xhtml）:

<div style="min-height:300px;border:4px solid red;-moz-border-radius: 10px"
 xmlns:c="http://www.xidea.org/ns/lite/core">
	<div>测试标题</div> 
	<c:block name="box-content">
		<div>
			园角实现
		</div>
	</c:block>
</div>

父模板（block-super1.xhtml）：

<c:extends xmlns='http://www.w3.org/1999/xhtml' xmlns:c="http://www.xidea.org/ns/lite/core"
    path="block-super2.xhtml">
    <c:block name="body">
        <div>
            <c:block name="menu">
                <div class="menu">
                    左菜单(test-block-super1.xhtml)
                </div>
            </c:block>
            <c:block name="content">
                <div class="content">
                    内容(test-block-super1.xhtml)
                </div>
            </c:block>
        </div>
    </c:block>
</c:extends>

父模板（block-super2.xhtml）

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns='http://www.w3.org/1999/xhtml' xmlns:c="http://www.xidea.org/ns/lite/core">
	<head>
		<title>测试块继承</title>
		<style>
			div{
			border:2px solid blue;
			}
			.menu,.content{
			float:left;
			width:45%;
			}
		</style>
	</head>
	<body>
		<c:block name="header">
			<div>Header</div>
		</c:block>
		<c:block name="body">
			<div>
				内容(test-block-super2.xhtml)
			</div>
		</c:block>
	</body>
</html>

在线测试：

http://www.xidea.org/project/lite

webstart测试：

http://www.xidea.org/webstart/JSide.jnlp

下载：

http://code.google.com/p/lite/downloads/list

更多文档见：
http://code.google.com/p/lite/w/list