【读书笔记】WebApi 和 SPA(单页应用)--knockout的使用

      Web API从MVC4开始出现，可以服务于Asp.Net下的任何web应用，本文将介绍Web api在单页应用中的使用。什么是单页应用？Single-Page Application最常用的定义：一个最初内容只包含html和JavaScript，后续操作通过Restful风格的web服务传输json数据来响应异步请求的一个web应用。SPA的优势就是少量带宽，平滑体验，劣势就是只用JavaScript这些平滑的操作较难实现，不像MVC应用，我们可以异步form，partview。不用担心，我们有利器：knockoutjs。

 一、工程准备

       1.新建一个Api工程。

       

      2.创建模型和仓库

        Reservation：    

  public class Reservation
    {
        public int ReservationId { get; set; }
        public string ClientName { get; set; }
        public string Location { get; set; }
    }

      ReservationRespository：在真实的项目中，仓库都需要有接口和依赖注入，但是这里我们把重点放到后，将这个部分简化。所以也没有用数据库，全部放到内存里面。

 public class ReservationRespository
    {
        private static ReservationRespository repo = new ReservationRespository();
        public static ReservationRespository Current
        {
            get
            {
                return repo;
            }
        }
        private List<Reservation> data = new List<Reservation> {
                new Reservation {
                ReservationId = 1, ClientName = "Adam", Location = "Board Room"},
                new Reservation {
                ReservationId = 2, ClientName = "Jacqui", Location = "Lecture Hall"},
                new Reservation {
                ReservationId = 3, ClientName = "Russell", Location = "Meeting Room 1"},
                };
        public IEnumerable<Reservation> GetAll()
        {
            return data;
        }
        public Reservation Get(int id)
        {
            return data.Where(r => r.ReservationId == id).FirstOrDefault();
        }

        public Reservation Add(Reservation item)
        {
            item.ReservationId = data.Count + 1;
            data.Add(item);
            return item;
        }
        public void Remove(int id)
        {
            Reservation item = Get(id);
            if (item != null)
            {
                data.Remove(item);
            }
        }
        public bool Update(Reservation item)
        {
            Reservation storedItem = Get(item.ReservationId);
            if (storedItem != null)
            {
                storedItem.ClientName = item.ClientName;
                storedItem.Location = item.Location;
                return true;
            }
            else
            {
                return false;
            }
        }

    }

View Code