williamraym

EasyJWeb 1.1快速体验-ExtJS without javascript

        新年刚过,EasyJWeb发布了1.1版本,该个版本主要于EasyJWeb的Ajax支持功能进行了加强,并在EasyJWeb 扩展项目中提供一套Rich Component实现,同时对上一版本中存在的一些Bug及网友们提的一些功能进行完善及改进。
 由于之前用ExtJS做了几个项目,并且给大家开源了一个wlr.easyjf.com,而大峡同学尽然把我提供的wlr.easyjf.com开源版本用java重写了一遍,让我费尽心思写的那些javascript效果都消失了,感到惊叹的同时又有点可惜。
 对于很多正在为学ExtJS的朋友们来说,EasyJWeb 1.1的推出可以算是一个非常好的消息,只需要写java代码,就能给你的Java EE应用穿上艳丽的ExtJS外套。想起Rod的“J2EE without EJB”,我发现用“Ext without javascript”来形容EasyJWeb 1.1中的Rich Componet非常适合。
 废话不多说,下面让我们直接进入EasyJWeb 1.1的快速体验吧。
 
 下载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应用。

posted on 2008-02-18 17:57 WilliamRaym 阅读(1354) 评论(5)  编辑  收藏

评论

# re: EasyJWeb 1.1快速体验-ExtJS 2008-02-18 18:33 久城

有点儿意思!~
有点儿对EasyJWeb感兴趣了.....
你们的框架免费不?  回复  更多评论   

# re: EasyJWeb 1.1快速体验-ExtJS without javascript 2008-02-18 20:55 匿名

真正复杂的不是这些,而是响应用户的动作,用这种很难做到发送和响应ajax请求吧?  回复  更多评论   

# re: EasyJWeb 1.1快速体验-ExtJS without javascript 2008-02-19 13:43 WilliamRaym

框架是免费的哈
  回复  更多评论   

# re: EasyJWeb 1.1快速体验-ExtJS without javascript 2008-02-19 13:46 WilliamRaym

响应AJAX处理不是很难的问题吧  回复  更多评论   

# re: EasyJWeb 1.1快速体验-ExtJS without javascript 2008-02-20 16:02 tangkf

我还是习惯直接写JS代码
感觉用JAVA来生成JS代码实际走了一条弯路
不过对于,不习惯写JS的用户来说确实不错~~~  回复  更多评论   


只有注册用户登录后才能发表评论。


网站导航:
 
<2008年2月>
272829303112
3456789
10111213141516
17181920212223
2425262728291
2345678

导航

统计

常用链接

留言簿(6)

随笔档案

搜索

最新评论

阅读排行榜

评论排行榜