Introduction
I have created a detailed walkthru for the step-by-step creation of an AngularJS CRUD application using WEB API, MVC 5, Entity Framework at- AngularJS CRUD, Entity FrameWork & Web API Step-By-Step Part One
- AngularJS CRUD, Entity FrameWork & Web API Step-By-Step Part Two
But I find a simple checklist can be of great aid to remember all the little details to be done. Hence this is that list.
| Task ID | Task/Step |
|---|---|
| 1 | Design database |
| 2 | Create seed scripts |
| 3 | Create empty Web Application Project, add MVC and WEB API References |
| 4 | Add UnitTest and Datalayer projects to the solution |
| 5 | Add NuGet packages to projects. |
| 6 | DataLayer Project, add the ADO.NET Entity Data Model |
| 7 | DataLayer Project, create IRepository/Repository pattern. |
| 8 | UnitTest Project, add reference to DataLayer Project - copy local the DLL |
| 9 | UnitTest Project, add MoQ and NUnit frameworks |
| 10 | UnitTest Project, create failing unit test, then create passing test |
| 11 | Web Project, add reference to DataLayer Project - copy local the DLL |
| 12 | Web Project, Add empty Web API 2 Controller |
| 13 | Web Project, add reference to IRepository to new Web API Controller, implement methods in interface. |
| 14 | Web Project, add new empty MVC 5 Controller |
| 15 | Web Project, add new _LayoutPage.cshtml to Shared folder |
| 16 | Web Project, add new class named BundleConfig.cs to App_Start folder |
| 17 | Web Project, You may need to install the Microsoft.AspNet.Web.Optimization via NuGet - without it the BundleCollection will not instantiate. |
| 18 | Web Project, modify Global.asax.cs add BundleConfig.RegisterBundles(BundleTable.Bundles); |
| 19 | Web Project, using the new HomeController add a new View referencing the _LayoutPage.cshtml in Shared. |
| 20 | Web Project, add the following to the new Index.cshtml to reference the bundles @Styles.Render("~/Content/VendorCss"), and @Scripts.Render("~/Scripts/VendorJavaScript") |
| 21 | Web Project, add the ng-app and ng-view to the Index.cshtml |
| 22 | Web Project, create the AngularJS folder structure see John Papa |
| 23 | Web Project, create app.js |
| 24 | Web Project, create service for WEB API methods. |
| 25 | Web Project, create controller |
| 26 | Web Project, create view |
| 27 | Web Project, update Index.cshtml to reference @Scripts.Render("~/bundles/Application") |
| 28 | Web Project, add Json Formatter settings to Global.asax.cs |
| 29 | Update All App.Config and Web.Config files, make sure the Datalayer is copy local for non Datalayer projects. |
| 30 | TURN IGNITION |
No comments:
Post a Comment