商超登录界面设计

一、界面效果图

image.png

二、登录界面功能介绍

1、登录界面出现在屏幕正中央，并不可被放大或缩小（效果图中可看到无放大缩小框）
2、支持库管员与收银员登录
3、输入密码时会通过字符来隐藏密码

三、登录界面各控件参数

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

五、准备完善的功能

后台连接数据库完成登录；
界面可放大缩小并自适应；
增加注册功能；
页面跳转；

六、给大家参考的效果图

tab键顺序.gif 收银员登录.gif 库管员登录.gif