商超登录界面设计

一、界面效果图


商超登录界面设计_第1张图片
image.png

二、登录界面功能介绍
1、登录界面出现在屏幕正中央,并不可被放大或缩小(效果图中可看到无放大缩小框)
2、支持库管员与收银员登录
3、输入密码时会通过字符来隐藏密码
三、登录界面各控件参数


商超登录界面设计_第2张图片
image.png

四、重要方法描述
窗体加载时,用户类型默认为“收银员”
通过窗体的load事件进行方法的代码编写

//设置默认用户类型为收银员
private void Form1_Load_1(object sender, EventArgs e)
{
this.comboBox1.SelectedIndex = 0;
}
点击登录时判断用户类型、用户名以及密码是否正确并提示,以及点击退出后退出窗体
通过button的click事件实现

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

    }

private void button2_Click(object sender, EventArgs e)
{
Application.Exit();
}
根据Tab键顺序按回车以选中顺序后一个,选中密码框回车时等于点击登录
调整Tab键顺序并通过keypress以及Enter事件来设置

private void textBox1_KeyPress(object sender, KeyPressEventArgs e)
{
if (e.KeyChar == (char)Keys.Enter)
{
SendKeys.Send("{tab}");
}
}

    private void textBox2_KeyPress(object sender, KeyPressEventArgs e)
    {
        if (e.KeyChar == (char)Keys.Enter)
        {
            this.button1_Click(sender, e);
        }
    }

    private void textBox2_Enter(object sender, EventArgs e)
    {
        ((TextBox)sender).SelectAll();
    }

五、准备完善的功能
后台连接数据库完成登录;
界面可放大缩小并自适应;
增加注册功能;
页面跳转;
六、给大家参考的效果图


商超登录界面设计_第3张图片
image.png
商超登录界面设计_第4张图片
image.png
商超登录界面设计_第5张图片
image.png
商超登录界面设计_第6张图片
image.png

你可能感兴趣的:(商超登录界面设计)