美文网首页
商超登录界面设计

商超登录界面设计

作者: 咸鱼的人生 | 来源:发表于2018-10-21 19:00 被阅读0次

一、界面效果图

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

相关文章

  • 无标题文章

    # 智能社区商超管理系统登陆界面设计文档 ### 一.登录 ### 1.登录界面图 ### 2.登录成功 ### ...

  • 商超登录界面设计

    一、界面效果图 二、登录界面功能介绍1、登录界面出现在屏幕正中央,并不可被放大或缩小(效果图中可看到无放大缩小框)...

  • 商超登录界面设计

    一、界面效果图 二、登录界面功能介绍 1、登录界面出现在屏幕正中央,并不可被放大或缩小(效果图中可看到无放大缩小框...

  • 2018-10-14

    # 智能社区商超管理系统登陆界面设计文档 一.登录 1.登录界面图 2.登录成功 3.账户名或密码错误图 4.点击...

  • 智慧社区商超管理系统(张宁)

    智慧社区商超管理系统 张宁 1.登录界面效果图 2.登录界面功能描述 利用有效的身份账号登录系统,来达到高效管理超...

  • 商超登录界面

    一、登录界面图 二、登录界面实现的功能描述 1、登录窗口出现在屏幕正中央,还不能放大和缩小 2、默认角色“收银员”...

  • 商超登录界面

    一,登录界面图 二, 登录界面实现的功能描述1.登录类型默认收营员 2.登录类型通过下拉的方式选择收营员或者库管员...

  • 商超登录界面

    1.登陆界面效果图 2. 登录界面实现的功能描述 该界面是设计是应用给工作人员登录商超系统,这个系统能给与不同人群...

  • 商超登录界面

    一、登录界面图 二、登录界面实现功能介绍 1、登录窗口要求 (1)登录时窗口出现在屏幕正中央,并且不能放大缩小。 ...

  • 商超登录界面

    1. 登陆界面效果图: 2.登录界面实现的功能描述: (1)收银员或库管员登陆商超管理系统。 3. 登录界面各控件...

网友评论

      本文标题:商超登录界面设计

      本文链接:https://www.haomeiwen.com/subject/ksibzftx.html