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应用。

　　推荐人评论

　　新年刚过，EasyJWeb发布了1.1版本，该个版本主要于EasyJWeb的Ajax支持功能进行了加强，并在 EasyJWeb 扩展项目中提供一套Rich Component实现，同时对上一版本中存在的一些Bug及网友们提的一些功能进行完善及改进。