任务2.3 系统登录界面的制作

系统登录界面效果图:

刚开始的登陆界面.gif

登陆界面中所涉及的控件:

1.窗体form，重要属性:name，text，icon，backgroundimage，重要事件:click；
2.控件label，重要属性:name，text，font，size；
3.控件textbox，重要属性:name，text，size，maxlength，passwordchar；
4.控件radiobutton，重要属性:name，text，size，checked；
5.控件button，重要属性:name，text，size，重要事件:click；

登录界面效果描述:

输入用户名，再输入密码，选择自己的登录身份，再点击登录，即可显示，登录成功字样，如果用户名或者密码输入错误，或者登录身份选择错误，即显示登录失败字样。

部分重要代码片段:

 // 收银员
            if (this.rb_Oper.Checked)
            {
                if (this.tb_User.Text == "test" && this.tb_Pwd.Text == "test")
                {
                    MessageBox.Show("收银员登录成功");
                }
                else
                {
                    MessageBox.Show("登录失败");
                }
            }
            else // 库管员
            {
                if (this.tb_User.Text == "admin" && this.tb_Pwd.Text == "admin")
                {
                    MessageBox.Show("库管员登录成功");
                }
                else
                {
                    MessageBox.Show("登录失败");
                }
            }

代码详细描述:
使用if语句，当身份选项选择收银员时，当用户名框输入test，密码框输入test时，弹出窗口，显示收银员登陆成功，当用户名或者密码输入不正确时，弹出窗口，显示登陆失败；
当身份选项选择库管员，当用户名框输入admin，密码框输入admin时，弹出窗口，显示库管员登陆成功，当用户名或者密码输入不正确时，弹出窗口，显示登陆失败。

登录界面更新版本后效果图:

更新后效果图.gif

更新后变更的重要控件:

1.控件radiobutton变更为combobox，combobox重要属性：items

更新后登录界面描述:

选择自己的登录身份，输入用户名，再输入密码，点击登录，即可显示，登录成功字样，如果用户名或者密码输入错误，或者登录身份选择错误，即显示用户名或密码错误字样。

更新迭代:

在选择身份方面，选择变成了默认为收银员，并改变成了下拉列表选择，在用户名框按下回车键时，光标将会跳到密码框，再按下回车时，将会直接登录，这将会变得更加方便，Tab进入用户名输入框时，将自动全选用户名，Tab进入密码输入框时，将自动全选密码。

部分重要代码片段:

 if (this.cbb_Type.SelectedItem.ToString() == "收银员")
            {
                if (this.tb_User.Text == "200010111" && this.tb_Password.Text == "123456")
                {
                    MessageBox.Show("收银员登录成功");
                }
                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);
                }
            }