Практикум

Прежде, чем приступить к созданию приложений Silverlight 3, необходимо убедиться, что все необходимые системные компоненты установлены. Для создания приложений необходимы:

Для выполнения практических работ по данному курсу от студента необходимо начальное знание языка C# и способов работы с Visual Studio.

Создание простого приложения Silverlight

Целью данного занятия является первое знакомство с Silverlight и создание простого приложения Silverlight

Задание

Создать новый проект Silverlight, разместить (захостить) приложение Silverlight в веб-приложении. Разместить стандартные элементы управления на странице Button, TextBox, TextBlock. Добавить управляющий код C#, который текст, введенный в TextBox, по нажатию кнопки, отображает в элементе TextBlock.

Создание приложения по шаблону

В Visual Studio создадим новый проект

Выберем шаблон Silverlight Application и зададим имя проекта SilverlightApplication

Приложение Silverlight должно быть размещено на веб-странице сайта. Создадим такой сайт. Это будет веб-приложение ASP.NET с названием SilverlightApplication.Web

После окончания работы мастера, должно получиться следующее решение, содержащее 2 проекта SilverlightApplication и SilverlightApplication.Web.

Добавление элементов управления

На страницу MainPage.xaml добавим элементы управления StackPanel и внутрь ее элементы TextBlock, TextBox и Button. Откроем MainPage.xaml и с панели ToolBox перетащим эти элементы внутрь контейнера Grid.

<Grid x:Name="LayoutRoot">
    <StackPanel Height="480" Width="257">
        <TextBlock x:Name="textBlock"/>
        <TextBox x:Name="textBox" Text="Введите текст"/>
        <Button Content="Кнопка" Click="Button_Click"/>
    </StackPanel>
</Grid>

Для TextBlock зададим имя textBlock, для того, чтобы к нему можно было обращаться из кода C#. Для TextBox зададим имя textBox. Кроме того, textBox содержит текст Введите текст. Кнопка Button содержит текст Кнопка и при нажатии на нее будет вызван метод Button_Click кода C#. Этот метод выглядит так:

private void Button_Click
     (object sender, System.Windows.RoutedEventArgs e)
{
    textBlock.Text = textBox.Text;
}

Из примера видно как код xaml вызывает метод C# void Button_Click. И как код C# управляет свойствами элементов, описанных в коде xaml.

Заключение

В данном практическом занятии был создан проект Silverlight, размещен на веб сайте. Добавлены стандартные элементы управления. Осуществлен доступ к свойствам элементов управления, описанных в xaml, из кода и, наоборот, из xaml к коду C#.

Создание элементов управления

Целью данного практического занятия является создание пользовательских "богатых" элементов управления на основе стандартных. Здесь мы воспользуемся возможностью Silverlight по созданю шаблонов и стилей для стандартных элементов управления. Для выполнения задания необходима Visual Studio.

Задание

Создать пользовательские элементы управления Button, ComboBox и ListBox. Разместить элементы каждый на отдельной странице. Создать меню для навигации по страницам с пользовательскими элементами управления. В проекте SilverlightControls добавим папку \Controls, куда поместим пользовательские элементы управления. В папке Views разместим страницы с этими элементами.

Меню

Создаем проект Silverlight, как в разделе "Создание простого приложения Silverlight", согласно рис. P.1, рис. P.2 и рис. P.3. Называем его SilverlightControls. Разница лишь в том, что используем шаблон Silverlight Navigation Application.

Шаблон создаст 2 пункта меню в MainPage.xaml, таких как About и Home, мы его расширяем пунктами Button, ComboBox, ListBox:

<Border x:Name="LinksBorder" 
        Style="{StaticResource LinksBorderStyle}">
    <StackPanel 
        x:Name="LinksStackPanel" 
        Style="{StaticResource LinksStackPanelStyle}">
        <HyperlinkButton 
            x:Name="Link1" 
            Style="{StaticResource LinkStyle}" 
            NavigateUri="/Home" 
            TargetName="ContentFrame" 
            Content="home"/>
        <Rectangle Style="{StaticResource DividerStyle}"/>                    
        <HyperlinkButton 
            x:Name="Link2" Style="{StaticResource LinkStyle}" 
            NavigateUri="/About" 
            TargetName="ContentFrame" 
            Content="about"/>                    
        <Rectangle Style="{StaticResource DividerStyle}"/>                    
        <HyperlinkButton 
            x:Name="Link3" 
            Style="{StaticResource LinkStyle}"                                      
            NavigateUri="/ButtonPage" 
            TargetName="ContentFrame" 
            Content="Button"/>
        <Rectangle Style="{StaticResource DividerStyle}"/>                    
        <HyperlinkButton 
            x:Name="Link4" 
            Style="{StaticResource LinkStyle}" 
            NavigateUri="/ComboBoxPage" 
            TargetName="ContentFrame" 
            Content="ComboBox"/>
        <Rectangle Style="{StaticResource DividerStyle}"/>                    
        <HyperlinkButton 
            x:Name="Link5" 
            Style="{StaticResource LinkStyle}" 
            NavigateUri="/ListBoxPage" 
            TargetName="ContentFrame" 
            Content="ListBox"/>
    </StackPanel>
</Border>

Далее необходимо создать страницы и сами элементы управления.

Элемент Button

Добавляем новый пользовательский элемент управления ButtonControl.xaml (Add/New Item). Размещаем его в каталоге \Controls. Туда же добавим рисунки 4.jpg и SL.png.

Добавим стандартный элемент Button

<Button 
    x:Name="button1"             
    Content="Button1" 
    Click="Button_Click"
    Style="{StaticResource ImageButton}" 
    HorizontalAlignment="Left" Width="77"/>

и улучшим его внешний вид с помощью стиля:

<UserControl.Resources>
   <Style x:Key="TextBlockStyle" TargetType="TextBlock"> 
      <Setter Property="FontFamily" Value="Comic Sans Ms"/>
      <Setter Property="Text" Value="Click!"/>
      <Setter Property="Foreground" Value="MediumBlue"/>
      <Setter Property="FontSize" Value="15"/>
   </Style>
   <Style x:Key="ImageButton" TargetType="Button">
      <Setter Property="Template">
         <Setter.Value>
            <ControlTemplate TargetType="Button">
                <Button>
                   <StackPanel Orientation="Vertical">
                      <Image 
                          Source="SL.png" 
                          Height="65" 
                          Width="65" 
                          Stretch="Fill"/>
                      <TextBlock 
                          Style="{StaticResource TextBlockStyle}" 
                          HorizontalAlignment="Center"/>
                   </StackPanel>
                </Button>
            </ControlTemplate>
         </Setter.Value>
      </Setter>
   </Style>
</UserControl.Resources>

Добавляем страницу ButtonPage.xaml для размещения этого элемента, страницу поместим в каталог \Views проекта.

На странице ButtonPage.xaml добавляем пространство имен класса SilverlightControls:

xmlns:local="clr-namespace:SilverlightControls"

и в сетку страницы сам элемент управления Button:

<local:ButtonControl 
    VerticalAlignment="Top" 
    HorizontalAlignment="Center"/>

После запуска мы получим:

Элемент ComboBox

Добавляем новый пользовательский элемент управления ComboBoxControl.xaml (Add/New Item). Размещаем его в каталоге \Controls. Туда же добавим рисунки 1.jpg, 2.jpg и 3.jpg.

Добавим стандартный элемент ComboBox:

<ComboBox 
   Margin="37,0,0,119" 
   Height="22" 
   VerticalAlignment="Bottom" 
   HorizontalAlignment="Left" 
   Width="65"/>

Добавим три элемента, улучшим вид каждого элемента, с помощью шаблона:

<ComboBox 
    Margin="37,0,0,119" 
    Height="22" 
    VerticalAlignment="Top" 
    HorizontalAlignment="Left" 
    Width="65">
    <ComboBoxItem>
        <StackPanel Orientation="Horizontal">
            <Image 
                Height="100" 
                Width="100" 
                Source="1.jpg"/>
            <TextBlock 
                Text="Ferrari F430" 
                HorizontalAlignment="Right" 
                VerticalAlignment="Center"/>
        </StackPanel>
    </ComboBoxItem>
    <ComboBoxItem>
        <StackPanel Orientation="Horizontal">
            <Image 
                Height="100" 
                Width="100" 
                Source="2.jpg"/>
            <TextBlock 
                Text="Fisker Karma" 
                HorizontalAlignment="Right" 
                VerticalAlignment="Center"/>
        </StackPanel>
    </ComboBoxItem>
    <ComboBoxItem>
        <StackPanel Orientation="Horizontal">
            <Image 
                Height="100" 
                Width="100" 
                Source="3.jpg"/>
            <TextBlock 
                Text="Lamborghini Murcielago LP 640" 
                HorizontalAlignment="Right" 
                VerticalAlignment="Center"/>
        </StackPanel>
    </ComboBoxItem>
</ComboBox>

Каждый пункт списка содержит вложенную панель <StackPanel/>, в которую вложены элементы <Image/> и <TextBlock/>.

Добавляем страницу ComboBoxPage.xaml для размещения этого элемента, страницу поместим в каталог \Views проекта.

На странице ComboBoxPage.xaml добавляем пространство имен класса SilverlightControls:

xmlns:local="clr-namespace:SilverlightControls"

и в сетку страницы сам элемент управления ComboBox:

<local:ComboBoxControl 
    VerticalAlignment="Top" 
    HorizontalAlignment="Center"/>

После компиляции проекта мы увидим ниспадающий список автомобилей с их изображениями:

Элемент ListBox

Добавляем новый пользовательский элемент управления ListBoxControl.xaml (Add/New Item). Размещаем его в каталоге \Controls.

Добавим стандартный элемент ListBox:

<ListBox 
    x:Name="_listbox"
    Margin="0,0,-2,0" 
    HorizontalAlignment="Center" 
    VerticalAlignment="Bottom">
    Width="229" 
    Height="230"
    <StackPanel Orientation="Horizontal">
        <Image Height="100" Width="100" Source="1.jpg"/>
        <TextBlock 
            Text="Ferrari F430" 
            HorizontalAlignment="Right" 
            VerticalAlignment="Center"/>
    </StackPanel>
    <StackPanel Orientation="Horizontal">
        <Image Height="100" Width="100" Source="2.jpg"/>
        <TextBlock 
            Text="Fisker Karma" 
            HorizontalAlignment="Right" 
            VerticalAlignment="Center"/>
    </StackPanel>
    <StackPanel Orientation="Horizontal">
        <Image Height="100" Width="100" Source="3.jpg"/>
        <TextBlock 
            Text="Lamborghini Murcielago LP 640" 
            HorizontalAlignment="Right" 
            VerticalAlignment="Center"/>
    </StackPanel>
</ListBox>

И добавим 3 пункта, с помощью шаблона. Шаблон содержит элемент <StackPanel/>, который содержит рисунок <Image/> и текст <TextBlock/>.

Добавляем страницу ListBoxPage.xaml для размещения этого элемента, страницу поместим в каталог \Views проекта.

На странице ListBoxPage.xaml добавляем пространство имен класса SilverlightControls:

xmlns:local="clr-namespace:SilverlightControls"

и в сетку страницы сам элемент управления ListBox:

<local:ListBoxControl 
    VerticalAlignment="Top" 
    HorizontalAlignment="Center"/>

После компиляции проекта мы увидим список автомобилей с их изображениями:

Заключение

На данном практическом занятии мы научились создавать пользовательские элементы управления на основе стандартных элементов, входящих в состав Silverlight framework. Увидели как любой элемент может содержать внутри себя другие вложенные элементы (шаблоны), а также, применили стиль к элементу управления.

Работа с базами данных

На данном занятии должно быть разработано приложение Silverlight, которое соединяется с базой данных и работают с таблицами. Основные способы это:

Сокеты в данном практическом занятии рассматриваться не будут, т.к. это довольно сложный и устаревший способ доступа к данным. В данном примере рассмотрим RIA сервис, как наиболее изящный и простой способ подключения. Для работы с таблицами будем использовать элементы управления DataGrid и DataForm.

Для выполнения задания необходимы Visual Studio, SQL Server+Client.

Задание

Разработать приложение Silverlight соединяющееся с базой данных AdventureWorks (база данных - пример) и извлекающее данные из таблицы Product. Данная база работает под управлением СУБД MS SQL Server 2008. Задача состоит из этапов:

Для выполнения данного задания необходимо установленное программное обеспечение (см. раздел 1 "Введение"), а также, работающая СУБД SQL Server 2008 с базой данных AdventureWorks (прилагается файл с базой) и клиентская часть данной СУБД. Необходимо отметить значение .NET RIA Services для выполнения этого задания. Данная служба является опцией Internet Information Server и устанавливается на веб-сервер.

Описание таблиц Product

Ниже приведена структура таблицы Product.

Создание приложения

В Visual Studio 2008 создаем новый проект Silverlight под названием DatabaseSilverlightApplication, по шаблону Silverlight Application.

Во время создания укажите привязку к .NET RIA Services, которые будут использованы для получения более высокого функционала приложения легким способом.

После окончания работы мастера будет создано решение, состоящее из двух проектов:

Далее открываем MainPage.xaml и MainPage.xaml.cs и работаем с ними.

Создание источника данных

Для того чтобы отображать данные на клиенте, необходимо создать источник данных DataContext в веб-приложении DatabaseSilverlightApplication.Web. Это делается в два этапа. Сначала создается модель данных, затем веб-сервис.

Чтобы создать модель, добавляем новый пункт new item и выбираем ADO.NET Entity Data Model.

Выбираем автоматическую генерацию модели из базы данных

Создаем подключение веб-приложения к базе данных. Генерируем новое соединение, выбираем имя сервера и имя базы данных, тестируем соединение.

После того, как мастер подключится к базе данных и прочитает там список доступных объектов, выбираем нужная таблица Product.

Теперь необходимо создать веб-сервис. Для начал нужно построить (build) веб-приложение. Для того чтобы, модель отразилась в dll и была видна для мастера создания сервиса. Добавляем пункт new item и выбираем Domain Service Class

Затем мастер предложит выбрать таблицы для отражения их в веб-сервисе.

Выбираем все и указываем возможность редактирования. Мастер сгенерирует все необходимые для этого методы. GetProduct() - для выборки данных, InsertProduct(Product product) - для добавления строки, UpdateProduct(Product currentProduct) - для модификации и DeleteProduct(Product product) - для удаления.

Теперь переходим непосредственно к проекту DatabaseSilverlightApplication.

Вывод данных таблицы

Добавляем на страницу MainPage.xaml элемент управления DataGrid. Он будет служить для отображения данных таблицы Product. Его название productGrid, он будет получать данные из источника данных ProductsData. Выводить мы будем только выбранные поля Color, Name, ModifiedDate, ProductNumber, ListPrice, Weight, WeightUnitMeasureCode, MakeFlag, FinishedGoodsFlag, ProductLine, Size, SizeUnitMeasureCode и StandardCost. Значение свойства AutoGenerateColumns надо задать False. Если этого не сделать, тогда будут выведены все поля плюс эти поля таблицы Product.

<data:DataGrid 
    x:Name="productGrid" 
    Margin="0,22,318,0"
    ItemsSource="{Binding Data, ElementName=ProductsData}" 
    AutoGenerateColumns="False" >
    <data:DataGrid.Columns>
        <data:DataGridTextColumn
        Header="Color"
        Binding="{Binding Color}"/>
        <data:DataGridTextColumn
        Header="Name"
        Binding="{Binding Name}"/>
        <data:DataGridTextColumn
        Header="Modified"
        Binding="{Binding ModifiedDate}"/>
        <data:DataGridTextColumn
        Header="ProductNumber"
        Binding="{Binding ProductNumber}"/>
        <data:DataGridTextColumn
        Header="Price"
        Binding="{Binding ListPrice}"/>
        <data:DataGridTextColumn
        Header="Weight"
        Binding="{Binding Weight}"/>
        <data:DataGridTextColumn
        Header="Unit"
        Binding="{Binding WeightUnitMeasureCode}"/>
        <data:DataGridCheckBoxColumn
        Header="Make"
        Binding="{Binding MakeFlag}"/>
        <data:DataGridCheckBoxColumn
        Header="Finished"
        Binding="{Binding FinishedGoodsFlag}"/>
        <data:DataGridTextColumn
        Header="ProductLine"
        Binding="{Binding ProductLine}"/>
        <data:DataGridTextColumn
        Header="Size"
        Binding="{Binding Size}"/>
        <data:DataGridTextColumn
        Header="Unit"
        Binding="{Binding SizeUnitMeasureCode}"/>
        <data:DataGridTextColumn
        Header="StandardCost"
        Binding="{Binding StandardCost}"/>
    </data:DataGrid.Columns>
</data:DataGrid>

Чтобы создать источник данных ProductsData, добавляем ссылку reference на библиотеку System.Windows.Ria.Controls:

На страницу MainPage.xaml добавляем:

xmlns:ria="clr-namespace:System.Windows.Controls;assembly=System.Windows.Ria.Controls"
xmlns:riaData="clr-namespace:System.Windows.Data;assembly=System.Windows.Ria.Controls"

Добавляем источник данных ProductsData на страницу:

<UserControl.Resources> 
    <ria:DomainDataSource 
        x:Name="ProductsData" 
        AutoLoad="True"
        QueryName="GetProductQuery">
        <ria:DomainDataSource.DomainContext>
            <DatabaseSilverlightApplication_Web:ProductContext/>
        </ria:DomainDataSource.DomainContext>            
    </ria:DomainDataSource> 
</UserControl.Resources>

Здесь указан метод GetProductQuery, возвращающий данные из базы и контекст, в который эти данные загружаются ProductContext. В атрибуты элемента DataGrid вставляем привязку к контексту ProductsData:

<data:DataGrid 
    ItemsSource="{Binding Data, ElementName=ProductsData}"

Теперь можно запустить приложение:

Теперь добавим интересный элемент управления "бегунок" ActivityControl.dll add reference. Данный элемент не является продуктом Microsoft и скачивается отдельно http://www.davidpoll.com/Download/ActivityControl9-14.zip

Обновим пространство имен страницы MainPage.xaml

xmlns:activity="clr-namespace:System.Windows.Controls;assembly=ActivityControl"

И добавим этот элемент на страницу, поместив описание DataGrid внутрь этого элемента:

<activity:Activity 
	IsActive="{Binding IsBusy, ElementName=ProductsData}">
    <data:DataGrid

Видим, что во время загрузки данных индикатор загрузки работает, а после исчезает:

Сортировка

Сортировка строк осуществляется методами самого элемента DataGrid. Свойство задается в описании DataGrid.

CanUserSortColumns="True"

По умолчанию значение свойства - True. По нажатию на поле осуществляется сортировка по возрастанию, при повторном нажатии - по убыванию.

Постраничный вывод

Теперь добавим элемент, который будет осуществлять Paging, т.е. постраничный вывод данных, разбитие их на страницы. Для этого служит элемент DataPager. Добавляем его на страницу:

<data:DataPager
    Source="{Binding Data, ElementName=ProductsData}"                        
    PageSize="10"

Привязываем этот элемент к данным ProductsData, так же как привязывали данные к DataGrid.

Группировка

Теперь добавим возможность группировки данных. Это можно сделать в коде:

public MainPage()
{
    InitializeComponent();
    ProductsData.GroupDescriptors.Add(new GroupDescriptor("Color"));
}

Можно в описании xaml, добавив как свойство GroupDescriptor из набора GroupDescriptors источника данных:

<ria:DomainDataSource 
 …
    <ria:DomainDataSource.GroupDescriptors>
        < riaData:GroupDescriptor PropertyPath="Color"/>            
    </ria:DomainDataSource.GroupDescriptors>
</ria:DomainDataSource>

Полей для группировки может быть несколько:

<riaData:GroupDescriptor PropertyPath="ProductLine"/>
<riaData:GroupDescriptor PropertyPath="Color"/>

ProductsData.GroupDescriptors.Add(new GroupDescriptor("ProductLine"));
ProductsData.GroupDescriptors.Add(new GroupDescriptor("Color"));

Это будет выглядеть так:

Фильтрация

Добавим на страницу xaml поле для ввода фильтра FilterText:

<TextBlock Text="Filter Name:"/>
<TextBox x:Name="FilterText" TextChanged="FilterText_TextChanged"/>

В описание источника данных добавляем описание фильтра:

<ria:DomainDataSource 
    <ria:DomainDataSource.FilterDescriptors>
        <riaData:FilterDescriptorCollection>
            <riaData:FilterDescriptor 
                PropertyPath="Name" 
                Operator="Contains">
                <riaData:ControlParameter 
                    ControlName="Filter" 
                    PropertyName="Text" 
                    RefreshEventName="TextChanged" />
            </riaData:FilterDescriptor>
        </riaData:FilterDescriptorCollection>
    </ria:DomainDataSource.FilterDescriptors>
</ria:DomainDataSource>

Обратите внимание на атрибут Operator. RIA сервисы предлагают дополнительные условия фильтрации:

Либо в коде добавляем обработчик событий:

private void FilterText_TextChanged
    (object sender, System.Windows.Controls.TextChangedEventArgs e)
{
    FilterDescriptorCollection fcollection = 
        new FilterDescriptorCollection();
    FilterDescriptor fdescr = 
        new FilterDescriptor
            ("Name", FilterOperator.Contains, FilterText.Text);
    fcollection.Add(fdescr);
    ProductsData.FilterDescriptors = fcollection;
}

Получаем работающий фильтр:

Теперь перейдем к изменению данных в таблице. Добавим в MainPage.xaml элемент управления DataForm:

<dataFormToolkit:DataForm 
    x:Name="productEditForm"             
    CurrentItem="{Binding 
                  ElementName=productGrid, Path=SelectedItem}"
    AutoCommit="False"
    AutoEdit="True"
    Header="Details"/>

Как видно из описания, он привязан к другому элементу productGrid, и при выборе строки SelectedItem отображает содержимое всей строки таблицы базы данных.

Получается приложение такого вида:

Изменения данных (было Blue, стало Green ) отслеживаются этим элементом. Видно появление звездочки вверху элемента, кнопки OK и отмена активизировались и появились изменения в DataGrid. После нажатия кнопки OK изменения появятся и в источнике данных и. Можно тоже самое сделать с помощью кода. Для манипуляции с данными к этому добавим панель с кнопками, код C# и изменим описание DataForm. Добавим в DataForm:

<dataFormToolkit:DataForm 
    CommandButtonsVisibility="None"

Добавим панель с кнопкой сохранения изменений:

<StackPanel Orientation="Horizontal" 
            Height="23" 
            VerticalAlignment="Bottom">
    <Button Content="Save changes" 
            Click="Button_Click"/>
</StackPanel>

И метод в код страницы:

private void Button_Click
    (object sender, RoutedEventArgs e)
{
    productEditForm.CommitEdit();
    ProductsData.SubmitChanges();
}

Для удаления строки добавим кнопку удалить со следующим описанием:

<Button Content="Delete" 
        Click="ButtonDelete_Click"/>

И код C#:

private void ButtonDelete_Click(object sender, RoutedEventArgs e)
{
    productEditForm.CommitEdit();
    productEditForm.DeleteItem();
    ProductsData.SubmitChanges();
}

Заключение

На данном практическом занятии мы рассмотрели пример работы с базой данных MS SQL 2008, с таблицами, научились делать выборку, сортировать, группировать и фильтровать строки, удалять, изменять данные таблиц, а также, оценили роль .NET RIA Services, значительно упрощающих разработку приложения Silverlight. Исходный код данного примера приведен в файле DataBase.zip.

Работа с веб сервисами

Задание

Задачей данного занятия является использование веб-сервиса Аэрофлота для создания приложения Silverlight, дающего возможность просматривать авиа рейсы прибывающие и вылетающие для заданного аэропорта мира и на заданную дату. Задача состоит из этапов:

Для выполнения данной работы необходимо установленное программное обеспечение (см. раздел 1 "Введение"), а также, доступ в Интернет.

Описание веб-сервиса "Справка о рейсе/Табло аэропортов"

Данный сервис позволяет получать информацию о текущем состоянии рейсов, просматривать табло аэропортов. Сервис предоставляет следующий набор функций:

AirportList - Список аэропортов. Возвращается список структур, состоящих из следующих полей:

AirportInfo - Информация об аэропорте. Входные параметры:

Возвращается структура, состоящая из следующих полей:

Arrival - Табло прилета. Входные параметры:

Возвращается список структур, состоящих из следующих полей:

DateList - Список дат, за которые есть данные в системе

Departure - Табло вылета. Входные параметры:

Возвращается список структур, состоящих из следующих полей:

FlightInfo - Подробная информация о рейсе. Входные параметры:

Возвращается список структур, состоящих из следующих полей:

FlightSearch - Поиск рейсов. Входные параметры:

Возвращается список структур, состоящих из следующих полей:

Адрес данного веб-сервиса:

http://webservices.aeroflot.ru/flightstatus.asmx?WSDL

Создание приложения Silverlight и подключение к веб-сервису

Теперь создадим приложение Silverlight, а также веб-приложение для отображения приложения Silverlight. Для этого последовательно выполняем шаги, изображенные на рис.5.1 - рис. 5.4. В Visual Studio 2008 создаем новый проект, указываем шаблон "Silverlight Application", вводим название и каталог будущего проекта.

Во время работы мастера отвечаем на вопрос, где будет "хоститься" новое приложение. Указываем, что на новом веб-сервере. Visual Studio создаст по шаблону простейшее веб-приложение ASP.NET и разместит на его странице необходимые ссылки на приложение Silverlight.

В результате работы мастера Visual Studio будет создано решение (см. рис.5.3)

Далее кликаем на проекте Silverlight правой клавишей мыши и выбираем "Add Service Reference". В поле "Address" вводим адрес веб-сервиса в интернете: http://webservices.aeroflot.ru/flightstatus.asmx?WSDL. Сразу увидим контракт, предлагаемый веб-сервисом. Вводим пространство имен для данной ссылки.