silverlight 学习笔记 （四）： MVVM+WCF Ria开发架构

在前两已经基本了解了silverlight的基本开发思路，其中在应用MVVM架构有很多不解，经过这两天学习才大致了解了一些。有几个初学者常犯得错误需要提醒

1、silverlight 是一个富客户端应用程序，silverlight应用程序会以xap包方式加载到客户端，既然是客户端应用程序那么就没法直接与后台数据库进行访问，这就需要用到Webservice，WCF，WCF RIA等技术实现客户端与服务器端的数据传输，所以放弃以前在些asp.net时直接写sql调用后台数据库吧！

2、silverlight 不支持DataTable，DataSet等数据集方式的数据传输，我们不得不使用实体数据集方式进行数据传输了，不过国外有牛人做了一个工具将datatable转化成xml传输到客户在再进一步将字符串转化成实体数据集供silverlight使用。有兴趣可以搜索Silverlight.DataSet，使用起来还是很方便的，对我们在一些无法确定实体类的情况下查询有很大帮助。

3、在silverlight 中应用MVVM时，其中Model+ViewModel+View都是silverlight客户端程序，它们直接可以相互引用，但别幻想着应用Web应用程序库，因为Web应用程序库在服务器端使用的

下面开始重点介绍的silverlight 中应用MVVM+WCF RIA的开发架构，由于只学了两天，没有太多时间深入，只能把目前了解到的记录下来

1、MVVM即model（实体）+View（界面）+ViewModel（逻辑），model层负责建立数据实体，保障数据加载，是View中数据绑定的基本元素（但不是说View中去绑定Model实例）。View层不多说，强烈建议使用Microsoft Expression Blend进行界面设计，所有的数据展示及事件都采用绑定形式，这样设计人员就与开发人员彻底分离了，具体实现见上节。ViewModel层是联系View层与Model层的桥梁，View层所有的数据绑定都直接指向ViewModel。这里的model，view，viewmodel都是客户端silverlight应用，可以建立多个silverlight应用库项目已进行系统结构上的分割。

2、silverlight的数据传输：以本人目前所了解的多数情况下都是采用WCF RIA方式，其优点google上了解吧。我之所以选择WCF RIA 是因为它比WCF 实现起来简单多了，而且由于RIA Link的存在，让我们客户端使用服务器端应用逻辑如同客户端一样，这样就解决了silverlight客户端与服务器端无法共享业务逻辑了，同时RIA Link 会在客户端生成服务器端的“影子代码”，让开发人员不再担心客户端与服务器端代码同步的问题了。

3、WCF RIA的设计：目前大多数网上查的资料都是在使用ado.net数据实体+Domain service方式，而我所了解的是ado.net 数据实体模型只支持MS SqlServer ，而对于oracle还需要再去下载一个odac for 11g 才行，痛苦啊！同时如果我们要从原有系统的wcf 服务提供数据 ，那就意味着要在Domain Service 中定义自己的CURD了。我索性直接采用自定义实体类+自定义Domain service方法了。

下面重点讲下步骤：

1、在解决方案中选择建立web应用程序库（service），注意如果该web应用程序与Silverlight的host不在一个项目则Silverlight 的host Web项目要引用该Web项目(service)，同时修改Web.config，可参照Service项目下的web.config，否则会出现错误：远程服务器返回了错误: NotFound。在Web应用程序库中建立实体类，注意实体类中必须要有主键

 

public class Items { [Key] public string SItemCode { get; set; } public string SItemName { get; set; } }

 2、建立Domain Servcie类

[EnableClientAccess()] public class DomainService1 : DomainService { public List<Items> GetItems() { List<Items> items = new List<Items>(); for (int i = 1; i < 10; i++) { Items item = new Items(); item.SItemCode = "A" + i.ToString(); item.SItemName = "this is " + i.ToString(); items.Add(item); } return items; } [Update] public void UpdateData(Items item) { //可添加SQL进行数据库操作 string s = item.SItemName; } [Delete] public void DeleteData(Items item) { string s = item.SItemName; } [Insert] public void InsertData(Items item) { string s = item.SItemName; } }

在建立类时[EnableClientAccess()]标识将能指示该类将在RIA Link中映射到客户端，本例子中建立了4个公共方法，为了简便我没有加入sql进行数据库的访问，GetItems()是给客户端查询提供数据，UpdateData()用来更新数据，需要注意的是在该方法上指定了[Update]属性，这样客户端在实体数据发生变化后可以应用此方法更新数据库数据，如果没有指定数据更新方法在客户端数据发生变化后会出现错误。删除、和添加方法定义一样。

3、建立silverlight应用程序，在silverlight项目上应用RIA Link，方法是在silverlight项目属性上在WCF RIA服务链接选择我们前面建立的Web应用程序库项目，这样在编译项目项目后会在该silverlight项目中添加一个隐藏的文件夹Generated_Code，这个文件夹中的内容是由系统产生，是根据我们之前定义的Domain Service类建立的，其中包含了一个DomainContext类和Entity实体类，我们可以应用该文件夹下所有的类。

4、建立ViewModel，为了简单我暂不建立Model类，在ViewModel中可以使用Ria Link 产生的DomainContext类中的包含实体集合类

public EntitySet<Items> Items { get { return base.EntityContainer.GetEntitySet<Items>(); } }

同时在该DomainContext会建立一个根据DomainService1 类中建立的数据查询方法

public EntityQuery<Items> GetItemsQuery() { this.ValidateMethod("GetItemsQuery", null); return base.CreateQuery<Items>("GetItems", null, false, true); }

在ViewModel中定义属性及事件

public class ItemViewModel:INotifyPropertyChanged { DomainService1 server = new DomainService1(); private Items _seletedItem = new Items(); public Items SeletedItem { get { return _seletedItem; } set { if (value != _seletedItem) { _seletedItem = value; PropertyChanged(this, new PropertyChangedEventArgs("SeletedItem")); } } } //private EntityQuery<Items> _itemList = new EntityQuery<Items>(); public EntitySet<Items> ItemList { get { return server.Items; } } public ICommand OnLoad { get { return new DelegateCommand(LoadData); } } private void LoadData(object obj) { EntityQuery<Items> list = server.GetItemsQuery(); LoadOperation<Items> loadOp = server.Load(list); // loadOp.Completed += new EventHandler(loadOp_Completed); } void loadOp_Completed(object sender, EventArgs e) { foreach (Items item in server.Items) { Items u = new Items(); u.SItemCode = item.SItemCode; u.SItemName = item.SItemName; //ItemList.Add(u); } } public ICommand OnUpdate { get { return new DelegateCommand(UpdateData); } } private void UpdateData(object obj) { server.SubmitChanges(); } public ICommand OnDelete { get { return new DelegateCommand(DeleteData); } } private void DeleteData(object obj) { server.Items.Remove(this.SeletedItem); server.SubmitChanges(); } public ICommand OnInsert { get { return new DelegateCommand(InsertData); } } public void InsertData(object obj) { Items item = new Items(); item.SItemCode = Guid.NewGuid().ToString(); item.SItemName = obj.ToString(); server.Items.Add(item); server.SubmitChanges(); } public ICommand OnSelectChanged { get { return new DelegateCommand(SelectionChanged); } } private void SelectionChanged(object obj) { if (obj != null) { SeletedItem = obj as Items; } else { SeletedItem = null; } } #region INotifyPropertyChanged 成员 public event PropertyChangedEventHandler PropertyChanged; #endregion }

通过server.SubmitChanges();可以将数据的变化反馈到服务器端的DomainService类中，DomainService类会根据数据集中的数据状态调用相应的方法进行数据处理，需要注意的是silverlight是采用异步处理模式，所以我们要考虑在服务器端的domainservice类中进行数据同步验证处理，以后深入讲解。

5、建立View，进行数据绑定

<Grid x:Name="LayoutRoot" Background="White" DataContext="{Binding Source={StaticResource ItemViewModelDataSource}}"> <sdk:DataGrid AutoGenerateColumns="true" Height="119" HorizontalAlignment="Left" Margin="21,169,0,0" x:Name="dataGrid1" VerticalAlignment="Top" Width="320" ItemsSource="{Binding ItemList, Source={StaticResource ItemViewModelDataSource}}" DataContext="{Binding}" SelectedItem="{Binding SeletedItem, Mode=TwoWay}" > <i:Interaction.Triggers> <i:EventTrigger EventName="SelectionChanged"> <i:InvokeCommandAction Command="{Binding OnSelectChanged, Mode=OneWay}" CommandParameter="{Binding SeletedItem}"/> </i:EventTrigger> </i:Interaction.Triggers> </sdk:DataGrid> <Button Content="查询" Height="23" HorizontalAlignment="Left" Margin="35,55,0,0" x:Name="button1" VerticalAlignment="Top" Width="75" Command="{Binding OnLoad, Mode=OneWay}" /> <Button Content="更新" Height="23" HorizontalAlignment="Left" Margin="116,55,0,0" x:Name="button2" VerticalAlignment="Top" Width="75" Command="{Binding OnUpdate, Mode=OneWay}" /> <Button Content="删除" Height="23" HorizontalAlignment="Left" Margin="197,55,0,0" x:Name="button3" VerticalAlignment="Top" Width="75" Command="{Binding OnDelete, Mode=OneWay}" CommandParameter="{Binding SelectedItem, ElementName=dataGrid1}" /> <TextBox Height="23" HorizontalAlignment="Left" Margin="46,106,0,0" x:Name="textBox1" VerticalAlignment="Top" Width="120" /> <Button Content="添加" Height="23" HorizontalAlignment="Left" Margin="172,106,0,0" x:Name="button4" VerticalAlignment="Top" Width="75" Command="{Binding OnInsert, Mode=OneWay}" CommandParameter="{Binding Text, ElementName=textBox1}" /> </Grid>

整个过程演示了MVVM+WCF RIA架构的实现，其中还有很多内部细节尚未深入，不过整体架构已见雏形！