twMVC#17 | 使用Angular.js開發大型系統架構
0 likes346 views
本文介绍了使用 Angular.js 开发企业级应用程序的优点，包括其开源特性和良好的测试支持。它强调了Angular.js在单页应用程序（SPA）开发中的优势，并讨论了依赖性注入、双向数据绑定和表单验证等功能的实现。最后，文档提到采用 Angular.js 可提高代码的可维护性和开发效率。
twMVC#17 | 使用Angular.js開發大型系統架構
- 2. http://mvc.tw 91mai就要買資深軟體工程師 JSDC 2013 講師 TechDay 2014 講師 IT邦幫忙鐵人賽優選 • 使用Jenkins打造.Net CI Server(2012) • 使用Asp.Net MVC打造Api(2013) 講者介紹 – 陳鋒逸（小風） 2
- 5. 使用JQuery製作表單
- 11. 使用Angular.js製作表單
- 13. 套版快 分工明確 好維護 小結 13
- 14. 14 更方便的開發方式
- 16. 靈異現象?
- 21. 四字真言 會 動 就 好
- 24. • 缺少Coding Standard • 沒有統一的開發流程 • 每個人使用不同的寫法 • 程式碼零散不明確 混亂的根源
- 26. 單向繫結 Model Template+ View One Way Binding
- 27. 雙向繫結 Model Template+ View Two Way Binding 追蹤更新
- 28. 把複雜的語法打包
- 29. 好找的程式碼
- 30. • 廣告編輯器 Demo
- 31. • 編輯同時預覽 • 不用JavaScript • 動態換廣告樣式 海報產生器
- 32. • 決定欄位 • 套上Directive • 收工！ 快速完成表單
- 33. • 修改就可以看到效果 連動更新
- 34. 內建角色 雙向繫結 化繁為簡 小結
- 35. 35 提供良好的彈性
- 36. 可組合的設計 (DI) 36
- 43. • 切換資料來源 Demo
- 44. • 前後端並行 商品展示頁
- 48. DOM自己取名 功能可抽換 前後端並行 小結 48
- 49. 49 強大的火力支援
- 50. 具備網頁開發常用的工具庫 jqLite – 基本的JQuery Selector $http – 進行XHRRequest $resource – 與Restful溝通 ngAnimate – 套用動畫效果 ngRoute – SPA應用程式的實現
- 52. 容易使用 可分頁的Grid
- 53. 容易使用 資料 繫結 +
- 57. 內建常用功能 許多現成套件 簡單易用 小結 57
- 58. 58 輕鬆的表單驗證
- 59. http://mvc.tw 簡單的加上驗證 Required ng-minlength ng-maxlength ng-pattern 自訂驗證 required ng-minlength="5" ng-maxlength="30" 錯誤提示訊息
- 60. 可共用的驗證訊息 60
- 64. 64 支援自動化測試
- 65. 我以為工作後測試軟體是…
- 66. 實際上測試軟體有點像……
- 67. 為什麼需要自動化測試？
- 71. • 自動化測試 Demo
- 72. 減少重複的動作 省下大量的時間 多瀏覽器支援 小結 72
- 73. 73 總結
- 74. 關注點分離（SoC） 架構設計良好（SOLID） 程式碼好維護 社群活動踴躍 相容性極佳 選擇Angular.js的理由 74
- 75. 工商服務 75 公司介紹 http://goo.gl/6P7FmV 工作機會 http://goo.gl/sp9JPj • APP開店平台 • PC、Mobile Web、IOS、Android一次搞定 • 誠徵 • F2E • .Net Developer (Asp.Net Mvc) • Ohters
- 76. http://mvc.tw 好活動需要支持 感謝 KKTIX 贊助 twMVC 活動報名平台 76
- 77. http://mvc.tw 好輸入法需要露出 77 http://skilltree.my/Sponsor/xin_zi_ran
- 79. 謝謝各位 • 本投影片所包含的商標與文字皆屬原著作者所有。 • 本投影片使用的圖片皆從網路搜尋。 • 本著作係採用姓名標示-非商業性-相同方式分享 3.0 台灣授權。閱讀本授權條款，請到 http://creativecommons.org/licenses/by-nc-sa/3.0/tw/，或寫信至Creative Commons, 444 Castro Street, Suite 900, Mountain View, California, 94041, USA. h t t p : / / m v c . t w