`
Linuxboy
  • 浏览: 76976 次
  • 来自: ...
社区版块
存档分类
最新评论

sitebricks 学习笔记之Decoration

sitebricksdecorationlayout 
阅读更多

sitebricks 的 decoration是类似于apache tapestry 的layout布局这样的一个“brick”。

关于decoration的具体用法，在sitebricks的主页上有一个示例：http://sitebricks.org/#decoration

用法并不复杂，概括起来，主要有以下几个关键点是需要注意的：

1、建立模板class和html，比如：Decorator.html & Decorator.class，模板类必须为抽象类。

 

@Show("Decorator.html")
abstract class Decorator {
}
 

 

2、在模板上设置页面标题，便于通过页面标题区分不同的页面：

 

<html>
<head>
<title>${pageTitle}</title>
</head>
<body>
<span>固定显示的内容。</span>
@Decorated
<div>不同页面将显示的内容。</div>
</body>
</html>

 

 那么在Decorator.class中增加一行代码：

 

@Show("Decorator.html")
abstract class Decorator {
	public abstract String getPageTitle();
}

 

 3、页面类必须使用@Decorated的annotation，并且继承Decorator.class，实现getPageTitle()。

 

@Decorated
public class Home extends Decorator {
	
	@Override
	public String getPageTitle() {
		return "Home Page";
	}
}
 

目前需要解决的问题：

1、当前页的menu block显示特定的css class：即要在Decorator.class中判断是否为当前页，并给Decorator.html中的页面导航菜单加上特定的css class，比如：acitve。

 

<nav id="menu">
<ul>
					<li class="active">
						<a href="/">Home</a>
					</li>
					<li>
						<a href="/flow">Flow</a>
					</li>
					<li>
						<a href="http://google-sitebricks.googlecode.com/svn/trunk">source</a>
					</li>
					<li>
						<a href="http://code.google.com/p/google-guice">guice</a>
					</li>
				</ul>
</nav>

 2、在Decorator.class中获取页面名称，比如Home.class的页面名称“Home”。或许可以通过@Decorated的annotation来获取页面类并取得该类的名称？

分享到：
| 在Excel中计算通话时长
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

Magicbox
Global site tag (gtag.js) - Google Analytics