新年剛過(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)目,并且給大家開源了一個(gè)wlr.easyjf.com,而大峽同學(xué)盡然把我提供的wlr.easyjf.com開源版本用java重寫了一遍,讓我費(fèi)盡心思寫的那些javascript效果都消失了,感到驚嘆的同時(shí)又有點(diǎn)可惜。
對(duì)于很多正在為學(xué)ExtJS的朋友們來(lái)說(shuō),EasyJWeb 1.1的推出可以算是一個(gè)非常好的消息,只需要寫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)單的樹",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。不出意外的話可以看到如下圖所示的效果:
怎么樣,不用寫一句javascript,只需要在Action簡(jiǎn)單的創(chuàng)建幾個(gè)Rich Componet,然后即可讓客戶端瀏覽到漂亮的Ext界面。
不用寫javascript就能讓應(yīng)用有艷麗的外觀,這對(duì)我們搞java開發(fā)的來(lái)說(shuō)確實(shí)是一個(gè)福音,看了一下源代碼,發(fā)現(xiàn)這一版本的Rich Componet集成還不夠完善,問(wèn)了大峽說(shuō)還在改進(jìn)之中,不過(guò)感覺已經(jīng)非常好用了,希望有興趣的朋友們一起來(lái)完善。
有興趣可以參考http://wlr2.easyjf.com/直接用java就能寫出漂亮的基于ExtJS等客戶端框架的Ajax應(yīng)用。