<rt id="bn8ez"></rt>
<label id="bn8ez"></label>

  • <span id="bn8ez"></span>

    <label id="bn8ez"><meter id="bn8ez"></meter></label>

    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)

    隨筆檔案

    搜索

    最新評論

    閱讀排行榜

    評論排行榜

    主站蜘蛛池模板: 一级做α爱过程免费视频| 亚洲最大的成人网| 亚洲人色婷婷成人网站在线观看| 亚洲欧美日本韩国| 一级白嫩美女毛片免费| 国产一级淫片a免费播放口之| 成在线人视频免费视频| 中国在线观看免费的www| 国产亚洲精品自在线观看| 久久精品亚洲一区二区三区浴池 | 激情97综合亚洲色婷婷五| 亚洲国产成人久久综合一| 亚洲日本VA午夜在线影院| 91精品免费在线观看| 免费A级毛片无码久久版| 久久av无码专区亚洲av桃花岛| 亚洲专区一路线二| 免费毛片毛片网址| xx视频在线永久免费观看| 亚洲无码日韩精品第一页| 亚洲乱码日产精品BD在线观看| 亚洲精品在线播放视频| 美女免费视频一区二区三区| 99久久国产热无码精品免费| 亚洲在成人网在线看| 久久青草免费91线频观看不卡| 久久九九全国免费| 免费一级毛片一级毛片aa| 国产免费A∨在线播放| 高清在线亚洲精品国产二区| 亚洲国产精品自在在线观看| 四虎精品视频在线永久免费观看| 久久亚洲国产精品123区| 三年在线观看免费观看完整版中文| 在线免费视频一区| 久久青青成人亚洲精品| 美女巨胸喷奶水视频www免费| 免费黄色小视频网站| 久久亚洲精品人成综合网| 日韩免费高清视频| 亚洲制服丝袜精品久久|