[Angularjs]asp.net mvc+angularjs+web api单页应用之CRUD操作

写在前面

前篇文章整理了angularjs学习目录，有园子里的朋友问我要这方面的demo，周末也没什么事，就在之前的单页应用的demo上面添加了增删改查的操作。代码比较简单，这里只列举比较重要的代码片段。完整的代码将在文章下面提供链接。

demo

数据来源通过webapi的方式提供。获取对产品的查询，分页，增加商品，删除，修改等操作。

webapi

    public class ProductController : ApiController
    {
        private List<Product> lstOrders = null;
        HttpResponseMessage response = null;
        public ProductController()
        {
            response = new HttpResponseMessage(HttpStatusCode.ResetContent);
            response.Headers.Add("Access-Control-Allow-Origin", "*"); //允许哪些url可以跨域请求到本域
            response.Headers.Add("Access-Control-Allow-Methods", "POST"); //允许的请求方法，一般是GET,POST,PUT,DELETE,OPTIONS
            response.Headers.Add("Access-Control-Allow-Headers", "x-requested-with,content-type"); //允许哪些请求头可以跨域
            lstOrders = new List<Product>();
            //分页用
            for (int i = 0; i < 100; i++)
            {
                lstOrders.Add(new Product { Dt = DateTime.Now, Id = i + 1, Name = "商品" + i.ToString(), Price = i + 20 });
            }

        }
        // GET: api/Order
        [HttpGet]
        [Route("api/product/lists")]
        public async Task<HttpResponseMessage> Get(string key, int page)
        {
            return await Task.Factory.StartNew(() =>
            {
                int pageSize = 10;

                var results = string.IsNullOrEmpty(key) ? lstOrders : lstOrders.Where(x => x.Name.Contains(key));
                //分页
                var pagedResults = results.Skip((page - 1) * pageSize).Take(pageSize);
                response.StatusCode = HttpStatusCode.OK;
                response.Content = new StringContent(JsonConvert.SerializeObject(new { _code = 200, _data = pagedResults }));
                return response;
            });
        }
        [HttpPost]
        [Route("api/product/lists")]
        public async Task<HttpResponseMessage> Post([FromBody] Product order)
        {
            return await Task.Factory.StartNew(() =>
            {
                //模拟id
                order.Id = new Random().Next(101, 5000);
                lstOrders.Add(order);
                response.StatusCode = HttpStatusCode.OK;
                response.Content = new StringContent(JsonConvert.SerializeObject(new { _code = 200, _data = order }));
                return response;
            });
        }
        [HttpPut]
        [Route("api/product/lists")]
        // POST: api/Order
        public async Task<HttpResponseMessage> Put([FromBody] Product order)
        {
            return await Task.Factory.StartNew(() =>
            {
                var find = lstOrders.Find(o => o.Id == order.Id);
                if (find != null)
                {
                    find.Name = order.Name;
                    find.Price = order.Price;
                    find.Dt = order.Dt;
                    response.StatusCode = HttpStatusCode.OK;
                    response.Content = new StringContent(JsonConvert.SerializeObject(new { _code = 200, _data = find }));
                }


                return response;
            });
        }

        [HttpDelete]
        [Route("api/product/lists")]
        // DELETE: api/Order/5
        public async Task<HttpResponseMessage> Delete(int id)
        {
            return await Task.Factory.StartNew(() =>
            {
                Product findOder = lstOrders.Find(o => o.Id == id);
                lstOrders.Remove(findOder);
                response.StatusCode = HttpStatusCode.OK;
                response.Content = new StringContent(JsonConvert.SerializeObject(new { _code = 200, _data = lstOrders }));
                return response;
            });


        }
    }

ProductController