Building the an End-to-End ASP.NET MVC 4, Entity Framework, HTML5, jQuery application

Building an End-to-End
HTML5 App with ASP.NET MVC 4,
Entity Framework and jQuery

Dan Wahlin

This presentation is based on an
online training course available at
http://www.pluralsight.com

Server-side
and
Client-side

Data
Model Classes Repository
Classes











public class Stock : Security
{
public decimal DayHigh { get; set; }
public decimal DayLow { get; set; }
public decimal Dividend { get; set; }
public decimal Open { get; set; }
public decimal Volume { get; set; }
//Code removed for brevity
}



public class SecurityRepository :
RepositoryBase<AccountAtAGlance>, ISecurityRepository
{
public Security GetSecurity(string symbol) {...}
public List<TickerQuote> GetSecurityTickerQuotes() {...}
public OperationStatus UpdateSecurities() {...}
public OperationStatus InsertSecurityData() {...}
}

public class AccountRepository :
RepositoryBase<AccountAtAGlance>, IAccountRepository
{
public Customer GetCustomer(string custId)
{
using (var context = DataContext)
{
return context.Customers
.Include("BrokerageAccounts")
.Where(c => c.CustomerCode ==
custId).SingleOrDefault();
}
}
}

HTML (Razor) JSON

ASP.NET MVC ASP.NET Web API

Entity Framework

SQL Server

public class DataServiceController : ApiController
{
[HttpGet]
public BrokerageAccount Account(string acctNumber) { }
[HttpGet]
public Security Quote(string symbol) { }
[HttpGet]
public MarketQuotes MarketIndices() { }
[HttpGet]
public MarketsAndNews TickerQuotes() { }
}

tmpl = function (tileName, data) {
var templateHtml = $('#' + tileName).html();
if (data != null) {
var compiledTemplate =
Handlebars.compile(templateHtml);
return compiledTemplate(data);
}
else {
return templateHtml;
}
}
















$.plot(canvasDiv, [{
color: color,
shadowSize: 4,
label: 'Simulated Data',
data: quoteData
}], chartOptions);





raphael('AccountPositionsSVG', 500, 420)
.pieChart(scene.width / 2,
scene.height / 4 + 10,
66, values, labels, "#fff");




<video id="video" height="323" width="600"
controls poster="Images/poster.jpg">
<source src="Video/test.webm" />
<source src="Video/test.ogv" />
<source src="Video/test.mp4" />
</video>










More Information:

http://tinyurl.com/AAGApp2012

Building the an End-to-End ASP.NET MVC 4, Entity Framework, HTML5, jQuery application

More Related Content

What's hot (20)

Viewers also liked (15)

Similar to Building the an End-to-End ASP.NET MVC 4, Entity Framework, HTML5, jQuery application (20)

Recently uploaded (20)

Building the an End-to-End ASP.NET MVC 4, Entity Framework, HTML5, jQuery application

Editor's Notes