KSDG_007_Web 編程另闢蹊徑-GWT,Dart,TypeScript介紹與比較
0 likes662 views
本文讨论了GWT、Dart和TypeScript等编程语言的历史、特点及个人观点。GWT作为一款成熟的Java到JavaScript编译工具，Dart引入了新的编程思路，而TypeScript则增强了JavaScript的功能。文中同时探讨了这些语言的优缺点以及未来发展趋势。
KSDG_007_Web 編程另闢蹊徑-GWT,Dart,TypeScript介紹與比較
- 1. 編程另闢蹊徑 、 、 介紹與比較
- 3. 以下介紹按先後發佈順序介紹 3
- 4. 4
- 5. 5
- 6. GWT 歷史回顧 GWT 1.0 (2006) GWT 1.3 (2007) First Open Source Release, OSX support GWT 1.4 (2007) JUnit and ImageBundle GWT 1.5 (2008) Java 1.5 support, Overlay Types, DOM API, CSS Themes, Linkers GWT 1.6 (2009) EventHandlers, EMMA Support, WAR support, Parallelized Builds GWT 1.7 (2009) Newer browser support, IE8, GPE and AppEngine GWT 2.0 (2009) DevMode, DraftCompile, UIBinder, LayoutPanel, CodeSplitter, ClientBundle, CssResource GWT 2.1 (2010) RequestFactory, Editor Framework, Validation, MVP, Cell Widgets GWT 2.2 (2011) GWT Designer, HTML5 support GWT 2.3 (2011) Better AppEngine integration GWT 2.4 (2011) Maven and RequestFactory enhancements GWT 2.5 (2012) Super Dev Mode、Elemental (experimental) 6
- 7. GWT 亮眼事蹟 SDK downloaded over 1 million times 100,000+ Active Developers Deep Integration with Eclipse, IntelliJ, Spring STS/Roo Used by Google products such as AdWords, Flights, Wallet Fun things: GwtQuake, Angry Birds for the Web GWT Today is a mature, high quality, code base. 7
- 8. 分頁 Grid 介紹如何使用EventBus從後端拿資料後，餵給Grid 呈現 public class dejcGridBean { List data = new ArrayList(); {for (int i = 1; i <= 500; i++) { data.add(createVO("使用者" + i, "000" + i));}} // 取得指定起始和限定筆數 public List page(Map info) { int offset = Integer.parseInt(info.get("offset")+""); int limit = Integer.parseInt(info.get("limit")+""); List list = new ArrayList(); Map rtn = new HashMap(); rtn.put(" totalSize" , data.size()); list.add(rtn); //放入回傳筆數 for (int i = offset; i < (offset + limit); i++) {list.add(data.get(i));} Spring Bean GWT Client return list; }} EventBus 8
- 9. 分頁 Grid 原理說明 Grid 分頁元件提供PageToolBar，可點選下頁，進行指定頁數的限定筆數 讀取，和先前Grid差異就在DataLoader物件不同 private BasePagingLoader createDataLoader() { 傳給Spring的參數 RpcProxy proxy = new RpcProxy() { public void load(Object loadConfig, final AsyncCallback callback) { page = (PagingLoadConfig) loadConfig; para.put("offset", page.getOffset()+""); para.put("limit", page.getLimit()+""); Spring回傳資料 EventBus.get().publishRemote(new EventObject(eventId, para), new EventProcess() { public void execute(String eventId, EventObject eo) { List resp = eo.getInfoList(); totalSize = Integer.parseInt((String) resp.remove(0)); 改從Map取得totalSize BasePagingLoadResult b = read(page, resp); callback.onSuccess(b); }}); }}; toolbar = new PagingToolBar(pageSize); BasePagingLoader loader = new BasePagingLoader(proxy); toolbar.bind(loader); return loader; } 9
- 10. 後端Spring元件dejcFormStudyBean Spring元件已經實作完成，可提供GWT前端進行資料的 CRUD，唯此元件只做示範用途，所以資料僅保存在記 憶體。 判斷主鍵 是否存在 10
- 11. Java 社群拿著 Google Web Toolkit 上雲端 11
- 13. M1 13
- 14. 參與V8作者，重新開發Dart語言 14
- 15. Dart A simple and unsurprising OO language Class-based single inheritance with interfaces "Coming from C#, Dart feels natural" "Likely to appeal to Java and JS developers" Optional static types Real lexical scoping (block, method, param, class, lib) Single threaded* Syntactic sugar 15
- 16. 既生瑜，何生亮 JavaScript，Dart 16
- 18. Dart 18
- 19. Google內部對打… 19
- 20. 這樣應該很明顯了… 20
- 21. 最適合開發Web的語言 21
- 22. 其實 Dart 內心OS…幹掉它 22
- 24. TypeScript For JavaScript Programmers 24
- 25. TypeScript 25
- 27. Typescript、Dart 27
- 28. 大家都以Browser為中心 28
- 33. 未來發展 Dart 如果有3~5年計畫，可 以衝衝看! 33
- 35. 未來發展 TypeScript OpenSource、微軟強大 支持~ 35
- 36. 未來發展 TypeScript 會朝向ECMA6標準前進 36
- 37. 語法亮點 37
- 38. 擁有套件 38
- 39. 未來發展 39
- 40. 40