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

2018-05-23  本文已影响0人  贱莫

系统登录界面效果图:

刚开始的登陆界面.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);
                }
            }
上一篇下一篇

猜你喜欢

热点阅读