看完了 WebWork 支持 Ajax 的 presentation
(http://wiki.opensymphony.com/download/attachments/2179/AJAX.ppt),感覺相當的失望。
WebWork 對于 Ajax 的支持主要是通過引入新的 tag 來實現的。但是根據目前的文檔看來,這幾個 tag 的能力還相當有限。這些 tag 能做幾件事情:
1、動態刷新頁面中的某一部分。這一部分封裝在一個 div 中,通過輪循方式或者事件觸發的方式來改變其內容。理論上可以在 div 內放入任何內容。
2、通過一個 a 超鏈接或 submit 按鈕來執行一段 JavaScript,并且可以觸發一個事件。事件模型是由 DOJO 庫來定義的。
3、可以生成 tabbed pane,使用 tab 切換不同的內容,也可以在切換的同時觸發一個事件。
4、還有一個 tree 控件,同樣使用 WebWork 新增的 tag 來生成和配置。
目前看來基本上只能做這幾件事情。如果要做更復雜的事情,只能自己編寫 JS 代碼調用 DOJO 或者第三方庫的功能。這幾件事情都是相當容易的 Ajax 技巧,沒有一件是必須要使用 tag 這樣丑陋的方式來實現的。我們來看看 WebWork 作者的一段實例代碼:
<#list categories as cat>
<#if cat.children.size > 0>
<#assign icon="plus"/>
<#else>
<#assign icon="square"/>
</#if>
<@ww.a notifyTopics="children_${cat.id}"
href="toggle.action?id=${cat.id}">
<img src="${icon}.gif"/>
</@ww.a>
[EXAMPLE CONTINUED]
</#list>
這是 WebWork 支持的一個 tree 控件的一部分代碼。
在我看來這段代碼實在是難看的要死。本來我要把頁面中的邏輯,就是 behaviour 分離到獨立的 js 文件中的,現在又多了這么一堆服務器端的邏輯!我就是很討厭在 html 里面嵌入一大堆邏輯,無論是服務器端執行的還是瀏覽器端執行的。html 里面應該只有 structure!
WebWork 使用的 Dojo 庫目前還缺少很重要的一塊——對于 DataGrid 的支持。DataGrid 是 B/S 架構企業應用表示層的核心組件,也差不多是開發量最大的組件。沒有對于 DataGrid 的支持,怎么看都像是個玩具。目前已經有開源的 ActiveGrid(http://www.activegrid.com)可以做這件事情,如果熟悉 JavaScript 的話可以直接調用。
還有一個問題,WebWork 的 tag 生成的代碼中含有大量的 table,如果想用 CSS 做布局,看來是不太可能了。
怎么樣?看上去很美,Java 程序員不需要學習任何 JavaScript,全部使用 tag 就可以達到 Ajax 的效果。問題就是這個目標是否真的現實。況且,還有大量根本就不喜歡使用 tag 的 Java 程序員呢?
(http://wiki.opensymphony.com/download/attachments/2179/AJAX.ppt),感覺相當的失望。
WebWork 對于 Ajax 的支持主要是通過引入新的 tag 來實現的。但是根據目前的文檔看來,這幾個 tag 的能力還相當有限。這些 tag 能做幾件事情:
1、動態刷新頁面中的某一部分。這一部分封裝在一個 div 中,通過輪循方式或者事件觸發的方式來改變其內容。理論上可以在 div 內放入任何內容。
2、通過一個 a 超鏈接或 submit 按鈕來執行一段 JavaScript,并且可以觸發一個事件。事件模型是由 DOJO 庫來定義的。
3、可以生成 tabbed pane,使用 tab 切換不同的內容,也可以在切換的同時觸發一個事件。
4、還有一個 tree 控件,同樣使用 WebWork 新增的 tag 來生成和配置。
目前看來基本上只能做這幾件事情。如果要做更復雜的事情,只能自己編寫 JS 代碼調用 DOJO 或者第三方庫的功能。這幾件事情都是相當容易的 Ajax 技巧,沒有一件是必須要使用 tag 這樣丑陋的方式來實現的。我們來看看 WebWork 作者的一段實例代碼:
<#list categories as cat>
<#if cat.children.size > 0>
<#assign icon="plus"/>
<#else>
<#assign icon="square"/>
</#if>
<@ww.a notifyTopics="children_${cat.id}"
href="toggle.action?id=${cat.id}">
<img src="${icon}.gif"/>
</@ww.a>
[EXAMPLE CONTINUED]
</#list>
這是 WebWork 支持的一個 tree 控件的一部分代碼。
在我看來這段代碼實在是難看的要死。本來我要把頁面中的邏輯,就是 behaviour 分離到獨立的 js 文件中的,現在又多了這么一堆服務器端的邏輯!我就是很討厭在 html 里面嵌入一大堆邏輯,無論是服務器端執行的還是瀏覽器端執行的。html 里面應該只有 structure!
WebWork 使用的 Dojo 庫目前還缺少很重要的一塊——對于 DataGrid 的支持。DataGrid 是 B/S 架構企業應用表示層的核心組件,也差不多是開發量最大的組件。沒有對于 DataGrid 的支持,怎么看都像是個玩具。目前已經有開源的 ActiveGrid(http://www.activegrid.com)可以做這件事情,如果熟悉 JavaScript 的話可以直接調用。
還有一個問題,WebWork 的 tag 生成的代碼中含有大量的 table,如果想用 CSS 做布局,看來是不太可能了。
怎么樣?看上去很美,Java 程序員不需要學習任何 JavaScript,全部使用 tag 就可以達到 Ajax 的效果。問題就是這個目標是否真的現實。況且,還有大量根本就不喜歡使用 tag 的 Java 程序員呢?