商超登录界面设计

一、界面效果图

商超登录界面设计_第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张图片
tab键顺序.gif
商超登录界面设计_第4张图片
收银员登录.gif
商超登录界面设计_第5张图片
库管员登录.gif

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