EasyJWeb 1.1快速體驗－ExtJS without javascript

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