2.3 系统主界面的制作

1.登录界面GIF效果图

record three.gif

record four.gif

2.实现MDI主界面的主要步骤

（1）MDI容器窗体

MDI 容器窗体作为父窗体，父窗体可以将多个子窗体包容在它的工作区中。
将窗体的IsMdiContainer属性设置为True，它就是容器窗体。一种是在窗体的Load()事件中设置，一种是在属性中设置：
this.IsMdiContainer=True;

image.png

（2）MDI子窗体

利用代码形式实现编写在一个MDI父窗体的某个事件处理程序中，创建一个子窗体实例formChild1并显示在MDI父窗体的客户区中。

frmChild = new FormChild();
           frmChild.MdiParent = this;
           frmChild.Show();

3、主界面中涉及到的控件以及控件的重要属性、方法

MDI窗体

属性	值
IsMdiContainer	True

工具栏ToolStrip

属性	说明
Spring	指定项是否填满剩余空间
Items	显示的项的集合
ImageScalingSize	显示图像的大小
事件	说明
Click	单击按钮/标签时，触发该事件

菜单栏MenuStrip

属性	值
Name	ms_Admin ms_User
	说明
Itmes	获取ToolStrip控件的所有项

状态栏StatuStrip

属性	说明
Spring	指定项是否填满剩余空间
Items	显示的项的集合
ImageScalingSize	显示图像的大小

控件Timer

属性	值
Enabled	True
Interva	100ms

4、主界面的功能如何与系统结构图对应

a.PNG

不同角色进入不同主界面
在登录界面输入收银员的账户密码，则进入收银员主界面；输入库管员的账户密码，则进入库管员主界面。

[图片上传中...(图片3.png-74e858-1543546080617-0)]

图片3.png

库管员主界面包含修改密码、修改个人信息、录入商品信息、注销、退出功能
收银员主界面包含修改密码、修改个人信息、查询商品信息、注销、退出功能
实现了与系统结构图功能的对应

5、贴入重要代码片段，并进行详细描述

5-（1）两个窗体间传值：在LoginForm中点击登录按钮，进入MainFormUser，同时隐藏LoginForm。登录用户名传递到MainFormUser中显示：

 // 点击“登录”按钮则登录系统
       private void bt_Login_Click(object sender, EventArgs e)
       {
           if (this.cbb_Type.SelectedItem.ToString() == "收银员")
           {
               if (this.tb_User.Text == "123456" && this.tb_Password.Text == "123456")
               {
                   MessageBox.Show("收银员登录成功");
               }

               else
               {
                   MessageBox.Show("用户名或密码错误", "提示", MessageBoxButtons.OK, MessageBoxIcon.Error);
               }
else
               {
                   MessageBox.Show("用户名或密码错误", "提示", MessageBoxButtons.OK, MessageBoxIcon.Error);
               }
           }

           if (this.cbb_Type.SelectedItem.ToString() == "库管员")
           {
               if (this.tb_User.Text == "admin" && this.tb_Password.Text == "admin")
               {
                   MessageBox.Show("库管员登录成功");
               }

               else
               {
                   MessageBox.Show("用户名或密码错误", "提示", MessageBoxButtons.OK, MessageBoxIcon.Error);
               }
           }

           }

5-（2）在MainFormUser窗体中添加时间并自动更新：

// 窗口加载时，显示当前时间，显示当前用户名
        private void MainForm_Load(object sender, EventArgs e)
        {
            this.tssl_CurrentTime.Text = DateTime.Now.ToString("yyyy-MM-dd HH:mm:ss");
            this.tssl_User.Text = this.userName;
        }

        // 每隔一秒钟更新一下显示时间
        private void timer1_Tick(object sender, EventArgs e)
        {
            this.tssl_CurrentTime.Text = DateTime.Now.ToString("yyyy-MM-dd HH:mm:ss");
   }

5-（3）C#中使用DataTime类获取当前的时间：

// 获取日期+时间
DateTime.Now.ToString();  // 默认格式的日期和时间
DateTime.Now.ToString(“yyyy-MM-dd HH:mm:ss”);  // 指定格式：2018-04-09 21:02:10
// 获取日期
DateTime.Now.ToShortDateString();// 默认日期格式 
DateTime.Now.ToString(“yyyy-MM-dd”);        //指定日期格式：2018-04-09�
// 获取时间
DateTime.Now.ToLongTimeString(); // 默认时间格式
DateTime.Now.ToString(“hh:mm:ss”);       // 指定时间格式：09:02:10

5-（4）在LoginForm中点击登录按钮，进入MainFormUser，同时隐藏LoginForm。登录用户名传递到MainFormUser中显示：

登录对应角色界面时弹出收银员窗体并隐藏程序主界面

  if (UserInfo.userType == "收银员")
                    {
                        // 显示收银员主界面
                        MainFormUser formUser = new MainFormUser();
                        formUser.Show();

                        // 隐藏登录界面
                        this.Hide();
                    }

  if (UserInfo.userType == "库管员")
                    {
                        // 显示库管员主界面
                        MainFormAdmin formUser = new MainFormUser();
                        formUser.Show();
       // 隐藏登录界面
                        this.Hide();
                    }

QQ图片20181201114732.png