哈喽,你好啊,我是雷工!
对于管理系统,更多的功能是关于查询查看信息,接下来开始练习实现人员信息管理模块的UI设计。
以下为相关练习笔记。
01 效果展示
主要实现内容:
①实现人员管理界面的UI设计
②在主窗体打开该子窗体
02 实现步骤
2.1、添加子窗体
在UI层添加子窗体,名称为:FrmPeopleManage
2.2、窗体设置
设置窗体尺寸:1033,708;
2.3、主要控件
界面主要控件的添加和属性设置如下:
①ComboBox控件
添加ComboBox控件用于按组织查询时选择要查询的组织名称;
修改控件Name属性为:cboGroup;
②TextBox控件
添加TextBox控件控件用于按编号查询具体的人员时,输入编号;
修改添加控件的名称为:txtPeopleId;
③Button控件
用于实现各种功能的按钮,属性设置见下表:
控件 | 属性 | 属性值 | 备注 |
Button1 | (Name) | btnQuery | 提交查询(按组织查询) |
Button2 | (Name) | btnNameDESC | 姓名降序 |
Button3 | (Name) | btnPeoIdDESC | 编号降序 |
Button4 | (Name) | btnEidt | 修改 |
Button5 | (Name) | btnDel | 删除 |
Button6 | (Name) | btnExport | 导出到Excel |
Button7 | (Name) | btnPrint | 打印当前人员信息 |
Button8 | (Name) | btnQueryById | 提交查询(按编号查询) |
Button9 | (Name) | btnClose | 关闭窗口 |
④DataGridView控件
用于显示查询结果,控件名称设置为:dgvPeopleList
然后在编辑列中添加7个列,每个列分别修改3个属性;
属性列表:
序号 | (Name) | DataPropertyName | HeaderText |
1 | PeopleId | PeopleId | 编号 |
2 | PeopleName | PeopleName | 姓名 |
3 | Gender | Gender | 性别 |
4 | IdNo | IdNo | 身份证号 |
5 | Birthday | Birthday | 出生日期 |
6 | PhoneNumber | PhoneNumber | 手机号码 |
7 | GroupName | GroupName | 所在组织 |
2.4、背景色
设置与主窗体相近的背景色,在窗体载入处,加入如下代码:
this.BackColor = Color.FromArgb(0, 25, 71);
2.5、打开子窗体
在FrmMain主窗体界面,修改【人员管理】按钮的名称为:lblPeoManage;
在【人员管理】按钮上双击,即可创建按钮事件,由于在《在主窗体打开子窗体的实现》中已经写好打开子窗体的通用方法,在这里只要调用即可。
代码如下:
//人员管理按钮事件
private void lblPeoManage_Click(object sender, EventArgs e)
{
FrmPeopleManage objForm = new FrmPeopleManage();
OpenForm(objForm);
}
03 后记
以上为人员管理子窗体的UI设计及打开效果;
与你的实现方式是否一致?欢迎在留言区或交流群讨论。
本文暂时没有评论,来添加一个吧(●'◡'●)