Ember.js MVC5 SPA Template with ember-data

Summary

The EmberJS MVC5 SPA template is designed to get you started quickly building interactive client-side web apps using Ember.JS and ember-data on the client and with ASP.NET MVC4/WebAPI on the server

For details, please see http://www.asp.net/single-page-application/overview/templates/emberjs-template

The EmberJS SPA Template uses the Ember JavaScript library to handle page updates from AJAX requests. Ember.js uses data binding to synchronize the page with the latest data. That way, you don’t have to write any of the code that walks through the JSON data and updates the DOM. Instead, you put declarative attributes in the HTML that tell Ember.js how to present the data.

On the server side, the EmberJS template is almost identical to the ASP.NET MVC4KnockoutJS SPA template. It uses ASP.NET MVC to serve HTML documents, and ASP.NET Web API to handle AJAX requests from the client. For more information about those aspects of the template, refer to the KnockoutJS template documentation onwww.asp.net.

The source code for this is in https://github.com/xqiu/MVCSPAWithEmberjs. Everyone is welcome to contribute.

Release note:

Version 1.6.0 (7/14/2014)

1. Update all packages to latest, which means upgrade to MVC5 from MVC4. You will still see the template under MVC4 project, though the created project will be MVC5. Visual Studio 2013 will automatically adjust the project file to fit it with MVC5. So please close the project, choose save changes and reload the project to see the affect.

2. Fix TodoListRoute bug pointed out by saulius1

3. Fix bug by not allow display of the buttons when ID is not available yet

Version 1.4.2 (2/22/2014)

1. Made change to HtmlHelperExtensions to make default tempalte name be folderName/templateFileName, to make it match ember.js's default
2. Add demo to route to todoList/:todoList_id by clicking a => button for a todoList, renamed TodoListController.js to TodoListsController.js, renamed todoList.hbs to todoLists.hbs and removed TodoListView inside, created new TodoListController.js and todoList/index.hbs,
3. Add extractSingle in TodoList.js, make TodoListSerializer extend from RESTSerializer to make it work for new route
4. Modified a bit to handle delete todoItem, make it simplified, ignore checkbox event if the item is deleted.

Version 1.4.1 (2/6/2014)

1. Made a workaround to get csharp-ember-handlebars-compiler working properly when bundling
2. Upgrade csharp-ember-handlebars-compiler package to 1.5.0-beta1
3. Update VSIX to 1.4.1

Version 1.4 (2/4/2014)

1. Update ember.js to 1.3.0, ember-data to 1.0.0-beta6, handlebars to 1.1.2
2. Change application.hbs
{{partial navbar}}
   to
    {{partial 'navbar'}}
   to make it work properly. Seems new handlebars no longer allow the old way of doing partial.
3. Update webapi.client and EntityFramework packages to the one shipped with VS2012 update 2
4. move todos normalizeHash to todo serializer, as ember data changes
5. todo.saveCheckbox should not check the isDirty attribute as this version of ember data

Version 1.3

Move ~/Scripts/App folder to ~/App folder to make developement a bit easier.

Uses ember-data 1.0-Beta2, and ember 1.0. Ember-data 1.0-Beta2 does not support embedded JSON. I've to workaround the issue in different serializers. For ember-data differences between 0.13 and 1.0 , please visithttps://github.com/emberjs/data/blob/master/TRANSITION.md . If you installed version before 9/16/2013, please uninstall it and reinstall. As I accidently had a bad ID for the VSIX file and causing it to fail to create template if 1.2 is not installed, and will not get 1.2 to upgrade 1.3. It's now been corrected.

Version 1.2

It only supports .NET Framework 4.5. It does not support .NET Framework 4.0 anymore due to some package incompatibility. For VS2013, one can access the "ASP.NET MVC4 web Application" template from Templates\Visual C#\Web\Visual Studio 2012. Starts to use ember-data 0.13, ember 1.0-RC5. Update a few nuget packages to use latest.