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 閱讀(1368) 評論(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)

          隨筆檔案

          搜索

          最新評論

          閱讀排行榜

          評論排行榜

          主站蜘蛛池模板: 闻喜县| 泰宁县| 阿坝| 威宁| 岐山县| 侯马市| 佛学| 资讯 | 金寨县| 龙江县| 虹口区| 翁牛特旗| 上栗县| 芮城县| 德令哈市| 班戈县| 淮滨县| 淮安市| 嘉义县| 威海市| 公主岭市| 都安| 东至县| 呼和浩特市| 天柱县| 凤城市| 修武县| 涞水县| 伊川县| 兴宁市| 棋牌| 吉林省| 茂名市| 定结县| 昌黎县| 屯门区| 武山县| 会东县| 北碚区| 乌海市| 轮台县|