智能商超管理系统登陆界面设计

一. 登陆界面的效果图

（1）开始界面 登陆界面.png

（2）用户类型选择界面 用户类型选择.png

二. 登陆界面实现的功能描述

1.该登陆界面可以实现以库管员、收银员两个不同用户来登陆各自的管理系统；
2.选择某一用户类型，输入正确的用户名以及密码后点击“登陆”尝试登陆
3.点击“退出”即可退出登陆界面。

三.登陆界面各控件的参数设置

控件A：Lable

属性	值
Lable1	用户类型
Lable2	用户名
Lable3	密码

控件B：LinkLable

属性	值
LinkLable1	忘记密码？

控件C:TextBox

属性	值
TextBox1	空白值（可输入值）
TextBox2	空白值（可输入值）

控件D:ComboBox

属性	值
ComboBox1	库管员/收银员

控件E:Button

属性	值
Button1	登陆
Button2	退出

控件F:PictureBox

属性	值
PictureBox1	详见登陆界面截图

四. 细节方法

1. 登录窗口出现在屏幕正中央，并且不能放大缩小

点击Form1窗口进入属性界面，找到StartPosition并选择CenterScreen；
找到MaximizeBox、MinmiizeBox设置为False。

2. 默认角色为“收银员”，并且只允许选择“收银员”和“库管员”两种角色 用户选择.png 在Form1属性下找到Load事件，双击打开，输入以上代码；

找到ComboBox1控件并右击打开编辑项，输入库管员，隔行输入收银员。 14025014-f6f1e269f59005f1.png

3. 用户名最大长度不超过9个字符，密码需要显示为“*”号

找到名为“用户名”的textbox控件，进入属性栏，找到MaxLength并设置为9；
找到名为“密码”的textbox控件，进入属性栏，找到PasswordChar并设置为“*”。

4. 登录正确则提示成功；登录失败则提示错误，注意使用错误图标

 private void button1_Click(object sender, EventArgs e)
        {
            if (this.comboBox1.SelectedItem.ToString() == "收银员")
            {
                if (this.textBox2.Text == "200010111" && this.textBox1.Text == "123456")
                {
                    MessageBox.Show("收银员登录成功");
                }
                else
                {
                    MessageBox.Show("用户名或密码错误", "提示", MessageBoxButtons.OK, MessageBoxIcon.Error);
                }
            }

            if (this.comboBox1.SelectedItem.ToString() == "库管员")
            {
                if (this.textBox2.Text == "admin" && this.textBox1.Text == "admin")
                {
                    MessageBox.Show("库管员登录成功");
                }
                else
                {
                    MessageBox.Show("用户名或密码错误", "提示", MessageBoxButtons.OK, MessageBoxIcon.Error);
                }
            }
        }

找到名为“登陆”的button控件，双击并输入以上代码即可。

5. 点击“退出”退出应用程序找到button中“退出"的控件，双击并输入以上代码即可。

        private void button2_Click(object sender, EventArgs e)
        {
            Application.Exit();
        }

6. 输入用户名后回车，光标跳转到密码输入框

// 在用户名输入框中按“回车”，光标跳转到密码输入框
        private void textBox2_KeyPress(object sender, KeyPressEventArgs e)
        {
            if (e.KeyChar == (char)Keys.Enter)
            {
                SendKeys.Send("{tab}");
            }
        }

7. 输入密码后回车，则直接登录

// 在密码输入框中按“回车”，则直接登录
        private void textBox1_KeyPress(object sender, KeyPressEventArgs e)
        {
            if (e.KeyChar == (char)Keys.Enter)
            {
                this.button1_Click(sender, e);
            }
        }

8.按 Tab 进入输入框时，自动全选

// Tab进入用户名输入框时，自动全选用户名
        private void textBox2_Enter(object sender, EventArgs e)
        {
            ((TextBox)sender).SelectAll();
        }

    // Tab进入密码输入框时，自动全选密码
        private void textBox1_Enter_1(object sender, EventArgs e)
        {
            ((TextBox)sender).SelectAll();
        }
...