您的位置:首页 > Web前端 > JavaScript

EasyJWeb 1.1快速体验-ExtJS without javascript

2009-02-24 22:12 239 查看
EasyJWeb1.1版本,该个版本主要于EasyJWeb的Ajax支持功能进行了加强,并在EasyJWeb 扩展项目中提供一套Rich Component实现。 开源:wlr.easyjf.com。EasyJWeb 1.1的推出,只需要写java代码,就能给你的Java EE应用穿上艳丽的ExtJS外套。用“Ext without javascript”来形容EasyJWeb 1.1中的Rich Componet非常适合。

正文:
下载EasyJWeb 1.1,地址:

easyjweb-1.1.zip 22.0M 有依赖包
easyjweb-1.1-without-dependencies.zip 5.42M 无依赖包

2、解压下载的文件,切换进命令进入EasyJWeb1.1主目录的bin目录,如下图所示:
3、执行easyjweb project d:/test/demo –extjs,将会在d:/test/demo中生成一个空的项目。
4、在Eclipse中导入刚才用命令建立的demo项目。
5、在myapp.action中添加一个SimpleAction,继承RichComponetAction
6、添加一个方法doGrid,代码如下:
public Page doGrid() {
ViewPort view = new ViewPort();
GridPanel grid = new GridPanel("grid", "数据表格",500,100);
grid.setColumns(new String[]{"id","姓名","出生日期","email"});
view.add(grid);
this.addComponent(view);
return componentPage;
}
7、然后使用命令行切换到d:/test/demo/bin 目录,输入easyjweb war
8、把生成的demo.war文件拷到tomcat的webapps目录,启动tomcat。
9、使用http://localhost:8080/mini/simple.ejf?cmd=grid,可以看到效果。
10、在SimpleAction中加入一个doTree方法,代码如下:
public Page doTree() {
ViewPort view = new ViewPort();
TreePanel tree=new TreePanel("tree","简单的树",200);
TreeNode root=new TreeNode("root","根");
root.add(new TreeNode("c1","孩子1"));
root.add(new TreeNode("c2","孩子2"));
root.getChildNodes().get(1).add(new TreeNode("c3","孙子"));
tree.setRoot(root);
view.add(tree);
this.addComponent(view);
return componentPage;
}
11、重复第7步重新打包项目,再发布,运行,输入http://localhost:8080/mini/simple.ejf?cmd=tree。不出意外的话可以看到效果:
不用写一句javascript,只需要在Action简单的创建几个Rich Componet,然后即可让客户端浏览到漂亮的Ext界面。

不用写javascript就能让应用有艳丽的外观,这对我们搞java开发的来说确实是一个好事,这一版本的Rich Componet集成还不够完善,希望有兴趣的朋友们一起来完善。

有兴趣可以参考http://wlr2.easyjf.com/直接用java就能写出漂亮的基于ExtJS等客户端框架的Ajax应用。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: