2018-10-19

1、登录界面的效果图

image

2、登录界面实现的功能描述

该界面的功能主要是:
(1)在用户类型里选择“收银员”或“库管员”并输入相应的用户名和密码,然后点击“登录”按钮,若用户名和密码正确,则对话框中会出现“收银员登录成功”或“库管员登录成功”;相反,若错误则会出现提示“用户名或密码错误”。(开始界面中的用户类型是默认“收银员”)
(2)当点击“退出”按钮时,则会退出应用程序。
(3)当点击“忘记密码”时,则会出现红色字体。

3、登录界面各控件的参数设置

控件A(label1)

属性
TEXT 用户类型
Font 微软雅黑,10,28571pt
TextAlign MiddleRigt
FroeColor ControlText
Tablndex 0

控件B(label2)

属性
TEXT 用户名
Font 微软雅黑,10,28571pt
TextAlign MiddleRigt
FroeColor ControlText
Tablndex 14

控件C(label3)

属性
TEXT 密码
Font 微软雅黑,10,28571pt
TextAlign MiddleRigt
FroeColor ControlText
Tablndex 15

控件D(label4)

属性
TEXT 忘记密码?
Font 微软雅黑,10,28571pt
FroeColor ControlText
LinkColor 0,0,25
Tablndex 200
TabStop Ture
AutoSize Ture
ActiveLinkColor Red

控件E(Button1)

属性
TEXT 登录
Font 微软雅黑,10,28571pt
FroeColor ControlText
Tablndex 2

控件F(Button2)

属性
TEXT 退出
Font 微软雅黑,10,28571pt
FroeColor ControlText
Tablndex 3

控件G(ComboBOX)

属性
DropDownStyle DropDownList
FormattingEn True
Tablndex 4
字符串集合编辑器 收银员、库管员

控件H(TextBox1)

属性
MaxLength 9
Lines String[]Array
Tablndex 0

控件I(TextBox2)

属性
PasswordChar *
Lines String[]Array
Tablndex 1

控件J(PictureBox)

属性
SizeMode Stretchlmage
Image 图片

控件K(Form1)

属性
TEXT 用户登录
StartPosition CenterScreen
MaximizeBox False
MinimizeBox False
FormBorderStyle FixedSingle

4、重要方法描述

登录/退出/默认收银员代码:

    // 窗口加载时,设置默认角色为“收银员”
    private void LoginForm_Load(object sender, EventArgs e)
    {
        this.cbb_Type.SelectedIndex = 0;
    }

    // 点击“登录”按钮则登录系统
    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);
            }
        }

        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);
            }
        }

    }

    // 点击“退出”按钮则退出应用程序
    private void bt_Exit_Click(object sender, EventArgs e)
    {
        Application.Exit();
    }

5、功能完善

(1) 进入用户名输入框时,自动全选用户名:
private void tb_User_Enter(object sender, EventArgs e)
{
((TextBox)sender).SelectAll();
}

(2) 进入密码输入框时,自动全选密码:
private void tb_Password_Enter(object sender, EventArgs e)
{
((TextBox)sender).SelectAll();
}
}

你可能感兴趣的:(2018-10-19)