williamraym

          EasyJWeb 1.1快速體驗(yàn)-ExtJS without javascript

                  新年剛過(guò),EasyJWeb發(fā)布了1.1版本,該個(gè)版本主要于EasyJWeb的Ajax支持功能進(jìn)行了加強(qiáng),并在EasyJWeb 擴(kuò)展項(xiàng)目中提供一套R(shí)ich Component實(shí)現(xiàn),同時(shí)對(duì)上一版本中存在的一些Bug及網(wǎng)友們提的一些功能進(jìn)行完善及改進(jìn)。
           由于之前用ExtJS做了幾個(gè)項(xiàng)目,并且給大家開(kāi)源了一個(gè)wlr.easyjf.com,而大峽同學(xué)盡然把我提供的wlr.easyjf.com開(kāi)源版本用java重寫(xiě)了一遍,讓我費(fèi)盡心思寫(xiě)的那些javascript效果都消失了,感到驚嘆的同時(shí)又有點(diǎn)可惜。
           對(duì)于很多正在為學(xué)ExtJS的朋友們來(lái)說(shuō),EasyJWeb 1.1的推出可以算是一個(gè)非常好的消息,只需要寫(xiě)java代碼,就能給你的Java EE應(yīng)用穿上艷麗的ExtJS外套。想起Rod的“J2EE without EJB”,我發(fā)現(xiàn)用“Ext without javascript”來(lái)形容EasyJWeb 1.1中的Rich Componet非常適合。
           廢話不多說(shuō),下面讓我們直接進(jìn)入EasyJWeb 1.1的快速體驗(yàn)吧。
           
           下載EasyJWeb 1.1,地址:

          easyjweb-1.1.zip   22.0M 有依賴包
          easyjweb-1.1-without-dependencies.zip  5.42M 無(wú)依賴包

           2、解壓下載的文件,切換進(jìn)命令進(jìn)入EasyJWeb1.1主目錄的bin目錄,如下圖所示:
           3、執(zhí)行easyjweb project d:\test\demo –extjs,將會(huì)在d:\test\demo中生成一個(gè)空的項(xiàng)目。
           4、在Eclipse中導(dǎo)入剛才用命令建立的demo項(xiàng)目。
           5、在myapp.action中添加一個(gè)SimpleAction,繼承RichComponetAction
           6、添加一個(gè)方法doGrid,代碼如下:
           public Page doGrid() {
            ViewPort view = new ViewPort();
            GridPanel grid = new GridPanel("grid", "數(shù)據(jù)表格",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目錄,啟動(dòng)tomcat。
           9、使用http://localhost:8080/mini/simple.ejf?cmd=grid,可以看到如下圖所示的效果。




           10、在SimpleAction中加入一個(gè)doTree方法,代碼如下:
           public Page doTree() {
            ViewPort view = new ViewPort();
            TreePanel tree=new TreePanel("tree","簡(jiǎn)單的樹(shù)",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、重復(fù)第7步重新打包項(xiàng)目,再發(fā)布,運(yùn)行,輸入http://localhost:8080/mini/simple.ejf?cmd=tree。不出意外的話可以看到如下圖所示的效果:
           
           怎么樣,不用寫(xiě)一句javascript,只需要在Action簡(jiǎn)單的創(chuàng)建幾個(gè)Rich Componet,然后即可讓客戶端瀏覽到漂亮的Ext界面。

           不用寫(xiě)javascript就能讓?xiě)?yīng)用有艷麗的外觀,這對(duì)我們搞java開(kāi)發(fā)的來(lái)說(shuō)確實(shí)是一個(gè)福音,看了一下源代碼,發(fā)現(xiàn)這一版本的Rich Componet集成還不夠完善,問(wèn)了大峽說(shuō)還在改進(jìn)之中,不過(guò)感覺(jué)已經(jīng)非常好用了,希望有興趣的朋友們一起來(lái)完善。
           
          有興趣可以參考http://wlr2.easyjf.com/直接用java就能寫(xiě)出漂亮的基于ExtJS等客戶端框架的Ajax應(yīng)用。

          posted on 2008-02-18 17:57 WilliamRaym 閱讀(1369) 評(píng)論(5)  編輯  收藏

          評(píng)論

          # re: EasyJWeb 1.1快速體驗(yàn)-ExtJS 2008-02-18 18:33 久城

          有點(diǎn)兒意思!~
          有點(diǎn)兒對(duì)EasyJWeb感興趣了.....
          你們的框架免費(fèi)不?  回復(fù)  更多評(píng)論   

          # re: EasyJWeb 1.1快速體驗(yàn)-ExtJS without javascript 2008-02-18 20:55 匿名

          真正復(fù)雜的不是這些,而是響應(yīng)用戶的動(dòng)作,用這種很難做到發(fā)送和響應(yīng)ajax請(qǐng)求吧?  回復(fù)  更多評(píng)論   

          # re: EasyJWeb 1.1快速體驗(yàn)-ExtJS without javascript 2008-02-19 13:43 WilliamRaym

          框架是免費(fèi)的哈
            回復(fù)  更多評(píng)論   

          # re: EasyJWeb 1.1快速體驗(yàn)-ExtJS without javascript 2008-02-19 13:46 WilliamRaym

          響應(yīng)AJAX處理不是很難的問(wèn)題吧  回復(fù)  更多評(píng)論   

          # re: EasyJWeb 1.1快速體驗(yàn)-ExtJS without javascript 2008-02-20 16:02 tangkf

          我還是習(xí)慣直接寫(xiě)JS代碼
          感覺(jué)用JAVA來(lái)生成JS代碼實(shí)際走了一條彎路
          不過(guò)對(duì)于,不習(xí)慣寫(xiě)JS的用戶來(lái)說(shuō)確實(shí)不錯(cuò)~~~  回復(fù)  更多評(píng)論   


          只有注冊(cè)用戶登錄后才能發(fā)表評(píng)論。


          網(wǎng)站導(dǎo)航:
           
          <2008年2月>
          272829303112
          3456789
          10111213141516
          17181920212223
          2425262728291
          2345678

          導(dǎo)航

          統(tǒng)計(jì)

          常用鏈接

          留言簿(6)

          隨筆檔案

          搜索

          最新評(píng)論

          閱讀排行榜

          評(píng)論排行榜

          主站蜘蛛池模板: 佛坪县| 清水河县| 承德市| 富顺县| 菏泽市| 中卫市| 南开区| 如东县| 巴彦县| 梁山县| 南城县| 钦州市| 黑龙江省| 灵川县| 永嘉县| 互助| 巴青县| 即墨市| 芮城县| 泸州市| 安图县| 科技| 神农架林区| 夏津县| 昌平区| 华宁县| 荆门市| 克山县| 汝城县| 诸暨市| 东平县| 北流市| 福海县| 临城县| 沧州市| 滦南县| 定兴县| 微博| 萨嘎县| 晋中市| 罗平县|