日本综合一区二区|亚洲中文天堂综合|日韩欧美自拍一区|男女精品天堂一区|欧美自拍第6页亚洲成人精品一区|亚洲黄色天堂一区二区成人|超碰91偷拍第一页|日韩av夜夜嗨中文字幕|久久蜜综合视频官网|精美人妻一区二区三区

RELATEED CONSULTING
相關(guān)咨詢
選擇下列產(chǎn)品馬上在線溝通
服務(wù)時間:8:30-17:00
你可能遇到了下面的問題
關(guān)閉右側(cè)工具欄

新聞中心

這里有您想知道的互聯(lián)網(wǎng)營銷解決方案
ASP.NETWebAPI和JQ創(chuàng)建簡單Web應(yīng)用

看了dudu的《HttpClient + ASP.NET Web API, WCF之外的另一個選擇》一文,想起多很久之前體現(xiàn)ASP.NET Web API而創(chuàng)建的一個Demo。這是一個只涉及到簡單CRUD操作的Web應(yīng)用,業(yè)務(wù)邏輯以Web API的形式定義并以服務(wù)的形式發(fā)布出來,前臺通過jQuery處理用戶交互并調(diào)用后臺服務(wù)。[源代碼從這里下載]

讓客戶滿意是我們工作的目標,不斷超越客戶的期望值來自于我們對這個行業(yè)的熱愛。我們立志把好的技術(shù)通過有效、簡單的方式提供給客戶,將通過不懈努力成為客戶在信息化領(lǐng)域值得信任、有價值的長期合作伙伴,公司提供的服務(wù)項目有:域名申請、虛擬空間、營銷軟件、網(wǎng)站建設(shè)、岱岳網(wǎng)站維護、網(wǎng)站推廣。

一、一個簡單的基于CRUD的Web應(yīng)用

這個簡單的Demo應(yīng)用用于模擬“聯(lián)系人管理”。當頁面加載的時候,所有的聯(lián)系人列表被列出來。在同一個頁面中,我們可以添加一個新的聯(lián)系人,也可以修改和刪除現(xiàn)有聯(lián)系人信息。整個應(yīng)用***的頁面在瀏覽器中的呈現(xiàn)效果如下圖所示。

#p#

二、通過ASP.NET Web API提供服務(wù)

我們來簡單介紹作為Web API形式發(fā)布的聯(lián)系人管理服務(wù)的定義,先來看看用于表示聯(lián)系人的Contact類型的定義。

 
 
 
 
  1. public class Contact
  2. {
  3.     public string Id { get; set; }
  4.     public string FirstName { get; set; }
  5.     public string LastName { get; set; }
  6.     public string PhoneNo { get; set; }
  7.     public string EmailAddress { get; set; }
  8. }

“聯(lián)系人服務(wù)”以具有如下定義的ContactController的形式定義,它是ApiController的子類。簡單起見,我們采用靜態(tài)字段作為對聯(lián)系人信息的存儲。ContactController定義了Get、Put、Post和Delete用于進行對聯(lián)系人的獲取、添加、修改和刪除操作。我想對Web API不了解的人會感概,為了什么采用常用的四個HTTP方法作為操作的名稱,因為它們在默認的情況下就可以映射為HTTP請求的方法。

 
 
 
 
  1. public class ContactController : ApiController
  2. {
  3.     private static List contacts = new List
  4.     {
  5.         new Contact{ Id="001", FirstName = "San", LastName="Zhang", PhoneNo="123", EmailAddress="zhangsan@gmail.com"},
  6.         new Contact{ Id="002",FirstName = "Si", LastName="Li", PhoneNo="456", EmailAddress="lisi@gmail.com"}
  7.     };
  8.         
  9.     public IEnumerable Get()
  10.    {
  11.        return contacts;
  12.    }
  13.    public Contact Get(string id)
  14.    {
  15.        return contacts.FirstOrDefault(c => c.Id == id);
  16.    }
  17.    public void Put(Contact contact)
  18.    {
  19.        if (string.IsNullOrEmpty(contact.Id))
  20.        {
  21.            contact.Id = Guid.NewGuid().ToString();
  22.        }
  23.        contacts.Add(contact);
  24.    }
  25.    public void Post(Contact contact)
  26.    {
  27.        Delete(contact.Id);
  28.        contacts.Add(contact);
  29.    }
  30.    public void Delete(string id)
  31.    {
  32.        Contact contact = contacts.FirstOrDefault(c => c.Id == id);
  33.        contacts.Remove(contact);
  34.    }

和ASP.NET MVC Web應(yīng)用一樣,我們同樣采用URL路由機制來實現(xiàn)請求地址與目標Controller和Action的映射,而針對API默認注冊的路有如下所示。

 
 
 
 
  1. public class MvcApplication : System.Web.HttpApplication
  2. {
  3.     //...
  4.     public static void RegisterRoutes(RouteCollection routes)
  5.     {
  6.          //...
  7.         routes.MapHttpRoute(
  8.             name: "DefaultApi",
  9.             routeTemplate: "api/{controller}/{id}",
  10.            defaults: new { id = RouteParameter.Optional }
  11.        );

按照注冊的路由規(guī)則和Action方法名稱與HTTP方法的默認影射機制,我們可以直接在瀏覽器中分別訪問地址“/api/contact”和“/api/contact/001”得到所有聯(lián)系人列表和ID為“001”的聯(lián)系人信息。得到的結(jié)果如下圖所示。

#p#

三、通過JQuery消費服務(wù)

我們通過ASP.NET MVC來構(gòu)建Web應(yīng)用,默認的HomeController定義如下,默認的Index操作僅僅是將默認的View呈現(xiàn)出來而已。

 
 
 
 
  1. public class HomeController : Controller
  2. {
  3.     public ActionResult Index()
  4.     {
  5.         return View();
  6.     }
  7. }

View中對用戶操作的相應(yīng)和對后臺服務(wù)的調(diào)用都通過JQuery來完成,整個View的定義如下所示。

 
 
 
 
  1.     


本文標題:ASP.NETWebAPI和JQ創(chuàng)建簡單Web應(yīng)用
網(wǎng)站鏈接:http://www.dlmjj.cn/article/dhiegcg.html