WPF开发学生信息管理系统【WPF+Prism+MAH+WebApi】（一）（下）-阿里云开发者社区

1. 定义一个事件

定义一个事件，继承PubSubEvent基类，如下所示：

1. using Prism.Events;
2. using System;
3. using System.Collections.Generic;
4. using System.Linq;
5. using System.Text;
6. using System.Threading.Tasks;
7. 
8. namespace SIMS.Utils.Events
9. {
10. /// <summary>
11. /// 导航事件
12. /// </summary>
13. public class NavEvent : PubSubEvent<string>
14.     {
15.     }
16. }

2. 发布事件

用户点击导航菜单时，触发NavCommand，然后发布命令。

1. private DelegateCommand<object> navCommand;
2. 
3. public DelegateCommand<object> NavCommand
4. {
5. get
6.     {
7. if (navCommand == null)
8.         {
9. 
10.             navCommand = new DelegateCommand<object>(Navigation);
11.         }
12. return navCommand;
13.     }
14. }
15. 
16. private void Navigation(object obj) {
17. var menuItem = (HamburgerMenuItem)obj;
18. if (menuItem != null) {
19. var tag = menuItem.Tag;
20. if (tag!=null) {
21. this.eventAggregator.GetEvent<NavEvent>().Publish(tag.ToString());
22.         }
23.     }
24. }

3. 订阅命令

在主窗口，订阅命令，当收到命令时，再初始化模块信息，如下所示：

1. namespace SIMS.ViewModels
2. {
3. public class MainWindowViewModel:BindableBase
4.     {
5. 
6. private IEventAggregator eventAggregator;
7. private IContainerExtension _container;
8. private IRegionManager _regionManager;
9. private IDialogService _dialogService;
10. public MainWindowViewModel(IContainerExtension container, IRegionManager regionManager, IEventAggregator eventAggregator,IDialogService dialogService) {
11. this._container = container;
12. this._regionManager = regionManager;
13. this.eventAggregator = eventAggregator;
14. this._dialogService = dialogService;
15. //弹出登录窗口
16. this._dialogService.ShowDialog("Login", null, LoginCallback, "MetroDialogWindow");
17. this.eventAggregator.GetEvent<NavEvent>().Subscribe(Navigation);
18.         }
19. 
20. private void LoginCallback(IDialogResult dialogResult) {
21. if (dialogResult.Result != ButtonResult.OK) {
22.                 Application.Current.Shutdown();
23.             }
24.         }
25. 
26. #region 事件和命令
27. 
28. private DelegateCommand loadedCommand;
29. 
30. public DelegateCommand LoadedCommand
31.         {
32. get {
33. if (loadedCommand == null) {
34.                     loadedCommand = new DelegateCommand(Loaded);
35.                 }
36. return loadedCommand; }
37.         }
38. 
39. private void Loaded() {
40.             InitInfo();
41.         }
42. 
43. 
44. 
45. 
46. private void InitInfo() {
47. var header = _container.Resolve<Header>();
48.             IRegion headerRegion = _regionManager.Regions["HeaderRegion"];
49.             headerRegion.Add(header);
50. //
51. var footer = _container.Resolve<Footer>();
52.             IRegion footerRegion = _regionManager.Regions["FooterRegion"];
53.             footerRegion.Add(footer);
54. 
55. var welcome = _container.Resolve<Welcome>();
56.             IRegion welcomeRegion = _regionManager.Regions["ContentRegion"];
57.             welcomeRegion.Add(welcome);
58.         }
59. 
60. private void Navigation(string source) {
61.             _regionManager.RequestNavigate("ContentRegion", source);
62. //MessageBox.Show(source);
63.         }
64. 
65. #endregion
66.     }
67. }

注意：一般情况下，只有在不同模块时，才使用事件聚合器进行事件的订阅和发布。如果是同一模块，则没有必要。

核心代码

模块的配置

各个模块之间相互独立，所以在主模块中进行加载时，需要先进行配置。模块加载的方式有很多种，本例采用App.config配置方式，如下所示：

1. <?xml version="1.0" encoding="utf-8" ?>
2. <configuration>
3. <configSections>
4. <section name="modules" type="Prism.Modularity.ModulesConfigurationSection, Prism.Wpf" />
5. </configSections>
6. <startup>
7. </startup>
8. <modules>
9. <module assemblyFile="SIMS.NavigationModule.dll" moduleType="SIMS.NavigationModule.NavigationModule, SIMS.NavigationModule, Version=1.0.0.0, Culture=neutral, PublicKeyToken=null" moduleName="NavigationModule" startupLoaded="True" />
10. <module assemblyFile="SIMS.ScoreModule.dll" moduleType="SIMS.ScoreModule.ScoreModule, SIMS.ScoreModule, Version=1.0.0.0, Culture=neutral, PublicKeyToken=null" moduleName="ScoreModule" startupLoaded="True" />
11. <module assemblyFile="SIMS.StudentModule.dll" moduleType="SIMS.StudentModule.StudentModule, SIMS.StudentModule, Version=1.0.0.0, Culture=neutral, PublicKeyToken=null" moduleName="StudentModule" startupLoaded="True" />
12. <module assemblyFile="SIMS.ClassesModule.dll" moduleType="SIMS.ClassesModule.ClassesModule, SIMS.ClassesModule, Version=1.0.0.0, Culture=neutral, PublicKeyToken=null" moduleName="ClassesModule" startupLoaded="True" />
13. <module assemblyFile="SIMS.CourseModule.dll" moduleType="SIMS.CourseModule.CourseModule, SIMS.CourseModule, Version=1.0.0.0, Culture=neutral, PublicKeyToken=null" moduleName="CourseModule" startupLoaded="True" />
14. <module assemblyFile="SIMS.SysManagementModule.dll" moduleType="SIMS.SysManagementModule.SysManagementModule, SIMS.SysManagementModule, Version=1.0.0.0, Culture=neutral, PublicKeyToken=null" moduleName="SysManagementModule" startupLoaded="True" />
15. </modules>
16. </configuration>

启动入口App.xaml，可以用来配置资源字典等初始化操作，如下所示：

1. <prism:PrismApplication x:Class="SIMS.App"
2. xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
3. xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
4. xmlns:local="clr-namespace:SIMS"
5. xmlns:mah="http://metro.mahapps.com/winfx/xaml/controls"
6. xmlns:prism="http://prismlibrary.com/"
7.              >
8. <Application.Resources>
9. <ResourceDictionary>
10. <ResourceDictionary.MergedDictionaries>
11. <ResourceDictionary Source="pack://application:,,,/MahApps.Metro;component/Styles/Controls.xaml" />
12. <ResourceDictionary Source="pack://application:,,,/MahApps.Metro;component/Styles/Fonts.xaml" />
13. <ResourceDictionary Source="pack://application:,,,/MahApps.Metro;component/Styles/Themes/Light.Blue.xaml" />
14. <ResourceDictionary Source="/Icons/Icons.xaml"></ResourceDictionary>
15. </ResourceDictionary.MergedDictionaries>
16. </ResourceDictionary>
17. </Application.Resources>
18. </prism:PrismApplication>

启动入口App.xaml.cs，应用程序需要继承PrismApplication基类，才是一个Prism应用程序。在此文件中初始化App.config中配置的模块。如下所示：

1. namespace SIMS
2. {
3. /// <summary>
4. /// Interaction logic for App.xaml
5. /// </summary>
6. public partial class App : PrismApplication
7.     {
8. protected override Window CreateShell()
9.         {
10. return Container.Resolve<MainWindow>();
11.         }
12. 
13. protected override void RegisterTypes(IContainerRegistry containerRegistry)
14.         {
15.             containerRegistry.RegisterDialog<Login, LoginViewModel>(nameof(Login));
16.             containerRegistry.Register<IDialogWindow, MetroDialogWindow>("MetroDialogWindow");
17.         }
18. 
19. protected override IModuleCatalog CreateModuleCatalog()
20.         {
21. return new ConfigurationModuleCatalog();
22.         }
23.     }
24. }

主窗口MainWindow.xaml页面布局，如下所示：

1. <mahApps:MetroWindow x:Class="SIMS.Views.MainWindow"
2. xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
3. xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
4. xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
5. xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
6. xmlns:local="clr-namespace:SIMS"
7. mc:Ignorable="d"
8. xmlns:prism="http://prismlibrary.com/"
9. xmlns:mahApps="http://metro.mahapps.com/winfx/xaml/controls"
10. xmlns:i="http://schemas.microsoft.com/xaml/behaviors"
11. prism:ViewModelLocator.AutoWireViewModel="True"
12. mahApps:Title="SIMS--Student Information Management System"
13. mahApps:TitleCharacterCasing="Normal"
14. d:DesignHeight="1080" d:DesignWidth="1920"
15. WindowState="Maximized">
16. <Window.Resources>
17. <ResourceDictionary>
18. <ResourceDictionary.MergedDictionaries>
19. <ResourceDictionary Source="pack://application:,,,/MahApps.Metro;component/Styles/Themes/Light.Blue.xaml" />
20. </ResourceDictionary.MergedDictionaries>
21. </ResourceDictionary>
22. </Window.Resources>
23. 
24. <i:Interaction.Triggers>
25. <i:EventTrigger EventName="Loaded">
26. <i:InvokeCommandAction Command="{Binding LoadedCommand}"></i:InvokeCommandAction>
27. </i:EventTrigger>
28. </i:Interaction.Triggers>
29. <Grid ShowGridLines="True">
30. <Grid.RowDefinitions>
31. <RowDefinition Height="Auto"></RowDefinition>
32. <RowDefinition Height="*"></RowDefinition>
33. <RowDefinition Height="Auto"></RowDefinition>
34. </Grid.RowDefinitions>
35. <Grid.ColumnDefinitions>
36. <ColumnDefinition Width="Auto"></ColumnDefinition>
37. <ColumnDefinition Width="*"></ColumnDefinition>
38. </Grid.ColumnDefinitions>
39. <ContentControl prism:RegionManager.RegionName="HeaderRegion"  Grid.Column="0" Grid.Row="0" Grid.ColumnSpan="2" MinHeight="80"></ContentControl>
40. <ContentControl prism:RegionManager.RegionName="NavRegion" Grid.Row="1" Grid.Column="0"></ContentControl>
41. <ContentControl prism:RegionManager.RegionName="ContentRegion" Grid.Row="1" Grid.Column="1"></ContentControl>
42. <ContentControl prism:RegionManager.RegionName="FooterRegion" Grid.Row="2" Grid.Column="0" Grid.ColumnSpan="2" MinHeight="50"></ContentControl>
43. </Grid>
44. </mahApps:MetroWindow>

主窗口MainWindowViewModel，代码如下：

1. namespace SIMS.ViewModels
2. {
3. public class MainWindowViewModel:BindableBase
4.     {
5. 
6. private IEventAggregator eventAggregator;
7. private IContainerExtension _container;
8. private IRegionManager _regionManager;
9. private IDialogService _dialogService;
10. public MainWindowViewModel(IContainerExtension container, IRegionManager regionManager, IEventAggregator eventAggregator,IDialogService dialogService) {
11. this._container = container;
12. this._regionManager = regionManager;
13. this.eventAggregator = eventAggregator;
14. this._dialogService = dialogService;
15. //弹出登录窗口
16. this._dialogService.ShowDialog("Login", null, LoginCallback, "MetroDialogWindow");
17. this.eventAggregator.GetEvent<NavEvent>().Subscribe(Navigation);
18.         }
19. 
20. private void LoginCallback(IDialogResult dialogResult) {
21. if (dialogResult.Result != ButtonResult.OK) {
22.                 Application.Current.Shutdown();
23.             }
24.         }
25. 
26. #region 事件和命令
27. 
28. private DelegateCommand loadedCommand;
29. 
30. public DelegateCommand LoadedCommand
31.         {
32. get {
33. if (loadedCommand == null) {
34.                     loadedCommand = new DelegateCommand(Loaded);
35.                 }
36. return loadedCommand; }
37.         }
38. 
39. private void Loaded() {
40.             InitInfo();
41.         }
42. 
43. 
44. 
45. 
46. private void InitInfo() {
47. var header = _container.Resolve<Header>();
48.             IRegion headerRegion = _regionManager.Regions["HeaderRegion"];
49.             headerRegion.Add(header);
50. //
51. var footer = _container.Resolve<Footer>();
52.             IRegion footerRegion = _regionManager.Regions["FooterRegion"];
53.             footerRegion.Add(footer);
54. 
55. var welcome = _container.Resolve<Welcome>();
56.             IRegion welcomeRegion = _regionManager.Regions["ContentRegion"];
57.             welcomeRegion.Add(welcome);
58.         }
59. 
60. private void Navigation(string source) {
61.             _regionManager.RequestNavigate("ContentRegion", source);
62. //MessageBox.Show(source);
63.         }
64. 
65. #endregion
66.     }
67. }

导航页面Navigation.xaml页面采用MAH的Hamburger菜单，如下所示：

1. <UserControl x:Class="SIMS.NavigationModule.Views.Navigation"
2. xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
3. xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
4. xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
5. xmlns:iconPacks="http://metro.mahapps.com/winfx/xaml/iconpacks"
6. xmlns:local="clr-namespace:SIMS.NavigationModule.Views"
7. xmlns:mah="http://metro.mahapps.com/winfx/xaml/controls"
8. xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
9. xmlns:i="http://schemas.microsoft.com/xaml/behaviors"
10. xmlns:prism="http://prismlibrary.com/"
11. prism:ViewModelLocator.AutoWireViewModel="True"
12. d:DesignHeight="300"
13. d:DesignWidth="240"
14. mc:Ignorable="d">
15. 
16. <UserControl.Resources>
17. <ResourceDictionary>
18. <ResourceDictionary.MergedDictionaries>
19. <ResourceDictionary Source="pack://application:,,,/MahApps.Metro;component/Styles/Controls.xaml" />
20. <ResourceDictionary Source="pack://application:,,,/MahApps.Metro;component/Styles/Fonts.xaml" />
21. <ResourceDictionary Source="pack://application:,,,/MahApps.Metro;component/Styles/Themes/Light.Blue.xaml" />
22. </ResourceDictionary.MergedDictionaries>
23. <!--  This is the template for all menu items. In this sample we use the glyph items.  -->
24. <DataTemplate x:Key="HamburgerMenuItem" DataType="{x:Type mah:HamburgerMenuGlyphItem}">
25. <DockPanel Height="48" LastChildFill="True">
26. <Grid x:Name="IconPart"
27. DockPanel.Dock="Left">
28. 
29. <Image Margin="12"
30. HorizontalAlignment="Center"
31. VerticalAlignment="Center"
32. Source="{Binding Glyph}" />
33. </Grid>
34. <TextBlock x:Name="TextPart"
35. VerticalAlignment="Center"
36. FontSize="16"
37. Text="{Binding Label}" />
38. </DockPanel>
39. </DataTemplate>
40. 
41. 
42. <DataTemplate x:Key="HamburgerOptionsMenuItem" DataType="{x:Type mah:HamburgerMenuIconItem}">
43. <DockPanel Height="48" LastChildFill="True">
44. <ContentControl x:Name="IconPart"
45. Content="{Binding Icon}"
46. DockPanel.Dock="Left"
47. Focusable="False"
48. IsTabStop="False" />
49. <TextBlock x:Name="TextPart"
50. VerticalAlignment="Center"
51. FontSize="16"
52. Text="{Binding Label}" />
53. </DockPanel>
54. </DataTemplate>
55. </ResourceDictionary>
56. </UserControl.Resources>
57. 
58. <Grid Background="{DynamicResource MahApps.Brushes.Accent}">
59. <Grid.ColumnDefinitions>
60. <ColumnDefinition Width="Auto" />
61. </Grid.ColumnDefinitions>
62. <mah:HamburgerMenu x:Name="HamburgerMenuControl" Grid.Column="0"
63. DisplayMode="CompactOverlay"
64. Margin="0"
65. IsPaneOpen="True"
66. 
67. HamburgerButtonHelpText="Please click me"
68. HamburgerButtonClick="HamburgerMenuControl_HamburgerButtonClick"
69. ItemTemplate="{StaticResource HamburgerMenuItem}"
70. OptionsItemTemplate="{StaticResource HamburgerOptionsMenuItem}"
71. ItemsSource="{Binding NavItems}"
72. VerticalScrollBarOnLeftSide="False">
73. <i:Interaction.Triggers>
74. <i:EventTrigger EventName="ItemInvoked">
75. <i:InvokeCommandAction Command="{Binding NavCommand}" CommandParameter="{Binding ElementName=HamburgerMenuControl, Path=SelectedItem}" ></i:InvokeCommandAction>
76. </i:EventTrigger>
77. </i:Interaction.Triggers>
78. <!--  Header  -->
79. <mah:HamburgerMenu.HamburgerMenuHeaderTemplate>
80. <DataTemplate>
81. <TextBlock HorizontalAlignment="Center"
82. VerticalAlignment="Center"
83. FontSize="16"
84. Foreground="White"
85. Text="" />
86. </DataTemplate>
87. </mah:HamburgerMenu.HamburgerMenuHeaderTemplate>
88. <mah:HamburgerMenu.OptionsItemsSource>
89. <mah:HamburgerMenuItemCollection>
90. 
91. <mah:HamburgerMenuIconItem x:Name="AboutOption"
92. 
93. Label="About">
94. <mah:HamburgerMenuIconItem.Icon>
95. <iconPacks:PackIconMaterial Width="22"
96. Height="22"
97. HorizontalAlignment="Center"
98. VerticalAlignment="Center"
99. Kind="Help" />
100. </mah:HamburgerMenuIconItem.Icon>
101. <mah:HamburgerMenuIconItem.Tag>
102. <TextBlock HorizontalAlignment="Center"
103. VerticalAlignment="Center"
104. FontSize="28"
105. FontWeight="Bold">
106.                                     About
107. </TextBlock>
108. </mah:HamburgerMenuIconItem.Tag>
109. </mah:HamburgerMenuIconItem>
110. 
111. </mah:HamburgerMenuItemCollection>
112. </mah:HamburgerMenu.OptionsItemsSource>
113. <!--  Content  -->
114. <mah:HamburgerMenu.ContentTemplate>
115. <DataTemplate>
116. <Grid x:Name="ContentGrid">
117. <Grid.RowDefinitions>
118. <RowDefinition Height="48" />
119. <RowDefinition />
120. </Grid.RowDefinitions>
121. <Border Grid.Row="0"
122. Margin="-1 0 -1 0"
123. Background="#7A7A7A">
124. <TextBlock x:Name="Header"
125. HorizontalAlignment="Center"
126. VerticalAlignment="Center"
127. FontSize="24"
128. Foreground="White"
129. Text="{Binding Label}" />
130. </Border>
131. <mah:TransitioningContentControl Grid.Row="1"
132. Content="{Binding}"
133. RestartTransitionOnContentChange="True"
134. Transition="Default">
135. <mah:TransitioningContentControl.Resources>
136. <DataTemplate DataType="{x:Type mah:HamburgerMenuGlyphItem}">
137. <Image Source="{Binding Glyph, Mode=OneWay, Converter={mah:NullToUnsetValueConverter}}" />
138. </DataTemplate>
139. <DataTemplate DataType="{x:Type mah:HamburgerMenuIconItem}">
140. <ContentControl Content="{Binding Tag, Mode=OneWay}"
141. Focusable="True"
142. IsTabStop="False" />
143. </DataTemplate>
144. </mah:TransitioningContentControl.Resources>
145. </mah:TransitioningContentControl>
146. </Grid>
147. </DataTemplate>
148. </mah:HamburgerMenu.ContentTemplate>
149. </mah:HamburgerMenu>
150. 
151. </Grid>
152. 
153. </UserControl>

导航页面NavigationViewModel页面代码，如下所示：

1. namespace SIMS.NavigationModule.ViewModels
2. {
3. public class NavigationViewModel : BindableBase
4.     {
5. #region 属性和构造函数
6. 
7. private IEventAggregator eventAggregator;
8. 
9. private List<HamburgerMenuItemBase> navItems;
10. 
11. public List<HamburgerMenuItemBase> NavItems { get { return navItems; } set { SetProperty(ref navItems, value); } }
12. 
13. public NavigationViewModel(IEventAggregator eventAggregator)
14.         {
15. this.eventAggregator = eventAggregator;
16.             navItems = new List<HamburgerMenuItemBase>();
17.             navItems.Add(new HamburgerMenuHeaderItem() { Label = "学生管理"});
18.             navItems.Add(new HamburgerMenuGlyphItem() { Label="学生管理",Tag="Student" ,Glyph="/images/icon_student.png"   });
19.             navItems.Add(new HamburgerMenuGlyphItem() { Label = "班级管理",Tag="Classes"  ,  Glyph = "/images/icon_classes.png" });
20.             navItems.Add(new HamburgerMenuGlyphItem() { Label = "课程管理", Tag="Course" , Glyph = "/images/icon_course.png" });
21.             navItems.Add(new HamburgerMenuGlyphItem() { Label = "成绩管理" ,Tag="Score",  Glyph = "/images/icon_score.png" });
22.             navItems.Add(new HamburgerMenuHeaderItem() { Label = "系统管理",  });
23.             navItems.Add(new HamburgerMenuGlyphItem() { Label = "个人信息",Tag="Personal", Glyph = "/images/icon_personal.png" });
24.             navItems.Add(new HamburgerMenuGlyphItem() { Label = "用户管理",Tag="User", Glyph = "/images/icon_user.png" });
25.             navItems.Add(new HamburgerMenuGlyphItem() { Label = "角色管理",Tag="Role", Glyph = "/images/icon_role.png" });
26.         }
27. 
28. #endregion
29. 
30. #region 命令
31. 
32. private DelegateCommand<object> navCommand;
33. 
34. public DelegateCommand<object> NavCommand
35.         {
36. get
37.             {
38. if (navCommand == null)
39.                 {
40. 
41.                     navCommand = new DelegateCommand<object>(Navigation);
42.                 }
43. return navCommand;
44.             }
45.         }
46. 
47. private void Navigation(object obj) {
48. var menuItem = (HamburgerMenuItem)obj;
49. if (menuItem != null) {
50. var tag = menuItem.Tag;
51. if (tag!=null) {
52. this.eventAggregator.GetEvent<NavEvent>().Publish(tag.ToString());
53.                 }
54.             }
55.         }
56. 
57. #endregion
58.     }
59. }

示例截图

本示例目前主要实现了登录，及主页面布局，导航等功能，如下所示：

备注

以上是本文介绍的关于学生信息管理系统的主要内容，旨在抛砖引玉一起学习，共同进步。

贺新郎·九日【作者】刘克庄【朝代】宋

湛湛长空黑。更那堪、斜风细雨，乱愁如织。老眼平生空四海，赖有高楼百尺。看浩荡、千崖秋色。白发书生神州泪，尽凄凉、不向牛山滴。追往事，去无迹。

少年自负凌云笔。到而今、春华落尽，满怀萧瑟。常恨世人新意少，爱说南朝狂客。把破帽、年年拈出。若对黄花孤负酒，怕黄花、也笑人岑寂。鸿北去，日西匿。

WPF开发学生信息管理系统【WPF+Prism+MAH+WebApi】（一）（下）

1. 定义一个事件

2. 发布事件

3. 订阅命令

核心代码

示例截图

备注

热门文章

最新文章

相关电子书

热门

活动广场

任务中心

开发者评测

高校计划

乘风者计划

训练营

阿里云MVP

话题

直播

下载

镜像站

技术资料

插件

WPF开发学生信息管理系统【WPF+Prism+MAH+WebApi】（一）（下）

1. 定义一个事件

2. 发布事件

3. 订阅命令

核心代码

示例截图

备注

热门文章

最新文章

相关电子书