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

商超登陆界面设计

作者: GIA丶 | 来源:发表于2018-10-21 21:27 被阅读0次

一.界面图

QQ图片20181021211516.png

二.登陆界面功能

1、登陆界面出现在屏幕正中央,并不可被放大或缩小。
2、支持收银员合库管员登陆。
3、输入密码时会通过字符隐藏。

三.登陆界面控件参数

14080488-f6a9cf0d3852c855.png

四.重要方法描述

//设置默认用户类型为收银员
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();
    }

五.效果图

14080488-93542768005e3007.png
14080488-3acf94e7c4c314e4.png

相关文章

  • 无标题文章

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

  • 2018-10-14

    智能社区商超管理系统登陆界面设计文档 1. 登陆界面的效果图 2. 登陆界面实现的功能描述 1.该登陆界面可以实现...

  • 2018-10-14

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

  • 商超登陆界面设计

    一.界面图 二.登陆界面功能 1、登陆界面出现在屏幕正中央,并不可被放大或缩小。2、支持收银员合库管员登陆。3、输...

  • 商超登录界面设计

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

  • 商超登录界面设计

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

  • 商超系统界面设计

    |项目| |2.6|登陆用户验证功能设计 2.6.1登录界面效果图 2.6.2 2.6.2.1本次界面的主要功能:...

  • 智能商超管理系统登陆界面设计

    一. 登陆界面的效果图 (1)开始界面登陆界面.png (2)用户类型选择界面用户类型选择.png 二. 登陆界面...

  • 2.6登陆用户验证功能设计

    登陆验证.gif 整个的流程如上gif所示。 主要功能介绍 用户通过用户登陆界面登陆智慧社区商超管理系统 后台数据...

  • 2018-10-13

    智慧社区商超管理系统 1、登陆界面实现的功能 为了更好的管理商超,此次界面是库管员和收银员的登录界面,实现的功能就...

网友评论

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

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