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