美文网首页
智能社区商超管理系统登陆界面设计文档

智能社区商超管理系统登陆界面设计文档

作者: liuyu666 | 来源:发表于2018-10-12 23:25 被阅读0次

1. 登陆界面的效果图

登陆界面

2. 登陆界面实现的功能描述

1.该登陆界面可以实现以库管员、收银员两个不同用户来登陆各自的管理系统;
2.选择某一用户类型,输入正确的用户名以及密码后点击“登陆”尝试登陆;
3.点击“退出”即可退出登陆界面。

3. 登陆界面各控件的参数设置

控件A:Lable

属性
Lable1 用户类型
Lable2 用户名
Lable3 密码

控件B:LinkLable

属性
LinkLable1 忘记密码?

控件C:TextBox

属性
TextBox1 空白值(可输入值)
TextBox2 空白值(可输入值)

控件D:ComboBox

属性
ComboBox1 库管员/收银员

控件E:Button

属性
Button1 登陆
Button2 退出

控件F:PictureBox

属性
PictureBox1 详见登陆界面截图

4. 重要方法描述

1. 登录窗口出现在屏幕正中央,并且不能放大缩小

点击Form1窗口进入属性界面,找到StartPosition并选择CenterScreen;
找到MaximizeBox、MinmiizeBox设置为False。

2. 默认角色为“收银员”,并且只允许选择“收银员”和“库管员”两种角色
private void Form1_Load(object sender, EventArgs e)
    {
        this.comboBox1.SelectedIndex = 1;
    }

在Form1属性下找到Load事件,双击打开,输入以上代码;
找到ComboBox1控件并右击打开编辑项,输入库管员,隔行输入收银员。

3. 用户名最大长度不超过9个字符,密码需要显示为“*”号

找到名为“用户名”的textbox控件,进入属性栏,找到MaxLength并设置为9;
找到名为“密码”的textbox控件,进入属性栏,找到PasswordChar并设置为“*”。

4. 登录正确则提示成功;登录失败则提示错误,注意使用错误图标
  private void button1_Click(object sender, EventArgs e)
    {
         
        if (this.comboBox1.SelectedItem.ToString() == "收银员")
        {
            if (this.textBox1.Text == "123456" && this.textBox2.Text == "******")
            {
                MessageBox.Show("收银员登录成功", "提示", MessageBoxButtons.OK);
            }
            else
            {
                MessageBox.Show("用户名或密码错误", "提示", MessageBoxButtons.OK, MessageBoxIcon.Error);
            }
        }

        if (this.comboBox1.SelectedItem.ToString() == "库管员")
        {
            if (this.textBox1.Text == "admin" && this.textBox2.Text == "******")
            {
                MessageBox.Show("库管员登录成功", "提示", MessageBoxButtons.OK);
            }
            else
            {
                MessageBox.Show("用户名或密码错误", "提示", MessageBoxButtons.OK, MessageBoxIcon.Error);
            }
        }
        
    }

找到名为“登陆”的button控件,双击并输入以上代码即可。

5. 点击“退出”时退出应用程序
private void button2_Click(object sender, EventArgs e)
    {
        Application.Exit();
    }

找到名为“退出”的button控件,双击并输入以上代码即可。

5. 想一想,还有哪些尚需完善的功能

1. 输入用户名后回车,光标跳转到密码输入框(涉及到 KeyPress 事件和 Tab 键顺序)
// 在用户名输入框中按“回车”,光标跳转到密码输入框
    private void textBox1_KeyPress(object sender, KeyPressEventArgs e)
    {
        if (e.KeyChar == (char)Keys.Enter)
        {
            SendKeys.Send("{tab}");
        }
    }
2. 输入密码后回车,则直接登录(涉及到 TextBox 的 KeyPress 事件)
// 在密码输入框中按“回车”,则直接登录
    private void textBox2_KeyPress(object sender, KeyPressEventArgs e)
    {
        if (e.KeyChar == (char)Keys.Enter)
        {
            this.button1_Click(sender, e);
        }
    }
3. 按 Tab 进入输入框时,自动全选(涉及到 TextBox 的 Enter 事件)
// Tab进入用户名输入框时,自动全选用户名
    private void textBox1_Enter_1(object sender, EventArgs e)
    {
        ((TextBox)sender).SelectAll();
    }
    // Tab进入密码输入框时,自动全选密码
    private void textBox2_Enter_1(object sender, EventArgs e)
    {
        ((TextBox)sender).SelectAll();
    }
}

written by liuyu666

相关文章

  • 无标题文章

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

  • 2018-10-14

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

  • 2018-10-14

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

  • 智能社区商超管理系统登陆界面设计文档

    1. 登陆界面的效果图 2. 登陆界面实现的功能描述 1.该登陆界面可以实现以库管员、收银员两个不同用户来登陆各自...

  • 智能社区商超管理系统登陆界面设计文档

    1. 登陆界面的效果图 2. 登陆界面实现的功能描述 1.该登陆界面可以实现以收银员、库管员两个不同用户来登陆各自...

  • 2018-11-04

    一、智能商超管理E-R图 在智慧社区商超管理系统中,通常有多种不同角色的人员使用该系统,超市里有各类不同的商品,商...

  • 智慧社区商超管理系统er图

    智慧社区商超管理系统er图:

  • 2018-12-06

    2.3智慧社区商超管理系统的设计与开发[任务内容] 根据智慧社区商超管理系统需求分析中系统主界面的原型设计,。利用...

  • 2018-10-13

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

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

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

网友评论

      本文标题:智能社区商超管理系统登陆界面设计文档

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