您的位置：首页 > 其它

笔记-SILVERLIGHT使用WCF RIA SERVICE查询数据

2011-02-22 17:58 701 查看

本文介绍Silverlight如何使用WCF RIA SERVICE对数据的读取。如何排序，过滤，查询，分页等。

一.创建WCF RIA SERVICE程序

1.运行VS
2.在开始菜单New—>Project
3.在项目类型选择Visual C# 然后选择Silverlight
4.在我的模板里面选择Silverlight Businese Application
5.项目名字：HRApp

项目创建后,此解决方案包含2个项目.一个是Silverlight Client项目，名字叫HRApp和一个ASP.NET WEB Application项目叫HRApp.Web。默认创建的程序包含了超链接，登陆/登出，用户注册。

1.1.设置应用程序

1.打开应用客户端程序中的MainPage.xaml
找到下面的XAML代码，此段代码是从资源文件中获取应用程序名字。

<TextBlock x:Name="ApplicationNameTextBlock" Style="{StaticResource ApplicationNameStyle}" Text="{Binding ApplicationStrings.ApplicationName, Source={StaticResource ResourceWrapper}}"/>

2.打开Asset/Resouce文件夹，然后打开ApplicationStrings.resx的资源文件。修改名字ApplicationName的值为HR Application
3.在HRApp项目新增一个Silverlight页面。名字是EmployeeList.xaml。




4.打开EmployeeList.xaml文件，在Grid标记内加入下面代码：
<ScrollViewer BorderThickness="0"  VerticalScrollBarVisibility="Auto" Padding="12,0,12,0" Margin="-12">
<StackPanel Margin="0,12,0,12" Orientation="Vertical" >
<TextBlock Text="Employee List" Style="{StaticResource HeaderTextStyle}"/>

</StackPanel>
</ScrollViewer>
.csharpcode, .csharpcode pre
{
font-size: small;
color: black;
font-family: consolas, "Courier New", courier, monospace;
background-color: #ffffff;
/*white-space: pre;*/
}
.csharpcode pre { margin: 0em; }
.csharpcode .rem { color: #008000; }
.csharpcode .kwrd { color: #0000ff; }
.csharpcode .str { color: #006080; }
.csharpcode .op { color: #0000c0; }
.csharpcode .preproc { color: #cc6633; }
.csharpcode .asp { background-color: #ffff00; }
.csharpcode .html { color: #800000; }
.csharpcode .attr { color: #ff0000; }
.csharpcode .alt
{
background-color: #f4f4f4;
width: 100%;
margin: 0em;
}
.csharpcode .lnum { color: #606060; }

保存此文件。
5.将EmployeeList.xaml文件拖到Views文件夹
6.打开MainPage.xaml文件，在页面Home和About连接中间插入下面XAML代码

<HyperlinkButton x:Name="Link3" Style="{StaticResource LinkStyle}" NavigateUri="/EmployeeList" TargetName="ContentFrame" Content="Employee List"/>

<Rectangle x:Name="Divider2" Style="{StaticResource DividerStyle}"/>

二.添加业务逻辑到RIA SERVICE项目

如果没有数据库AdventureWorks，可以到http://msftdbprodsamples.codeplex.com/releases/view/4004下载。
2.1：添加数据源
1.在HRApp.web项目添加一个ADO.NET Entity Data Model的项。取名为：AdventureWorks .edmx。

2.单击添加。然后会出现Entity Data Model Wizard窗体。选择 Generate from database.然后下一步。

3.展开Tables节点，然后选择Employee表。设置Model Namespace名字：AdventureWorks_DataModel。

单击完成。

编译这个解决方案。

三.添加Domain Service Object和数据查询

1.在项目HRApp.web新增项，在新增窗体里选择WEB，在模板里选择Domain Service Class,取名为：OrganizationService。单击添加。

2.在Add New Domain Service Class窗口，选择Employee。单击OK。

3.在OrganizationService.cs你可以看到CRUD（新增，查询，更新，删除）的方法。
4.自定义查询方法，让返回值使用EmployeeID排序。
替换下面的代码：

public IQueryable<Employee> GetEmployees()
{
return this.ObjectContext.Employees;
}

public IQueryable<Employee> GetEmployees()
{
return this.ObjectContext.Employees.OrderBy(e => e.EmployeeID);
}

5.编译整个解决方案。

6.打开项目HRApp项目Views里面的EmployeeList.xaml。

在TextBlock下面加入DataGrid，设置Name为dataGrid1,IsReadOnly为True。如下面XAML，

<sdk:DataGrid Name="dataGrid1" IsReadOnly="True" MinHeight="100"></sdk:DataGrid>

7.切换到ExployeeList.xaml.cs，导入命名空间

using HRApp.Web;

8.OrganizationContext是在HRApp.Web项目基于OrganizationService生成的代码。实例化OrganizationContext,加载Employee表的数据。

public partial class EmployeeList : Page
{
OrganizationContext _OrganizationContext = new OrganizationContext();
public EmployeeList()
{
InitializeComponent();
this.dataGrid1.ItemsSource = _OrganizationContext.Employees;
_OrganizationContext.Load(_OrganizationContext.GetEmployeesQuery());
}

// Executes when the user navigates to this page.
protected override void OnNavigatedTo(NavigationEventArgs e)
{
}
}

.csharpcode, .csharpcode pre
{
font-size: small;
color: black;
font-family: consolas, "Courier New", courier, monospace;
background-color: #ffffff;
/*white-space: pre;*/
}
.csharpcode pre { margin: 0em; }
.csharpcode .rem { color: #008000; }
.csharpcode .kwrd { color: #0000ff; }
.csharpcode .str { color: #006080; }
.csharpcode .op { color: #0000c0; }
.csharpcode .preproc { color: #cc6633; }
.csharpcode .asp { background-color: #ffff00; }
.csharpcode .html { color: #800000; }
.csharpcode .attr { color: #ff0000; }
.csharpcode .alt
{
background-color: #f4f4f4;
width: 100%;
margin: 0em;
}
.csharpcode .lnum { color: #606060; }

.csharpcode, .csharpcode pre
{
font-size: small;
color: black;
font-family: consolas, "Courier New", courier, monospace;
background-color: #ffffff;
/*white-space: pre;*/
}
.csharpcode pre { margin: 0em; }
.csharpcode .rem { color: #008000; }
.csharpcode .kwrd { color: #0000ff; }
.csharpcode .str { color: #006080; }
.csharpcode .op { color: #0000c0; }
.csharpcode .preproc { color: #cc6633; }
.csharpcode .asp { background-color: #ffff00; }
.csharpcode .html { color: #800000; }
.csharpcode .attr { color: #ff0000; }
.csharpcode .alt
{
background-color: #f4f4f4;
width: 100%;
margin: 0em;
}
.csharpcode .lnum { color: #606060; }

四.增加自定义查询

1.打开HRApp.Web项目中的OrganizationService.cs。增加方法GetSalariedEmployees().

public IQueryable<Employee> GetSalariedEmployees()
{
return this.ObjectContext.Employees.Where(e => e.SalariedFlag == true).OrderBy(e => e.EmployeeID);
}

public partial class EmployeeList : Page
{
OrganizationContext _OrganizationContext = new OrganizationContext();
public EmployeeList()
{
InitializeComponent();
this.dataGrid1.ItemsSource = _OrganizationContext.Employees;
_OrganizationContext.Load(_OrganizationContext.GetSalariedEmployeesQuery());
}

// Executes when the user navigates to this page.
protected override void OnNavigatedTo(NavigationEventArgs e)
{
}
}

5.从工具栏找到DomainDataSource控件，然后放到EmployeeList.xaml页面，放在DataGrid前面。如果没有找到DomainDataSource，可以把这控件加入到工具栏。这个控件在程序集System.Windows.Controls.DomainServices。加到EmployeeList 页面后，会自动添加命名空间。

xmlns:riaControls="clr-namespace:System.Windows.Controls;assembly=System.Windows.Controls.DomainServices"

xmlns:ds="clr-namespace:HRApp.Web"

<riaControls:DomainDataSource Name="employeeDataSource"
LoadSize="20"
QueryName="GetSalariedEmployees"
AutoLoad="True">
</riaControls:DomainDataSource>

<riaControls:DomainDataSource Name="employeeDataSource"
LoadSize="20"
QueryName="GetSalariedEmployees"
AutoLoad="True">
<riaControls:DomainDataSource.DomainContext>
<ds:OrganizationContext/>
</riaControls:DomainDataSource.DomainContext>
</riaControls:DomainDataSource>

<sdk:DataGrid Name="dataGrid1" IsReadOnly="True" MinHeight="100"></sdk:DataGrid>

<sdk:DataGrid Name="dataGrid1"
MinHeight="100"
IsReadOnly="True"
Height="Auto"
ItemsSource="{Binding Data, ElementName=employeeDataSource}" />

public partial class EmployeeList : Page
{
//OrganizationContext _OrganizationContext = new OrganizationContext();
public EmployeeList()
{
InitializeComponent();
//this.dataGrid1.ItemsSource = _OrganizationContext.Employees;
//_OrganizationContext.Load(_OrganizationContext.GetSalariedEmployeesQuery());
}

// Executes when the user navigates to this page.
protected override void OnNavigatedTo(NavigationEventArgs e)
{
}
}

五.增加排序，过滤，分页

1.指定数据如何在DataGrid排序，需要加入SortDescriptors到DomainDataSource。添加下面的XAML，以升序排序VacationHours。

<riaControls:DomainDataSource Name="employeeDataSource"
LoadSize="20"
QueryName="GetSalariedEmployees"
AutoLoad="True">
<riaControls:DomainDataSource.DomainContext>
<ds:OrganizationContext/>
</riaControls:DomainDataSource.DomainContext>
<riaControls:DomainDataSource.SortDescriptors>
<riaControls:SortDescriptor PropertyPath="VacationHours" Direction="Ascending" />
</riaControls:DomainDataSource.SortDescriptors>
</riaControls:DomainDataSource>

2.添加下面的XAML代码，使之支持过滤。

<navigation:Page xmlns:riaControls="clr-namespace:System.Windows.Controls;assembly=System.Windows.Controls.DomainServices"  x:Class="HRApp.EmployeeList"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
mc:Ignorable="d"
xmlns:ds="clr-namespace:HRApp.Web"
xmlns:navigation="clr-namespace:System.Windows.Controls;assembly=System.Windows.Controls.Navigation"
d:DesignWidth="640" d:DesignHeight="480"
Title="EmployeeList Page" xmlns:sdk="http://schemas.microsoft.com/winfx/2006/xaml/presentation/sdk">
<Grid x:Name="LayoutRoot" Background="White">
<ScrollViewer BorderThickness="0"  VerticalScrollBarVisibility="Auto" Padding="12,0,12,0" Margin="-12">
<StackPanel Margin="0,12,0,12" Orientation="Vertical" >
<TextBlock Text="Employee List" Style="{StaticResource HeaderTextStyle}"/>

<StackPanel Orientation="Horizontal"
HorizontalAlignment="Right"
Margin="0,-16,0,0">
<TextBlock VerticalAlignment="Center"
Text="Min Vacation Hours Filter" />
<TextBox x:Name="vacationHoursText" Width="75"
FontSize="11" Margin="4" Text="0"/>
</StackPanel>

<riaControls:DomainDataSource
Name="employeeDataSource"
LoadSize="20"
QueryName="GetSalariedEmployees"
AutoLoad="True">
<riaControls:DomainDataSource.DomainContext>
<ds:OrganizationContext/>
</riaControls:DomainDataSource.DomainContext>
<riaControls:DomainDataSource.SortDescriptors>
<riaControls:SortDescriptor PropertyPath="VacationHours"
Direction="Ascending" />
</riaControls:DomainDataSource.SortDescriptors>

<riaControls:DomainDataSource.FilterDescriptors>
<riaControls:FilterDescriptor
PropertyPath="VacationHours"
Operator="IsGreaterThanOrEqualTo"
IgnoredValue=""
Value="{Binding ElementName=vacationHoursText, Path=Text}"  >
</riaControls:FilterDescriptor>
</riaControls:DomainDataSource.FilterDescriptors>

</riaControls:DomainDataSource>
<sdk:DataGrid MinHeight="100"
IsReadOnly="True"
ItemsSource="{Binding Data, ElementName=employeeDataSource}"
Name="dataGrid1" />
</StackPanel>
</ScrollViewer>
</Grid>
</navigation:Page>

3.在DataGrid下面加上一个DataPager控件，设置PageSize属性为5和设置Source属性。

<sdk:DataPager PageSize="5" Source="{Binding Data, ElementName=employeeDataSource}" Margin="0,-1,0,0"/>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航