Upgrade to Pro — share decks privately, control downloads, hide ads and more …

使用 ASP.NET MVC 開發SPA網站-微軟實戰課程日

twMVC
May 06, 2013

使用 ASP.NET MVC 開發SPA網站-微軟實戰課程日

此為台灣微軟實戰課程日時由 twMVC 的 demo 以及 study4 的 Sky 聯合主講的「使用 ASP.NET MVC 開發SPA網站」

twMVC

May 06, 2013
Tweet

More Decks by twMVC

Other Decks in Technology

Transcript

  1. JSON Controller ( MVC Web API ) Controller ( MVC

    ) View ( MVC ) View HTML & CSS ViewModel JS Model ( JSON ) RESTful ( Get ) RESTful (Post) Binding Use RESTful (Delete) RESTful (Put) 渲染 Post Action Put Action Delete Action Get Action J S M V V M 資料來源 Sky Demo
  2. 17

  3. 19

  4. 20

  5. 21

  6. 23

  7. 資料來源 JSON Controller ( MVC Web API ) Controller (

    MVC ) View ( MVC ) View - HTML & CSS ViewModel - JS Model – JS ( JSON ) RESTful ( Get ) RESTful (Post) Binding Use RESTful (Delete) RESTful (Put) 渲染 Post Action Put Action Delete Action Get Action J S M V V M 資料來源 Sky Demo
  8. 資源 GET PUT POST DELETE 一組資源的URI http://example.com /resources/ 取出一整組 Select

    替換一整組 Update 創建一整組 Insert 刪除 整組 Delete 單個資源的URI http://example.com /resources/142 取出單筆 Select 替換單筆 Update 創建單筆 Insert 刪除 單筆 Delete
  9. 40 ASP.NET SPA Ember Durandal Breeze/ Kunckout Breeze/ Angular Hot

    Towel ToDo sample ★ ★ ★ ★ Bare template ★ ★ Uses Angular ★ Uses Breeze ★ ★ ★ Uses Durandal ★ ★ Uses Ember ★ Uses Knockout ★ ★ ★ ★ Navigation and history ★ ★ ★ ★
  10. 41 ASP.NET SPA Ember Durandal Breeze/ Kunckout Breeze/ Angular Hot

    Towel ToDo sample ★ ★ ★ ★ Bare template ★ ★ Uses Angular ★ Uses Breeze ★ ★ ★ Uses Durandal ★ ★ Uses Ember ★ Uses Knockout ★ ★ ★ ★ Navigation and history ★ ★ ★ ★
  11. 資料來源 JSON Controller ( MVC Web API ) Controller (

    MVC ) View ( MVC ) View - HTML & CSS ViewModel - JS Model – JS ( JSON ) RESTful ( Get ) RESTful (Post) Binding Use RESTful (Delete) RESTful (Put) 渲染 Post Action Put Action Delete Action Get Action J S M V V M 資料來源 Sky Demo
  12. 55

  13. 56

  14. 57

  15. 58

  16. 59

  17. 雲端資源下載 • Free Trial Link: • http://www.windowsazure.com/en-us/pricing/free- trial/?WT.mc_id=WWE001_1032548834 • MSDN

    Subscription Offer: • https://www.windowsazure.com/en-us/pricing/member- offers/msdn-benefits/?WT.mc_id=WWE001_1032548834 • BizSpark Offer: • https://www.windowsazure.com/en-us/pricing/member- offers/bizspark-benefits/?WT.mc_id=WWE001_1032548834 • MPN Offer: • https://www.windowsazure.com/en-us/offers/ms-azr- 0002p/?WT.mc_id=WWE001_1032548834