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

最近通过WPF开发项目，为了对WPF知识点进行总结，所以利用业余时间，开发一个学生信息管理系统【Student Information Management System】。前三篇文章进行了框架搭建和模块划分，后台WebApi接口编写，以及课程管理模块开发，本文在前三篇基础之上，继续深入开发学生信息管理系统的班级管理和学生管理模块，通过本篇文章，将继续巩固之前的知识点，本文仅供学习分享使用，如有不足之处，还请指正。

涉及知识点

由于班级管理和学生管理的服务端开发，在第二篇文章中以后介绍，所以本篇专注介绍客户端功能的开发。涉及知识点如下：

1. WPF开发中TextBlock，TextBox，DataGrid，Combox等控件的基础使用以及数据绑定等操作。
2. MAH样式的使用，在本示例中MAH主要用于统一页面风格，提高用户体验。
3. HttpClient使用，主要用于访问服务端提供的接口。

业务逻辑

首先班级管理和学生管理既有关联，又相互独立，不像课程管理模块独立存在，不与其他模块存在依赖。所以两个模块一起放在一篇文章进行讲解。关系如下：

1. 学生属于某一班级之学生，所以学生中包含班级信息。
2. 班级中存在班长，班长又属于学生的一个实体。

班级管理

1. 接口访问类ClassesHttpUtil

班级数据表结构和服务接口，在第二篇文章中已有介绍，如有疑问，可前往参考。接口访问类用于封装访问服务端提供的接口。如下所示：

namespace SIMS.Utils.Http
{public class ClassesHttpUtil:HttpUtil{/// 
/// 通过id查询学生信息/// 
/// /// public static ClassesEntity GetClasses(int id){Dictionary data = new Dictionary();data["id"] = id;var str = Get(UrlConfig.CLASSES_GETCLASSES, data);var classes = StrToObject(str);return classes;}public static PagedRequest GetClassess(string? dept, string? grade, int pageNum, int pageSize){Dictionary data = new Dictionary();data["dept"] = dept;data["grade"] = grade;data["pageNum"] = pageNum;data["pageSize"] = pageSize;var str = Get(UrlConfig.CLASSES_GETCLASSESS, data);var classess = StrToObject>(str);return classess;}public static bool AddClasses(ClassesEntity classes) {var ret = Post(UrlConfig.CLASSES_ADDCLASSES, classes);return int.Parse(ret)==0;}public static bool UpdateClasses(ClassesEntity classes) {var ret = Put(UrlConfig.CLASSES_UPDATECLASSES, classes);return int.Parse(ret) == 0;}public static bool DeleteClasses(int Id){Dictionary data = new Dictionary();data["Id"] = Id.ToString();var ret = Delete(UrlConfig.CLASSES_DELETECLASSES, data);return int.Parse(ret) == 0;}}
}

2. 客户端页面视图

班级管理的客户端页面视图共两个，一个查询列表页面，一个新增编辑页面，共同组成了班级管理的增删改查。

查询班级列表页面，涉及知识点如下所示：

1. 查询条件或者列表中数据列展示，通过数据绑定Binding的方式与ViewModel进行交互，即点击查询按钮，不再传递参数，因为ViewModel中的属性已经同步更新。
2. ViewModel中并非所有属性都可实现双向绑定，必须是实现具有通知功能的属性才可以。在Prism框架中，通过BindableBase的SetProperty方法可以快速实现。
3. View视图中如果控件存在Command命令，则可以直接绑定，如果不存在，则可以i:Interaction.Triggers将事件转换为命令，如Load事件等。
4. 在列表中，如果需要添加按钮，可以通过DataTemplate进行数据定制。

查询班级页面代码，如下所示：

新增编辑页面

班级的新增功能和编辑功能，共用一个页面，涉及知识点如下所示：

1. 在新增编辑的ViewModel中，班级实体是一个属性，所以在视图控件中进行数据绑定时，需要带上属性名，如：Classes.Name 。
2. 班长列表在新增班级时尚无对应学生，可为空，待维护学生后，可通过学生列表进行选择即可。
3. 班长列表为Combox下拉框，绑定的是学生实体列表，但客户端只需看到学生姓名即可，所以需要重写DataTemplate，只显示学生姓名。

新增班级信息视图，具体代码如下所示：

3. 客户端ViewModel

班级管理模块，ViewModel和视图对应，也分为查询列表ViewModel和新增编辑ViewModel，如下所示：

ClassesViewModel页面代码分为三部分：

1. 属性和构造函数，主要用于数据绑定，如查询条件，列表等。所有属性的set赋值时，均采用SetProperty进行赋值。
2. 命令Command，如查询，新增，编辑，删除命令等。所有命令可以定义成DelegateCommand类型。
3. 分页部分，因分页功能代码大同小异，所以此处略去。

ClassesViewModel具体代码如下所示：

namespace SIMS.ClassesModule.ViewModels
{public class ClassesViewModel :BindableBase{#region 属性及构造函数/// 
/// 专业/// 
private string dept;public string Dept{get { return dept; }set { SetProperty(ref dept , value); }}/// 
/// 年级/// 
private string grade;public string Grade{get { return grade; }set { SetProperty(ref grade , value); }}private ObservableCollection classes;public ObservableCollection Classes{get { return classes; }set { SetProperty(ref classes, value); }}private IDialogService dialogService;public ClassesViewModel(IDialogService dialogService){this.dialogService = dialogService;this.pageNum = 1;this.pageSize = 20;}private void InitInfo(){Classes = new ObservableCollection();var pagedRequst = ClassesHttpUtil.GetClassess(this.Dept,this.Grade, this.pageNum, this.pageSize);var entities = pagedRequst.items;Classes.AddRange(entities.Select(r=>new ClassesInfo(r)));//this.TotalCount = pagedRequst.count;this.TotalPage = ((int)Math.Ceiling(this.TotalCount * 1.0 / this.pageSize));}#endregion#region 事件private DelegateCommand loadedCommand;public DelegateCommand LoadedCommand{get{if (loadedCommand == null){loadedCommand = new DelegateCommand(Loaded);}return loadedCommand;}}private void Loaded(){InitInfo();}private DelegateCommand queryCommand;public DelegateCommand QueryCommand{get{if (queryCommand == null){queryCommand = new DelegateCommand(Query);}return queryCommand;}}private void Query() {this.pageNum = 1;this.InitInfo();}/// 
/// 新增命令/// 
private DelegateCommand addCommand;public DelegateCommand AddCommand{get{if (addCommand == null){addCommand = new DelegateCommand(Add);}return addCommand;}}private void Add(){this.dialogService.ShowDialog("addEditClasses",null, AddEditCallBack, "MetroDialogWindow");}private void AddEditCallBack(IDialogResult dialogResult) {if (dialogResult != null && dialogResult.Result == ButtonResult.OK) {//刷新列表this.pageNum = 1;this.InitInfo();}}/// 
/// 编辑命令/// 
private DelegateCommand