[Angularjs]asp.net mvc+angularjs+web api單頁應用之CRUD操作

前篇文章整理了angularjs學習目錄，有園子裡的朋友問我要這方面的demo，周末也沒什麼事，就在之前的單頁應用的demo上面添加了增删改查的操作。代碼比較簡單，這裡隻列舉比較重要的代碼片段。完整的代碼将在文章下面提供連結。

資料來源通過webapi的方式提供。擷取對産品的查詢，分頁，增加商品，删除，修改等操作。

webapi

angularjs app.js檔案，注冊module，服務的注冊。

app-route.js angularjs路由配置。

storecontroller.js angularjs控制器

angularjs 視圖

靜态資源引入存放在_layout.cshtml檔案中

清單頁面

做的比較簡單，能用就行。

添加商品和編輯商品使用同一個視圖檔案和controller，通過參數id來差別是編輯還是添加商品

測試

删除商品，根據id删除商品，前端根據_code判斷是否删除成功，删除商品0，結果如下所示

加載更過，預設pagesize=10，加載第二頁，如下圖所示：

修改

這裡沒有采用資料庫，資料通過list模拟的，操作資料庫的那部分，有興趣的添加。

部落格位址：

<a href="http://www.cnblogs.com/wolf-sun">http://www.cnblogs.com/wolf-sun/</a>

部落格版權：

本文以學習、研究和分享為主，歡迎轉載，但必須在文章頁面明顯位置給出原文連接配接。

如果文中有不妥或者錯誤的地方還望高手的你指出，以免誤人子弟。如果覺得本文對你有所幫助不如【推薦】一下！如果你有更好的建議，不如留言一起讨論，共同進步！

再次感謝您耐心的讀完本篇文章。http://www.cnblogs.com/wolf-sun/p/5514185.html