购物车Demo,前端使用AngularJS,后端使用ASP.NET Web API(1)--后端
原文:购物车Demo,前端使用AngularJS,后端使用ASP.NET Web API(1)--后端
chsakell分享了前端使用AngularJS,后端使用ASP.NET Web API的购物车案例,非常精彩,这里这里记录下对此项目的理解。
文章:
http://chsakell.com/2015/01/31/angularjs-feat-web-api/
http://chsakell.com/2015/03/07/angularjs-feat-web-api-enable-session-state/
源码:
https://github.com/chsakell/webapiangularjssecurity
本系列共三篇,本篇是第一篇。
购物车Demo,前端使用AngularJS,后端使用ASP.NET Web API(1)--后端
购物车Demo,前端使用AngularJS,后端使用ASP.NET Web API(2)--前端,以及前后端Session
购物车Demo,前端使用AngularJS,后端使用ASP.NET Web API(3)--Idetity,OWIN前后端验证
■ 配置EF
首先搞清模型之间的关系:
public class Gadget
{
public int GadgetID{get;set;}
... public int CategoryID{get;set;}
public Category Category{get;set;}
} public class Category
{
public int CategoryID{get;set;}
...
public List<Gadget> Gadgets{get;set;}
} public class Order
{
public int OrderID{get;set;}
...
public List<Gadget> Gadgets{get;set;}
} public class GadgetOrder
{
public int GadgetOrderID{get;set;} public int OrderID{get;set;}
public Order Order{get;set;} public int GadgetID{get;set;}
public Gadget Gadget{get;set;}
}
以上,Category和Gadget是1对多的关系,GadgetOrder是Order和Gadget的中间表。
接着需要通过EF Fluent API来配置领域,需要实现EntityTypeConfiguration<TModel>这个基类。比如:
public class OrderConfiguration : EntityTypeConfiguration<Order>
{
public OrderConfiguration()
{
Ignore(o => o.Gadgets);
}
}
然后就配置上下文,继承DbContext这个基类。
public class StoreContext : DbContext
{
protected override void OnModelCreating(DbModelBuilder modelBuilder)
{
...
modelBuilder.Configurations.Add(new OrderConfiguration());
} public DbSet<Order> Orders{get;set;}
...
}
我们还希望在生成数据库的时候生成一些种子数据,需要继承DropCreateDatabaseIfModelChanges<TContext>这个泛型类。
public class StoreInitializer : DropCreateDatabaseIfModelChanges<StoreContext>
{
protected override void Seed(StoreContext context)
{
try
{
GetCategoreis().ForEach(c => context.Categories.Add(c));
...
}
catch(Exception ex)
{
Debug.WriteLine(ex.Message);
}
} private static List<Category> GetCategories()
{
...
}
}
如何调用数据库种子数据的类StoreInitializer呢?有一种方法使在项目全局文件中配置。(还有一种方法使在DbContext的构造函数中配置,还有一种在数据库迁移文件中配置,etc.)
void Application_Start(object sender, EventArgs e)
{
Database.SetInitializer(new StoreIntializer());
}
最后,关于EF的配置部分,需要在Web.config中配置,大致如下:
<connectionStrings>
<add name="ProductServiceContext" connectionString="Data Source=.;User=someusername;Password=somepassword;Initial Catalog=MyProductService;Integrated Security=True" providerName="System.Data.SqlClient"/>
</connectionStrings>
■ CategoriesController
先俯瞰。
public class CategoriesController : ApiController
{
private StoreContext db = new SotoreContext(); ... private bool CategoryExists(int id)
{
return db.Categories.Count(g => g.CategoryID=id) > ;
} protected override void Dispose(boo disposing)
{
if(disposing)
{
db.Dispose();
}
base.Dispose(disposing);
}
}
再细节。
/GET api/Categories
public IQueryable<Category> GetCategories()
{
return db.Categories;
} //GET api/Categories/5
[ResponseType(typeof(Category))]
public async Task<IHttpActionResult> GetCategory(int id)
{
Category category = await db.Categories.FindAsync(id);
if(category == null)
{
return NotFound();
}
return Ok(category);
} //put api/Categories/5
[ResponseType(typeof(void))]
public async Task<IHttpActionResult> PutCategory(int id, Category category)
{
if(!ModelState.IsValid)
{
return BadRequest(ModelState);
} if(id != category.CategoryID)
{
return BadRequest();
} db.Entry(category).State = EntityState.Modified; try
{
await db.SavheChangesAsync();
}
catch(DbUpdateConcurrencyException)
{
if(!CategoryExists(id))
{
return NotFound();
}
else
{
throw;
}
}
return StatusCode(HttpStatusCOde.NoContet);
} //post api/Categories
[ResponseType(typeof(Category))]
public async Task<IHttpActionResult> PostCategory(Category category)
{
if(!ModelState.IsValid)
{
return BadRequest(ModelState);
} db.Categories.Add(category);
await db.SaveChangesAsync(); //返回到指定的路由
return CreatedAtRoute("DefaultApi", new {id = category.CategoryID}, category);
} //delete api/Categoreis/5
[ResponseType(typeof(Category))]
public async Task<IHttpActionResult> DeleteCategory(int id)
{
Category category = await db.Categories.FindAsync(id);
if(category == null)
{
return NotFound();
} db.Categories.Remove(category);
await db.SaveChangesAsync();
return Ok(category);
}
■ GadgetsController
先俯瞰。
public class GadgetsController : ApiController
{
private StoreContext db = new StoreContext(); protected override void Dispose(bool disposing)
{
if(disposing)
{
db.Dispose();
} base.Dispose(disposing);
} private bool GadgetExists(int id)
{
return db.Gadgets.Count(g => g.GadgetID == ID) > ;
}
}
再细节。
//get api/Gadgets
public IQueryable<Gadget> GetGadgets()
{
return db.Gadgets;
} //get api/Gadgets/5
[ResponseType(typeof(Gadgets))]
public async Task<IHttpActionResult> GetGadget(int id)
{
Gadget gadget = await db.Gadgets.FindAsync(id);
if(gadget == null)
{
return NotFound();
}
return Ok(gadget);
} //put api/Gadgets/5
[ResponseType(typeof(void))]
public async Task<IHttpActionResult> PutGadget(int id, Gadget gadget)
{
if(!ModelState.IsValid)
{
return BadRequest(ModelState);
} if(d != gadget.GadgetID)
{
return BadRequest();
} db.Entry(gadget).State = EntityState.Modified; try
{
await db.SaveChangesAsync();
}
catch(DbUpdateConcurrencyException)
{
if(!GadgetExists(id))
{
return NotFound();
}
else
{
throw;
}
}
} //post api/Gadgets
[ResposneType(typeof(Gadget))]
public async Task<IHttpActionResult> PostGadget(Gadget gadget)
{
if(!ModelState.IsValid)
{
return BadRequest(ModelState);
}
db.Gadgets.Add(gadget);
await db.SaveChangesAsync(); return CreatedAtRoute("DefaultApi", new {id=gadget.GadgetID}, gadget)
} //delete api/Gadgets/5
[ResponseType(typeof(Gadget))]
public async Task<IHttpActionResult> DeleteGadget(int id)
{
Gadget gadget = await db.Gadgets.FindAsync(id);
if(gadget == null)
{
return NotFound();
}
db.Gadgets.Remove(gadget);
await db.SaveChangesAsync();
return Ok(gadget);
}
■ OrdersController
firstly overview.
public class OrdersController : ApiController
{
private StoreContext db = new StoreContext(); protected override void Dispose(bool dispoing)
{
if(disposing)
{
db.Dispose();
}
base.Dispose(disposing);
} private bool OrderExists(int id)
{
return db.Orders.Count(g => g.OrderID == id) > ;
}
}
then details.
// get api/Orders
public IQueryable<Order> GetOrders()
{
return db.Orders;
} //get api/Orders/5
[ResponseType(typeof(Order))]
public async Task<IHttpActionResult> GetOrder(int id)
{
Order order = await db.Orders.FindAsync(id);
if(order == null)
{
return NotFound();
}
return Ok(order);
} //put api/Orders/5
[ResponseType(typeof(void))]
public async Task<IHttpActionResult> PutOrder(int id, Order order)
{
if(!ModelState.IsValid)
{
return BadRequest(ModelState);
} if(id != order.OrderID)
{
return BadRequest();
} db.Entry(order).State = EntityState.Modified; try
{
await db.SaveChangesAsync();
}
catch(DbUpdateConcurrecyException)
{
if(!OrderExists(id))
{
return NotFound();
}
else
{
throw;
}
}
return StatusCode(HttpStatusCOde.NoContet);
} //post api/Orders
[RequestType(typeof(Order))]
public async Task<IHttpActionResult> PostOrder(Order order)
{
if(!ModelState.IsValid)
{
reuturn BadRequest(ModelState);
}
try
{
db.Orders.Add(order);
foreach(Gadget gadget in order.Gadgets)
{
db.GadgetOrders.Add(new GadgetOrder{
OrderID = order.OrderID,
GadgetID = gadget.GadgetID
})
} await db.SaveChangesAsync();
}
catch(Exception ex)
{
return BadRequest(ex.Message);
}
return CreatedAtRoutne("Default", new {controller = "Home", action="viewOrder", id = order.orderID}, order);
} //delete api/Orders/5
[ResponseType(typeof(Order))]
public async Task<IHttpActionResult> DeleteOrder(int id)
{
Order order = await db.Orders.FindAsync(id);
if(order == null)
{
return NotFound();
} db.Orders.Remoe(order);
await db.SaveChangesAsync();
return Ok(order);
}
待续~~
购物车Demo,前端使用AngularJS,后端使用ASP.NET Web API(1)--后端的更多相关文章
- 购物车Demo,前端使用AngularJS,后端使用ASP.NET Web API(3)--Idetity,OWIN前后端验证
原文:购物车Demo,前端使用AngularJS,后端使用ASP.NET Web API(3)--Idetity,OWIN前后端验证 chsakell分享了前端使用AngularJS,后端使用ASP. ...
- 购物车Demo,前端使用AngularJS,后端使用ASP.NET Web API(2)--前端,以及前后端Session
原文:购物车Demo,前端使用AngularJS,后端使用ASP.NET Web API(2)--前端,以及前后端Session chsakell分享了前端使用AngularJS,后端使用ASP.NE ...
- 对一个前端AngularJS,后端OData,ASP.NET Web API案例的理解
依然chsakell,他写了一篇前端AngularJS,后端OData,ASP.NET Web API的Demo,关于OData在ASP.NET Web API中的正删改查没有什么特别之处,但在前端调 ...
- 对一个前端使用AngularJS后端使用ASP.NET Web API项目的理解(4)
chsakell分享了一个前端使用AngularJS,后端使用ASP.NET Web API的项目. 源码: https://github.com/chsakell/spa-webapi-angula ...
- 对一个前端使用AngularJS后端使用ASP.NET Web API项目的理解(3)
chsakell分享了一个前端使用AngularJS,后端使用ASP.NET Web API的项目. 源码: https://github.com/chsakell/spa-webapi-angula ...
- 对一个前端使用AngularJS后端使用ASP.NET Web API项目的理解(2)
chsakell分享了一个前端使用AngularJS,后端使用ASP.NET Web API的项目. 源码: https://github.com/chsakell/spa-webapi-angula ...
- 对一个前端使用AngularJS后端使用ASP.NET Web API项目的理解(1)
chsakell分享了一个前端使用AngularJS,后端使用ASP.NET Web API的项目. 源码: https://github.com/chsakell/spa-webapi-angula ...
- 前端使用AngularJS的$resource,后端ASP.NET Web API,实现增删改查
AngularJS中的$resource服务相比$http服务更适合与RESTful服务进行交互.本篇后端使用ASP.NET Web API, 前端使用$resource,实现增删改查. 本系列包括: ...
- ASP.NET Web API 2 external logins with Facebook and Google in AngularJS app
转载:http://bitoftech.net/2014/08/11/asp-net-web-api-2-external-logins-social-logins-facebook-google-a ...
随机推荐
- ASP.NET WEB API回发到客户端消息体的格式化
首先基于SOA的消息通信基本都是按照一个统一的协议规范进行交互,那么必须定义消息体.不同的交互结构设计了不同的消息体. 业界统一使用的SOAP是一种规范的XML消息内容.例如在WCF中返回的结果. 随 ...
- [转载]Linux的时间与时钟中断处理
本文主要介绍在Linux下的时间实现以及系统如何进行时钟中断处理. 一. Linux的硬件时间 PC机中的时间有三种硬件时钟实现,这三种都是基于晶振产生的方波信号输入.这三种时钟为: 实时时钟RTC ...
- IEEE论文格式要求
0.特别提示:本次会议要求各位作者根据审稿意见进行认真修改,然后经过大会主席的检查合格才允许上传IEEE eXpress,主要的目的是为了保证论文集的质量,不让论文格式出现五花八门的情况,确保会议后被 ...
- [转] Trie树详解及其应用
一.知识简介 最近在看字符串算法了,其中字典树.AC自动机和后缀树的应用是最广泛的了,下面将会重点介绍下这几个算法的应用. 字典树(Trie)可以保存一些字符串->值 ...
- JAVA日期处理(Timestamp)
要写一些与数据库连接时的日期处理,pstmt.setDate()的类型是java.sql.Date类型,这种符合规范的类型其实并没有把时分秒存进数据库,所以存取时就应该用setTimestamp()或 ...
- Web Service工作原理
Web Service基本概念 Web Service也叫XML Web Service WebService是一种可以接收从Internet或者Intranet上的其它系统中传递过来的请求,轻量级的 ...
- js+css实现模态层效果
在做web前端的时候,有些时候会涉及到模态层,在此提供一种实现思路.希望对大家实用.先贴效果吧: 模态层效果 以下说说在写模态层的时候的思路:通过可配置的參数width,height,title以及c ...
- [Node.js] Use "prestart" in scripts
Usually we run : npm start to start an app, then we we might call other script to do something: npm ...
- Git实现从本地加入项目到远程仓库
Git是如今最流行的版本号控制系统之中的一个了,今天也试试了.成功了上传了远程仓库,接下来看看我是怎么做的. 1.首先,要有git的账号.点击查看怎么注冊? 2.注冊成功之后.登陆GitHub.然后, ...
- 前端--关于HTML
在讲HTML之前不得不先简单粗略提一下浏览器以及浏览器与HTML的关系.众所周知,浏览器就是一个应用程序,这个应用程序可以完成网络调用.展示接收的html文档等.严格来讲HTML文档就是按照某个规则写 ...