如何在ASP.NET MVC和EF中使用AngularJS


(此文章同時發表在本人微信公眾號“dotNET每日精華文章”,歡迎右邊二維碼來關注。)

AngularJS作為一個越來越流行的前端框架,在使用ASP.NET MVC和實體框架開發Web應用的時候,恰當的使用它可以讓你的前端界面更易開發。今天推薦的文章就是介紹如何把AngularJS結合到ASP.NET MVC開發當中。

雖然之前開發的一套SaaS系統也是以ASP.NET MVC、實體框架為基礎,前端輔以AngularJS。不過一直無暇很好總結一下這方面的經驗分享給大家,剛好今天推薦的文章就是講述如何把AngularJS結合到ASP.NET的Web應用開發當中。其實步驟很簡單:

  1. 通過Nuget把AngularJS添加到ASP.NET MVC的Web項目中(我一般使用作者為The AngularJS Team的包)
  2. 在視圖或者布局文件中引用AngularJS的js文件,也可以添加到bundles
  3. 通過Entity Framework來獲取數據
  4. 在ASP.NET MVC/WEB API的Controller中返回JSON數據
  5. 在AngularJS服務中消費這些服務端返回的JSON數據
  6. 在AngularJS控制器中調用AngularJS服務把數據傳遞給視圖
  7. 在AngularJS視圖中呈現數據

Dhananjay Kumar的這篇文章基本就是按照這個步驟的一個完整入門練習,通過“閱讀原文”來仔細閱讀其中的文字、配圖和代碼,要入門不是難事。

當然在實際實踐當中還是有一些技巧的,也需要自己探尋一種符合自己情況的做法。比如我們之前並未基於AngularJS把整個Web應用做成單頁應用(Single Page Application,SPA),而只是在一些需要高度交互性的頁面上,利用AngularJS的綁定、MVC模型對前端代碼進行優化。具體而言,ng-app一般是基於一個ASP.NET MVC視圖的,且這些視圖還是充分利用ASP.NET MVC本身的特性(比如由Layout來統一布局,利用PartialView組合界面等)。以后有空再詳細分析我們的經驗。

原文地址:http://www.infragistics.com/community/blogs/dhananjay_kumar/archive/2015/05/13/how-to-use-angularjs-in-asp-net-mvc-and-entity-framework-4.aspx


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM