写了个纯对象化的,代替Tiles和SiteMesh的布局工具jWebBox(已开源),大家评一评

drinkjava

浏览: 21606 次
性别:
来自: 0

最近访客更多访客>>

博主相关

博客

微博

相册

留言

关于我

文章分类

全部博客 (4)

社区版块

存档分类

JSP Spring Eclipse 编程 IDE

项目在 http://sourceforge.net/projects/jwebbox
解压后里面有个war包，扔到Tomcat6.0目录下就可以了，这是个很小的包，里面没有引用其它包，绝对能跑起来。
主要特点: 实现了Tiles的类似功能，完全对象化，无需配置，直接在页面可动态生成其它页面组件(称做Box),从此，面向对象的那一套什么继承接口之类的，就可以放手用在页面布局上了。多说无益，还是看看代码吧：
JSP源码示例一:
(注：新版演示中jsp中源码已移到单独类中，但道理是一样的，以下内容是针对1.0版的,为了省打几个字就不把新版内容贴上来了，有兴趣的可自已去下载)

<%@page import="com.jwebbox.Box"%>
<%
	class HomePage extends Box{
	public void init(){
	this.setPage("/MainLayoutBox.jsp");	
	this.putBox("top", new Box("/menu.jsp").setAttribute("msg","(Demo3: show how to extends a Box)"));
	this.putBox("left", new Box().addRunable("/alex.jsp"));
	this.putBox("right", new Box("/david.jsp"));
	this.putBox("bottom", new Box("/james.jsp"));
	}
}	
	class OtherPage extends HomePage{}
    new OtherPage().putBox("right",new Box("/peter.jsp")).putBox("bottom",new Box()).show(pageContext);;
%>

   以上代码先生成一个Box对象，再设它的模板为MainLayoutBox.jsp, 然后给它上下左右栏赋值, 然后是另一个类继承于它并生成一个实例，修改父类的属性后调用show()方法显示出来。页面截图见附图第一张。可见，这个布局方法直接了当，不要任何配置文件。为了演示，我将代码直接写在jsp中,其实也可以抽出来写到单独的java文件中。
   以上源码中引用到的JSP布局模板文件源码如下：

<%@page import="com.jwebbox.Box"%>
<!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">
<head>
<style type="text/css">
<!--
#temp_content {width: 900px; margin: auto; background-color:#EEEEEE;}
#temp_content #temp_left {margin: 10px; width: 500px; float: left; background-color:#CCFFCC; }
#temp_content #temp_bottom {clear: both; margin: 10px;background-color:#9999CC;}
#temp_content #temp_top {margin: 10px;background-color:#99CCCC;}
#temp_content #temp_right {margin: 10px; float: right; width: 350px;background-color:#FFFFCC;}
-->
</style>
</head>
<%
	Box m = Box.getBox(pageContext);
%>
	<body>
		<div id="temp_content">
			<div id="temp_top">
				<div align="center">
				<%m.getBoxFromMap("top").show(pageContext);	%>
				</div>
			</div>
			<div id="temp_left">
				<%m.getBoxFromMap("left").show(pageContext);%>
			</div>
			<div id="temp_right">
				<%m.getBoxFromMap("right").show(pageContext);%>
			</div>
			<div id="temp_bottom">
				<div align="center">
				<%m.getBoxFromMap("bottom").show(pageContext);%>
				</div>
			</div>
		</div>
	</body>
</html>

这是一个常见的四栏布局，就不多说了。

JSP源码示例二:

<%@page import="com.jwebboxtest.GetSportsController"%>
<%@page import="com.jwebbox.Box"%>
<%@page import="com.jwebbox.TableBox"%>
<%
	class HomePage extends Box{
	public void init(){
	this.setPage("/MainLayoutBox.jsp");	
	TableBox table = new TableBox(null,GetSportsController.class);
	table.setAttribute("name","tom");	
	table.setRow(30);
	table.setCol(1);
	table.setElementBox(new Box("/tom.jsp"));
	table.setRenderBox(new Box("/tomRender.jsp").setAttribute("title","Hi, I'm Tom"));
	this.putBox("top", new Box("/menu.jsp").setAttribute("msg","(Demo2: show how to initializ params and use your render page.)"));
	this.putBox("left", new Box().addRunable("/alex.jsp").addRunable(table).addRunable("/peter.jsp"));
	this.putBox("right", new Box().addRunable("/david.jsp").addRunable("/peter.jsp").addRunable("/james.jsp"));
	this.putBox("bottom", new Box("/peter.jsp"));
	}
}	
	new HomePage().show(pageContext);
%>

以上代码主要演示了一个TableBox的用法，这个TableBox是继承于Box的一个子类，用于表格的显示，效果图见附图2。这个演示还涉及到tomRender.jsp,tom.jsp,GetSportsController.class三个文件，tomRender.jsp是一个表格的模板(如不给出模板，系统会使用默认自带的一个html格式), tom.jsp是要显示元素的模板，另一个文件GetSportsController.class 相当于Tiles中的Controller,用于生成数据，用过Tiles的都知道，我就不多讲了，源码如下

public class GetSportsController implements BoxController {
	static final String[] sports = { "basketball", "soccer", "vollyball" };

	public void execute(PageContext pageContext, Box box) {
		TableBox table = (TableBox) box;
		String name = (String) table.getAttribute("name");
		List<Object> l = new ArrayList<Object>();
		for (int i = 1; i <= table.getCol() * table.getRow(); i++) {
			l.add(new String[] { name, String.valueOf(i), sports[i % 3] });
		}
		table.setElementList(l);
	};
}

   和Tiles中的Controller是类似的,上面实际上和一个分页查询的逻辑是类似的。另外Box类和Tiles一样，也可以指定一个ControllerURL来往Request里压数据。我编写TableBox的主要目的是验证一下Box基类的作用，同样的道理，以后编写其它页面组件应该也不难，这里面用对象编程的好处就体现出来了。
   有兴趣的同志们可以当下来试一试。只要是JSP页面，这个布局工具就能用，唯一要做的就是把jwebbox1_0.jar这个包扔到WEB-INF/Lib目录下。
   目前还是1.0版，错误肯定不少，欢呼大家指正。我今后初步的打算是在它的单例化、序列化上做一些改进，如果有时间，再加一些分页条，Tree等组件进来, 本来只想做一个布局工具的，不知不觉要做成组件包了，也不知道是好还是坏,但有一点可以肯定的是，这些组件在Eclipse中只要敲个点号，就会有代码提示，并有编译检查，绝对比标签好用。

查看图片附件

分享到：

征求开源脚手架项目发起人 | 一个用Delphi做的通用UI功能测试方案,大家 ...

2008-02-02 07:35
浏览 1643
评论(6)
论坛回复 / 浏览 (5 / 4035)
分类:企业架构
查看更多

6 楼 drinkjava 2008-02-09

因本人能力及时间有限,现征求项目合作者,完成一些组件如PaginationBox、TreeBox、TextBox等,有意者请跟贴或Email给我，谢谢!

5 楼 drinkjava 2008-02-05

fade-out 写道

你设想的功能最好用taglib实现，或者简单点用tag file来实现

用taglib的缺点：
1)不能利用到eclipse的编译检查、方法调用自动提示、重构功能。
2)不能方便地Ctrl+右键查看源代码(我把源码已打到jar包里了)
3)不能使用继承接口等面向对象特性，这个工具其实不光是用在布局上，另一个重点是做组件，从源码中可以看到extends一个Box类可以很容易实现一个table组件，(用Tiles来做也是可以的，但代码要复杂得多)，用了taglib之后，这个特性就不可能实现了。
4)通过IDE的自动提示，本身就有不言自明的效果，方法调用的参数、类型及注释一目了然，无须再单独写Taglib使用说明

顺提一下，项目已升级到1.10版，主要加了一个name属性和删除了putBox方法(用setAttribute代替),另外,考虑到有人看不惯jsp中塞大段大段的代码，把演示程序中的java代码移到了单独的类中，现在是这个样子了：
<%@page import="com.demo.boxes.Demo1Box"%>
<%
new Demo1Box().show(pageContext);
%>
或也可写成一句话 <% new com.demo.boxes.Demo1Box().show(pageContext);%>
这和用taglib又有多大区别呢？反正我是一直很讨厌用Taglib的。
另外的一个因素是：类的初始化是可以放在spring中做的，如果想要可配置，将来可以考虑用spring来配置页面。我没用过SpringMVC,但大概知道一点，它哪个跟我这个干的不是同一个事。

4 楼 fade-out 2008-02-04

你设想的功能最好用taglib实现，或者简单点用tag file来实现

3 楼 drinkjava 2008-02-02

iamlibo 写道

现在这种在JSP中写代码的方法还有人用吗？如果能换成其他的方式可能会更好。

适适相反,我第一段里不是说了为了演示方便才直接在JSP中写代码的,你要高兴,完全可以把这些代码写成一个类, 然后在JSP中一个 <%new XXXBox().show()%>就完了, 极端起来，甚至可以在业务层动态创建一个Box对象或其子类，然后再返还到JSP层去显现，纯对象化的优点就是干这个的。尤其当碰到用户自定义页面的时候，你就会体验到它的好处了。
示例中JSP主要还是作布局模板和修饰模板，完全是充当表现层。至于那种连很简单的<%%>单行代码都不许的做法，一定要用标签来干，只能用走火入魔来形容了。

2 楼 weifly 2008-02-02

支持一下，希望这个项目能有更好的发展！
其实，在JSP中写Java代码并没有什么坏处，只要这些代码不是业务相关的就可以了
我觉得最重要的是实用性，好用才能有好的发展

1 楼 iamlibo 2008-02-02

现在这种在JSP中写代码的方法还有人用吗？如果能换成其他的方式可能会更好。

发表评论

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

最近访客更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论