Web服務小姐的嫁衣 (五)

作者：今夜太冷 2012-09-20 09:37:57

開發后端

WCF先生彎下腰去系鞋帶，不禁為眼前的景色所吸引。粉紅色的涼鞋晶瑩剔透，白里透紅的長腿透著健康的氣息，由于距離近，看得很清楚，每一寸肌膚都潔白無暇，充滿著彈性。

"系好了嗎？", 正看得入神，Web Service小姐的聲音從桌子上傳來。

"馬上好了", WCF先生慌忙系好鞋帶，直起身子來。看見Web Service小姐看著他笑，有些發毛。

"你的頭發可以養鳥了", Web Service小姐笑著說。

WCF先生摸了一下，發現頭發被桌子壓得亂成一團，儼然一個雞窩，不好意思的用手梳理了一下。

"還有這里", Web Service小姐用手將他右邊的一縷豎起來的頭發壓了下去，如同春風吹低了野草。

"我是豬，呼嚕嚕，不服和我比腿粗...",旁邊座位一個少女的手機響了起來。

"AJAX!", Web Service小姐驚呼了一聲。

"AJAX是豬嗎？", WCF先生不解的問。

"討厭! 他最近在給一家豬場做網站，最近幾天會從我這里拿數據"，Web Service小姐略帶憂色的說。

"不用擔心，現在我們就可以弄一下。"，最難消受美人恩，WCF先生踴躍的回答。

"以前的那個服務留給你以后復習用吧，我們新建一個服務。首先建立豬和豬圈的類。", WCF先生建立了兩個類:Pig和PigPool。

"然后建立服務接口.", 照葫蘆畫瓢，WCF先生很快創建了IPigService接口.

"注意接口級別的Namespace和Name,這個很重要，WCF會根據這個屬性生成客戶端的類;還有方法上不能應用UriTemplate標記。", WCF先生指著代碼解說道。

"然后是具體的實現類", WCF先生打開PigService.svc.cs，添加了GetAllPigs方法和AddPig方法。

using System;   
using System.Collections.Generic;   
using System.Linq;   
using System.Runtime.Serialization;   
using System.ServiceModel;   
using System.Text;   
namespace WcfService1   
{   
// NOTE: You can use the "Rename" command on the "Refactor" menu to change the class name "PigService" in code, svc and config file together.   
[ServiceBehavior(InstanceContextMode = InstanceContextMode.Single)]   
publicclassPigService : IPigService   
{   
privatePigPool GetPigs()   
{   
PigPool pigs = newPigPool();   
pigs.Add(newPig()   
{   
Name = "Pig1",   
Weight = 150,   
Sex = "Male"   
});   
pigs.Add(newPig()   
{   
Name = "Pig2",   
Weight = 150,   
Sex = "Female"   
});   
return pigs;   
}   
publicPigPool GetAllPigs()   
{   
return GetPigs();   
}   
publicPigPool AddPig(Pig pig)   
{   
PigPool ret = GetPigs();   
ret.Add(pig);   
return ret;   
}   
}   
}

"好了？", Web Service睜著顧盼流連的大眼睛問道。

"還不夠，我們還需要更改web.config讓它支持AJAX.", WCF先生打開web.config,添加了如下的內容。

"這些設置就是告訴服務器，http://localhost:20408/PigService.svc這個服務需要支持AJAX,服務器會根據我們剛才定義的類，自動生成對應的Javascript類供AJAX調用。",WCF先生用鼠標在web.config上滑動，看著Web Service小姐說。

"說曹操曹操就到.", Web Service小姐指著窗外。AJAX先生背著背包，騎著山地自行車，飛也似的奔騰在回家的路上。

"好吧"，WCF先生無奈的說。

"現在我們就來看看AJAX怎么用我們提供的服務吧。", WCF創建了一個新頁面。

"我們在上面放兩個按鈕，一個用來獲取所有豬的信息，一個用來添加豬的信息，還有一個div用來顯示返回的結果。", WCF先生創建了界面。

"在頁面上加一個ScriptManager,這個是進行AJAX操作必備的，在里面加一個Service, 地址就是剛才在web.config里面定義的endpoint."

"添加Javascript函數，注意這里類的使用，與在服務器端類似，非常方便。不過這里是異步調用。"

"我再好好看看。", Web Service用小巧的手拿過鼠標，看了WebForm2.aspx大概 5分鐘左右，才讀懂其中的意思。

<%@PageLanguage="C#"AutoEventWireup="true"CodeBehind="WebForm2.aspx.cs"Inherits="WcfService1.WebForm2"%>   
<!DOCTYPEhtmlPUBLIC"-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">   
<htmlxmlnshtmlxmlns="http://www.w3.org/1999/xhtml">   
<headidheadid="Head1"runat="server">   
<title></title>   
</head>   
<body>   
<formidformid="form1"runat="server">   
<asp:ScriptManagerIDasp:ScriptManagerID="ScriptManager1"runat="server">   
<Services>   
<asp:ServiceReferencePathasp:ServiceReferencePath="http://localhost:20408/PigService.svc"/>   
</Services>   
</asp:ScriptManager>   
<scripttypescripttype="text/javascript"language="javascript">   
function getAllPigs() {   
var myProxy = new wcfservice1.Services.PigService();   
myProxy.GetAllPigs(onSuccessGetCars, onFailGetCars, myProxy);   
}   
function onSuccessGetCars(result) {   
var allPigs = "";   
for (var i = 0; i < result.length; i++) {   
allPigs += " " + result[i].Name + " " + result[i].Weight + " " + result[i].Sex;   
} $get("divAllPigs").innerText = allPigs;   
}   
function onFailGetCars(result) {   
alert(result);   
}   
function addPig() {   
var myProxy = new wcfservice1.Services.PigService();   
var myPig = new WcfService1.Pig();   
myPig.Name = "Pig 3";   
myPig.Weight = 158;   
myPig.Sex = "Female";   
myProxy.AddPig(myPig, onSuccessAdd, onFailAdd, myProxy);   
}   
function onSuccessAdd(result) {   
var allPigs = "";   
for (var i = 0; i < result.length; i++) {   
allPigs += " " + result[i].Name + " " + result[i].Weight + " " + result[i].Sex;   
} $get("divAllPigs").innerText = allPigs;   
}   
function onFailAdd(result) {   
alert(result);   
}   
</script>   
<div>   
<div><inputtypeinputtype="button"value="Get All Pigs"onclick="getAllPigs()"/>&nbsp;&nbsp;<inputtypeinputtype="button"value="Add a Pig"onclick="addPig()"/></div>   
<div>Result:</div>   
<dividdivid="divAllPigs"style="border:solid 1px black;">   
</div>   
</div>   
</form>   
</body>   
</html>