今天推薦的是一個系列文章,講述了如何使用ASP.NET 5來開發AngularJS應用,一共7篇文章。
在Visual Studio 2015中由於優化了項目結構,優化了前端JS框架的引用方式,所以開發AngularJS這樣的應用就更加方便了。
這個講述如何使用ASP.NET 5來開發AngularJS應用的系列文章,一共分為7篇,分別介紹了:
- 配置Grunt、Uglify和AngularJS。大致步驟為。1)如何創建在一個空的Web應用項目中。2)利用NPM來安裝Grunt執行器及其任務(grunt-contrib-uglify,grunt-contrib-watch)。3)利用Bower來安裝AngularJS的庫。4)利用Grunt把自己編寫的app文件夾內的js文件合並部署到wwwroot文件夾中。
- 使用MVC 6 WEB API。大致步驟為:1)啟用MVC 6功能(在project.json文件中添加引用,在Startup文件中調用AddMvc方法。2)創建示例實體模型。3)創建WEB API的Controller。4)使用內置模板創建AngularJS的app(也即Module)。5)創建AngularJS的Controller。6)創建AngularJS的Service來調用WEB API。7)創建AngularJS的視圖模板。
- 添加客戶端路由。大致步驟為:1)添加客戶端路由定義。2)重寫服務器上的請求路由。3)針對路由修改客戶端的AngularJS的Controller。4)創建一個布局視圖。5)創建列表、添加、編輯和刪除的視圖。
- 使用Entity Framework 7。之前服務端返回的數據是通過代碼動態構建的。現在需要持久保存到數據庫中。那么大致步驟是:1)添加EF7的Nuget包。2)創建DbContext。3)在Startup中注冊EF服務。4)更新WEB API的Controller來使用DbContext操作數據。5)執行EF7的初始化和數據遷移。
- 進行窗體數據的驗證。大致步驟為:1)使用AngularJS實現客戶端驗證。2)更新實體模型,實現服務端驗證。3)升級數據庫。4)完善WEB API的Controller來考慮數據驗證的情況。5)完善AngularJS的Controller來顯示服務端返回的驗證提示。
- 實現安全控制。本篇介紹利用ASP.NET Identity來為不同用戶分配不同權限。大致步驟為:1)啟用ASP.NET Identity。2)編輯DbContext繼承IdentityDbContext。3)強制用戶必須登錄。4)傳遞聲明數據給AngularJS。5)對WEB API的Controller中的Action進行安全控制(添加Authorize標記)。
- 把這個應用跑在Mac上。介紹如何把這么一個ASP.NET 5應用在Mac上運行成功。大致步驟為:1)安裝Mono。2)利用Homebrew安裝KVM。3)在Mac上通過Git克隆代碼。4)利用Sublime Text來打開並編輯代碼。5)由於Mac上沒有SQL Server,所以使用EF7的In-Memory provider來模擬一個內存中的數據庫。當然也可以采用SQLite或者遠程數據庫服務器。6)使用Kestrel來替代IIS承載應用。7)運行之前恢復所有需要的Nuget包。8)如何啟動和停止Kestrel。
這個系列文件不僅是一個ASP.NET 5開發的入門向導,也是一個AngularJS開發練習,還是一個ASP.NET 5跨平台運行的指導。