WPF Step By Step 系列-Prism框架在项目中使用 心已赠人 2021-11-14 14:16 315阅读 0赞 # [WPF Step By Step 系列-Prism框架在项目中使用][WPF Step By Step _-Prism] # # 回顾 # > 上一篇,我们介绍了关于控件模板的用法,本节我们将继续说明WPF更加实用的内容,在大型的项目中如何使用Prism框架,并给予Prism框架来构建基础的应用框架,并且如何来设计项目的架构和模块,下面我们就来一步步开始吧。 # 本文大纲 # > 1、Prism框架下载和说明 > > 2、Prism项目预览及简单介绍。 > > 3、Prism框架如何在项目中使用。 # Prism框架下载和说明 # > Prism框架是针对WPF和Silverlight的MVVM框架,这个大家应该之前,都有所耳闻,关于该框架的具体说明,可以参考如下地址: > > [Prism框架下载][Prism] > > Prism框架通过功能模块化的思想,来讲复杂的业务功能和UI耦合性进行分离,通过模块化,来最大限度的降低耦合性,很适合我们 > > 进行类似插件话的思想来组织系统功能。并且模块之间,通过发布和订阅事件来完成信息的通信。而且其开放性支持多种框架集成。 # Prism项目预览及简单介绍 # > 框架下载完毕后,解压后的文件的组织模式如下: > [![image][]][image 1] > > 我们先打开Hello World QuickStart.bat看看 > > [![image][image 2]][image_image 2] > > 上面是项目的组织结构,关于该项目内部的代码结构和写法,我们来一一分析和解释。 > > A、先看看HelloworldModule的代码和内容。 > > Views文件夹中包含了UI视图界面内容。 > > [![image][image 3]][image_image 3] > > 其中只是包含了一个Textbox文本控件,其他没有太多的内容。 > > 接着看看该设计文件对应的后台cs文件中的代码。 > > [![image][image 4]][image_image 4] > > 也是没有什么特别的内容。接着我们看看Module中的内容代码: > > [![image][image 5]][image_image 5] > > 上面对于Module中的代码,我们就简单的分析完毕了,当然这个模块没有办法独立的运行,我们肯定要将模块加载到宿主或某个控制的主界面中,把它显示出来即可,下面我们就来看看Prism最关键的部分。 > > B、宿主或主界面。 > > 先看看APP文件 > > [![image][image 6]][image_image 6] > > 设计视图中未指定,那么肯定是在cs文件中的某处直接或简介指定。 > > [![image][image 7]][image_image 7] > > 果然,这里采用了BootStrapper来完成Run方法,实现应用的启动,我们可以来深挖,看看该文件中都包含什么内容。 > > [![image][image 8]][image_image 8] > > 接着,我们来看看Shell中的内容: > > [![image][image 9]][image_image 9] > > 我们在来看看shell里面有没有什么特殊的代码,打开后台cs文件 > > [![image][image 10]][image_image 10] > > 并无任何特殊的内容。所以我们可以大概的了解到了Prism的运行机制和流程,那么运行后的效果如下: > > [![image][image 11]][image_image 11] > > 符合预期的目标,下面我们将继续深入的挖掘Prism的强大之处。 # Prism框架如何在项目中使用 # > Prism是一个强大的Mvvm框架,下面我们将重点讲解如何在项目使用Prism提供的基础功能,完成基于MVVM的WPF项目的框架设计和开发,包括应用程序的架构。 > > [![image][image 12]][image_image 12] > > 项目的解决方案结构,项目采用Prism作为UI框架,NHiberia+Unity作为ORM和IOC框架。 > > 下面我们就来一步步解析项目中的每个部分的细节和最终项目如何把这些细节组织起来的做一个整体结构上的说明。关于其他的分层设计结构我就不多说了,只关注Prism部分的内容。 > > 1、关于对Prism的基础封装 > > [![image][image 13]][image_image 13] > > 为什么不直接使用Prism,我们希望开发人员的学习成本更低,所以,我们队Prism的一些方法进行了封装,更符合开发人员之前熟悉的MVVM模式。 > > 关于封装的具体内容,我们后续会看到代码。 > > 2、关于Infrastructure基础设施层定义 > > [![image][image 14]][image_image 14] > > 3、具体的模块定义 > > [![image][image 15]][image_image 15] > > 4、看看程序应用宿主的定义: > > [![image][image 16]][image_image 16] > > 通过上面,我们介绍了基础的项目和具体的模块和宿主模块的定义,下面我们就来详细的分析下Prism如何加载模块的并且模块间如何通信,如何完成业务功能的完整流程: > > 在之前介绍HelloWorld的时候,我们有简单的介绍了Prism的基本流程是宿主会在Bootstrappter中对模块进行装载并初始化,下面我们来看看我们在我给出的例子中的具体过程。 > > a、Shell的定义: > > [![image][image 17]][image_image 17] > > 与之前的区别就是在于,我们原来是手写的字符串,这里通过单独的类定义成静态的常量成员,我们能够防止名称出错的可能。同时我们也可以避免因为某处界面上 Region符号的变化,因为某处没有修改,而造成不同步,运行出错的情况的发生,更容易统一的管理。具体的基础设施层中关于RegionType的定义 如下: > > [![image][image 18]][image_image 18] > > 接着查看Shell的后台cs代码: > > ![复制代码][copycode.gif] > > ![复制代码][copycode.gif] > > 1 /// <summary> > 2 /// MainWindow.xaml 的交互逻辑 > 3 /// </summary> > 4 [Export] > 5 public partial class Shell : Window > 6 { > 7 public Shell() > 8 { > 9 InitializeComponent(); > 10 } > 11 > 12 /// <summary> > 13 /// 设置ViewModel > 14 /// </summary> > 15 /// <remarks> > 16 /// This set-only property is annotated with the <see cref="ImportAttribute"/> so it is injected by MEF with > 17 /// the appropriate view model. > 18 /// </remarks> > 19 [Import] > 20 [SuppressMessage("Microsoft.Design", "CA1044:PropertiesShouldNotBeWriteOnly", Justification = "Needs to be a property to be composed by MEF")] > 21 ShellViewModel ViewModel > 22 { > 23 set > 24 { > 25 this.DataContext = value; > 26 if (this.DataContext != null) > 27 { > 28 ((ShellViewModel)this.DataContext).OnStatusChanged += new Action<string>(SystemStatusManagementEventHandler); > 29 } > 30 } > 31 } > 32 > 33 public void SystemStatusManagementEventHandler(string parameter) > 34 { > 35 if (parameter.IsNullOrEmpty()) > 36 { > 37 throw new ArgumentNullException("无法完成操作"); > 38 } > 39 > 40 switch (parameter) > 41 { > 42 case HM_EMSTS.WorkStation.Infrastructure.MenuParams.Max: > 43 this.WindowState = System.Windows.WindowState.Maximized; > 44 break; > 45 case HM_EMSTS.WorkStation.Infrastructure.MenuParams.Min: > 46 this.WindowState = System.Windows.WindowState.Minimized; > 47 break; > 48 case HM_EMSTS.WorkStation.Infrastructure.MenuParams.Close: > 49 if (MessageBox.Show("是否退出系统?", "退出系统?", MessageBoxButton.OKCancel, MessageBoxImage.Question) == MessageBoxResult.OK) > 50 { > 51 this.Close(); > 52 } > 53 break; > 54 } > 55 } > 56 } > > ![复制代码][copycode.gif] > > ![复制代码][copycode.gif] > > 上面的代码中采用了MEF中的Export特性和Import特性。 关于MEF的内容,我这里就不多介绍了,不是很了解的可以谷歌或百度下。 > > 继续,我们查看Shell的ViewModel定义,因为上面的后台的cs代码中有订阅相关的事件。 > > ![复制代码][copycode.gif] > > ![复制代码][copycode.gif] > > 1 [Export(typeof(ShellViewModel))] > 2 public class ShellViewModel : HM_EMSTS.WorkStation.UICommon.NotifyBaseObject > 3 { > 4 public Action<string> OnStatusChanged; > 5 > 6 [ImportingConstructor] > 7 public ShellViewModel(IEventAggregator eventAggregator) > 8 { > 9 //注册事件 > 10 if (eventAggregator == null) > 11 { > 12 throw new ArgumentNullException("eventAggregator"); > 13 } > 14 > 15 eventAggregator.GetEvent<HM_EMSTS.WorkStation.Infrastructure.Events.SystemStatusManagementEvent>().Subscribe(this.SystemStatusManagementEventHandler); > 16 } > 17 > 18 public void SystemStatusManagementEventHandler(string parameter) > 19 { > 20 if (parameter.IsNullOrEmpty()) > 21 { > 22 throw new ArgumentNullException("无法完成操作"); > 23 } > 24 > 25 if (OnStatusChanged != null) > 26 OnStatusChanged(parameter); > 27 } > 28 } > > ![复制代码][copycode.gif] > > ![复制代码][copycode.gif] > > 上面的代码,主要是为了完成对事件的订阅,并且当收到订阅的事件时,通知出去。这里特别注意,可以参考下图: > > [![image][image 19]][image_image 19] > > 关于Event的定义我们可以看看上述Event的定义: > > [![image][image 20]][image_image 20] > > 如果想按照,我们之前写的那样的形式来绑定和触发事件操作的话,必须这么写。 > > 那么下面我们来看看ShellModule的定义吧,我们这里的代码如下: > > [![image][image 21]][image_image 21] > > 我们使用了某个Module项目中的页面来替换shell中的Region。这样保证了Shell运行起来后能够正确的显示界面。 > > 下面来看看项目中最重要的WorkStationBootstrapper的定义 > > [![image][image 22]][image_image 22] > > 前面介绍的helloWorld里面是采用的Unity容器,这里是MEF,所以要注意的部分,有所不同。这里需要制定MEF可导入导出部件所在的目录或程序集 > > [![image][image 23]][image_image 23] > > 我们知道shell后台cs的代码定义前面也说过了,有带有export标记。那么当执行上述的代码后,将会出现在MEFbootstrappter的 Container中。这里的container是CompositionContainer是MEF中定义的。 > > 接着查看如下方法: > > [![image][image 24]][image_image 24] > > 通过上面的几个方法,此时,我们的主程序,就完成了对Region的解析,显示出来即可。 > > B、模块定义: > > [![image][image 25]][image_image 25] > > Module主要是为了,替换Region符合和标记为具体的界面而是用的。 > > 我们下面挑选一个页面来展示完整的定义和操作。 > > 1、Model定义: > > [![image][image 26]][image_image 26] > > 当我们的Model具有自动通知机制时,特别对于列表中的某个单元格的属性发生改变后,不需要刷新整个列表,这时候就会自动完成更新,WPF会自动完成。 > > 2、IView接口定义。 > > [![image][image 27]][image_image 27] > > 因为我们这里采用MVP的设计模式,所以要求所有的View必须继承自IView接口。 > > [![image][image 28]][image_image 28] > > 我们这里都是直接定义View对应的唯一接口即可,主要是为了MEF的Export和Import时有用。 > > 3、View的定义。 > > 设计视图: > > [![image][image 29]][image_image 29] > > 后台代码: > > [![image][image 30]][image_image 30] > > 4、ViewModel的定义。 > > 这里由于我们采用MVP模式,所有对于不同View之间的交互,我们这里放到了Presenter中,ViewModel充当的是对IView界面的完全控制抽象。 > > [![image][image 31]][image_image 31] > > 所以我们看到这里,没有任何的业务代码。但是对已IView界面所有的绑定信息,都需要定义到该类中。 > > 5、Presenter定义。 > > [![image][image 32]][image_image 32] > > 上面讲Presenter标记了Export。主要是在Module中对Region进行映射时使用。 > > 然后我们来看看PresenterBase的定义,一看便明白 > > [![image][image 33]][image_image 33] > > 这样在构造展示器时,我们便可以将IView和ViewModel之间的关系完成绑定。 > > 6、Module的定义 > > [![image][image 34]][image_image 34] > > 这样我们就完成了,一个模块的功能开发,该功能模块尽量功能独立。 > > 最终,我们通过一个主界面,将这样功能模块组装起来即可。 # 最终 # > 将上面构建的模块运行下,看看效果,也许效果不是很好看,没有设置样式。 > > [![image][image 35]][image_image 35] > > 程序运行的框架还是非常的清晰,上面是工具栏,菜单栏,内容区。通过Prism我们可以讲菜单栏或者工具栏中的功能都设计成独立的模块,分别进行装载和控制,这样能够具有非常好的扩展性和可维护性。 > > 由于本人水平有限,还存在对Prism框架不理解或理解不深刻的地方,错误之处在所难免,还请大家批评指出,谢谢! 转载于:https://www.cnblogs.com/Jeely/p/11077995.html [WPF Step By Step _-Prism]: http://www.cnblogs.com/hegezhou_hot/archive/2012/12/21/2828162.html [Prism]: http://compositewpf.codeplex.com/ [image]: /images/20211114/d3dae3db803a424fb608e0e70023304c.png [image 1]: http://images.cnblogs.com/cnblogs_com/hegezhou_hot/201212/201212211614081987.png [image 2]: https://images.cnblogs.com/cnblogs_com/hegezhou_hot/201212/201212211614101299.png [image_image 2]: /images/20211114/0e8fad29ec594bc1985d668dfa48de33.png [image 3]: https://images.cnblogs.com/cnblogs_com/hegezhou_hot/201212/201212211614123609.png [image_image 3]: /images/20211114/1e0bfcbe963149148aafefe1b9c085ff.png [image 4]: https://images.cnblogs.com/cnblogs_com/hegezhou_hot/201212/201212211614126018.png [image_image 4]: /images/20211114/38ead01b6d4848878e9a835172bed629.png [image 5]: https://images.cnblogs.com/cnblogs_com/hegezhou_hot/201212/20121221161413379.png [image_image 5]: /images/20211114/5c68e783a0ce45d2ab09c80e75b7d479.png [image 6]: https://images.cnblogs.com/cnblogs_com/hegezhou_hot/201212/201212211614147805.png [image_image 6]: /images/20211114/3f8f2229a336400c85aaf5f36bf287f6.png [image 7]: https://images.cnblogs.com/cnblogs_com/hegezhou_hot/201212/201212211614151850.png [image_image 7]: /images/20211114/f9c06ab70e7345d0b4b055ec73540cc6.png [image 8]: https://images.cnblogs.com/cnblogs_com/hegezhou_hot/201212/201212211614209304.png [image_image 8]: /images/20211114/ec26bb49baf54a6bb26fa5ef060d4720.png [image 9]: https://images.cnblogs.com/cnblogs_com/hegezhou_hot/201212/2012122116142177.png [image_image 9]: /images/20211114/1d117adb492747cf962998618da7da27.png [image 10]: https://images.cnblogs.com/cnblogs_com/hegezhou_hot/201212/201212211614225551.png [image_image 10]: /images/20211114/f26849df43094384a435e52e0ab24d90.png [image 11]: https://images.cnblogs.com/cnblogs_com/hegezhou_hot/201212/201212211614234929.png [image_image 11]: /images/20211114/aae4e2f663cd4ff4b077e745fadca9d6.png [image 12]: https://images.cnblogs.com/cnblogs_com/hegezhou_hot/201212/20121221161424370.png [image_image 12]: /images/20211114/4d0fbb2520914f8b92d6a2f6cb021f8a.png [image 13]: https://images.cnblogs.com/cnblogs_com/hegezhou_hot/201212/201212211614252746.png [image_image 13]: /images/20211114/9057057baa714bf6958240e79bd2b672.png [image 14]: https://images.cnblogs.com/cnblogs_com/hegezhou_hot/201212/201212211614265122.png [image_image 14]: /images/20211114/ec037a46e5d245ee97abffdc9c7b8bf3.png [image 15]: https://images.cnblogs.com/cnblogs_com/hegezhou_hot/201212/201212211614271958.png [image_image 15]: /images/20211114/f3aa86d255294373b6d0e35f7d502693.png [image 16]: https://images.cnblogs.com/cnblogs_com/hegezhou_hot/201212/201212211615526282.png [image_image 16]: /images/20211114/1929e5e28a9f43eba98d8d112fd74ffb.png [image 17]: https://images.cnblogs.com/cnblogs_com/hegezhou_hot/201212/201212211615535103.png [image_image 17]: /images/20211114/eb0a8f13459143e9b9011ec32e6bf3c8.png [image 18]: https://images.cnblogs.com/cnblogs_com/hegezhou_hot/201212/201212211615536433.png [image_image 18]: /images/20211114/e40699669f424d91baade16db064eede.png [copycode.gif]: /images/20211114/f2209c30addd4671ac27d1f2da582214.png [image 19]: https://images.cnblogs.com/cnblogs_com/hegezhou_hot/201212/201212211615567215.png [image_image 19]: /images/20211114/8038d7bfb6924a4ba8546378da15df83.png [image 20]: https://images.cnblogs.com/cnblogs_com/hegezhou_hot/201212/201212211615571261.png [image_image 20]: /images/20211114/48e9140b883f4e4eb4eed26750bc49ca.png [image 21]: https://images.cnblogs.com/cnblogs_com/hegezhou_hot/201212/201212211615596046.png [image_image 21]: /images/20211114/bfe65f70af61449db4ceafc5f4207f7e.png [image 22]: https://images.cnblogs.com/cnblogs_com/hegezhou_hot/201212/201212211616014245.png [image_image 22]: /images/20211114/46c575aadf424ebbaac2e3db90bcbcd6.png [image 23]: https://images.cnblogs.com/cnblogs_com/hegezhou_hot/201212/201212211616023589.png [image_image 23]: /images/20211114/c3b7159a0a874162a05c7e60769e9c7a.png [image 24]: https://images.cnblogs.com/cnblogs_com/hegezhou_hot/201212/201212211616034537.png [image_image 24]: /images/20211114/b4b2e5fa061f4f61ba94368d130ee8d3.png [image 25]: https://images.cnblogs.com/cnblogs_com/hegezhou_hot/201212/201212211616049455.png [image_image 25]: /images/20211114/1bc1a4cad2154212a4dc37995415b239.png [image 26]: https://images.cnblogs.com/cnblogs_com/hegezhou_hot/201212/201212211616054372.png [image_image 26]: /images/20211114/9e4218640e0a4d4f91024dddba48749a.png [image 27]: https://images.cnblogs.com/cnblogs_com/hegezhou_hot/201212/20121221161606336.png [image_image 27]: /images/20211114/b19f8e9d43ba40edb30ecc6e682b4eda.png [image 28]: https://images.cnblogs.com/cnblogs_com/hegezhou_hot/201212/201212211616078601.png [image_image 28]: /images/20211114/980b775eb3d248528c89273742861e8f.png [image 29]: https://images.cnblogs.com/cnblogs_com/hegezhou_hot/201212/201212211616084042.png [image_image 29]: /images/20211114/dd140799bf954584b33eb67165d6a62a.png [image 30]: https://images.cnblogs.com/cnblogs_com/hegezhou_hot/201212/201212211616082547.png [image_image 30]: /images/20211114/dd7cc5f04cc44183b4fbaa06308a3e46.png [image 31]: https://images.cnblogs.com/cnblogs_com/hegezhou_hot/201212/201212211616099973.png [image_image 31]: /images/20211114/028113e64a174adeb45f8c198e2c623f.png [image 32]: https://images.cnblogs.com/cnblogs_com/hegezhou_hot/201212/201212211616106286.png [image_image 32]: /images/20211114/d2a604cdd17b43bea95d72fd35c5be5d.png [image 33]: https://images.cnblogs.com/cnblogs_com/hegezhou_hot/201212/201212211616111760.png [image_image 33]: /images/20211114/bc316804494343709146b34550c09df4.png [image 34]: https://images.cnblogs.com/cnblogs_com/hegezhou_hot/201212/201212211616121071.png [image_image 34]: /images/20211114/a282e8b424a443c384a661322f9d38dd.png [image 35]: https://images.cnblogs.com/cnblogs_com/hegezhou_hot/201212/201212211616166771.png [image_image 35]: /images/20211114/818abadfc6364c41acc5154e18643a12.png
还没有评论,来说两句吧...