SilverLight学习札记-Silverlight中WebService通讯 _Web前端

SilverLight学习笔记--Silverlight中WebService通讯

本文我们学习如何在Silverlight中使用WebService进行通讯。
新建项目Silverlight应用程序，命名为：SLWebService。
在服务器端我们需要做两项目工作:
1、在Web项目中新建一个类Person，我们将在WebService中返回它的实例化对象。Person类定义如下:

using ?System;
using ?System.Collections.Generic;
using ?System.Linq;
using ?System.Web;

namespace ?SLWebService.Web
{
???? public ? class ?Person
????{
???????? public ? string ?Name?{? get ;? set ;?}
???????? public ? int ???Age?{? get ;? set ;?}
????}
}

2、在Web项目中建立一个WebService,命名为MySLWebService.asmx,它的主要任务就是返回一个Person类数组,代码如下:

Code
using ?System;
using ?System.Collections.Generic;
using ?System.Linq;
using ?System.Web;
using ?System.Web.Services;

namespace ?SLWebService.Web
{
???? /// ? <summary>
???? /// ?MySLWebService?的摘要说明
???? /// ? </summary>
????[WebService(Namespace? = ? " http://tempuri.org/ " )]
????[WebServiceBinding(ConformsTo? = ?WsiProfiles.BasicProfile1_1)]
????[System.ComponentModel.ToolboxItem( false )]
???? // ?若要允许使用?ASP.NET?AJAX?从脚本中调用此?Web?服务，请取消对下行的注释。
???? // ?[System.Web.Script.Services.ScriptService]
???? public ? class ?MySLWebService?:?System.Web.Services.WebService
????{

????????[WebMethod]
???????? public ? string ?HelloWorld()
????????{
???????????? return ? " Hello?World " ;
????????}

????????[WebMethod]
???????? public ?Person[]?GetPeople()
????????{
????????????List < Person > ?People? = ? new ?List < Person > ()
????????{
??????????? new ?Person{?Name = " Jack " ,Age = 12 },
??????????? new ?Person{?Name = " Tom " ,Age = 22 },
??????????? new ?Person{?Name = " Simon " ,Age = 32 },
??????????? new ?Person{?Name = " Richard " ,Age = 26 }
????????};

???????????? return ?People.ToArray();
????????}
????????
????}
}

在客户端我们需要做如下工作:
1、建立用户界面.Page.xaml代码如下:

< UserControl?x:Class = " SLWebService.Page "
????xmlns = " http://schemas.microsoft.com/winfx/2006/xaml/presentation " ?
????xmlns:x = " http://schemas.microsoft.com/winfx/2006/xaml " ?
????Width = " 400 " ?Height = " 300 " >
?? < StackPanel?Width = " 400 " ?Height = " 300 " ?Background = " Wheat " >
????????? < TextBlock?Text = " 通过WebService取得的数据如下 " ?TextAlignment = " Center " ?Foreground = " Red " ??FontSize = " 18 " ></ TextBlock >
????????? < Button?x:Name = " btnGetWebService " ?Width = " 200 " ?Height = " 30 " ?Content = " 获取数据

" ?Click = " btnGetWebService_Click " ></ Button >
???????? < ListBox?x:Name = " People " ?Width = " 300 " ?Height = " 200 " ?Margin = " 20 " >
???????????? < ListBox.ItemTemplate >
???????????????? < DataTemplate >
???????????????????? < StackPanel?Orientation = " Vertical " >
???????????????????????? < StackPanel?Orientation = " Horizontal " >
?????????????????????????? < TextBlock?Text = " 姓名 " ?Width = " 100 " ?Foreground = " Blue " ? ></ TextBlock >
?????????????????????????? < TextBlock?Text = " 年龄 " ?Width = " 100 " ?Foreground = " DarkBlue " ></ TextBlock >
???????????????????????? </ StackPanel >
???????????????????????? < StackPanel?Orientation = " Horizontal " >
???????????????????????? < TextBlock?Text = " {Binding?Name} " ?Foreground = " Red " ??Width = " 100 " ? ></ TextBlock >
???????????????????????? < TextBlock?Text = " {Binding?Age} " ??Foreground = " Green " ??Width = " 100 " ? ></ TextBlock >
???????????????????????? </ StackPanel >
???????????????????? </ StackPanel >
???????????????? </ DataTemplate >
???????????? </ ListBox.ItemTemplate >
???????? </ ListBox >
???? </ StackPanel >
</ UserControl >

界面如下:

????????????????????????

2、在Silverlight项目中引用服务器端的WebService，命名为MyWebServiceRef。

????????????????????????
引用后，程序如下图:

????????????????????????
3、在客户端使用WebService，通过WebService从服务器端取得数据，在本地处理后显示在用房界面上。Page.xaml.cs代码如下:

using ?System;
using ?System.Collections.Generic;
using ?System.Linq;
using ?System.Net;
using ?System.Windows;
using ?System.Windows.Controls;
using ?System.Windows.Documents;
using ?System.Windows.Input;
using ?System.Windows.Media;
using ?System.Windows.Media.Animation;
using ?System.Windows.Shapes;

using ?SLWebService.MyWebServiceRef;? // 加入对MyWebServiceRef的引用

namespace ?SLWebService
{
???? public ? partial ? class ?Page?:?UserControl
????{
???????? public ?Page()
????????{
????????????InitializeComponent();
????????}

???????? private ? void ?btnGetWebService_Click( object ?sender,?RoutedEventArgs?e)
????????{
???????????? // 使用WebService从服务器端得到数据并在本地端进行处理
????????????MySLWebServiceSoapClient?client? = ? new ?MySLWebServiceSoapClient();???
????????????client.GetPeopleCompleted?? += ? new ?EventHandler < GetPeopleCompletedEventArgs > (client_GetPeopleCompleted);
????????????
????????????client.GetPeopleAsync();
????????}

???????? void ?client_GetPeopleCompleted( object ?sender,?GetPeopleCompletedEventArgs?e)
????????{
???????????? if ?(e.Error? == ? null )
????????????{
????????????????People.ItemsSource? = ?e.Result;? // 绑定结果到UI的List控件
????????????}
????????}

????}
}

效果如下图:
????????????????????????

前往：Silverlight学习笔记清单

本文程序在Silverlight2.0和VS2008环境中调试通过。本文参照了部分网络资料，希望能够抛砖引玉，大家共同学习。
(转载本文请注明出处)

Tag标签: Silverlight ,WebService