美文网首页
登录界面

登录界面

作者: 初倾0921 | 来源:发表于2018-10-16 17:52 被阅读0次

一. 登录界面的效果图

20181016-0.png

二. 登录界面实现的功能描述

具体要求:
1. 登录窗口出现在屏幕正中央,并且不能放大缩小
2. 默认角色为“收银员”,并且只允许选择“收银员”和“库管员”两种角色
3. 用户名最大长度不超过9个字符,密码需要显示为“*”号
4. 登录正确则提示成功;登录失败则提示错误,注意使用错误图标
5. 点击“退出”时退出应用程序

加分项:
1. 输入用户名后回车,光标跳转到密码输入框(涉及到 KeyPress 事件和 Tab 键顺序)
2. 输入密码后回车,则直接登录(涉及到 TextBox 的 KeyPress 事件)
3. 按 Tab 进入输入框时,自动全选(涉及到 TextBox 的 Enter事件)

三. 登录界面各控件的参数设置

1.Lable控件

属性
Text 用户类型/用户名/密码
Font 幼圆,14.25pt

2.comebox控件

属性
Font 幼圆,14.25pt

3.Textbox控件

属性
Font 幼圆,14.25pt
MaxLength 6
PasswordChar *

4.linkLable控件

属性
Font 幼圆,14.25pt
Text 忘记密码

5.button控件

属性
Font 幼圆,14.25pt
Text 登录/退出

6.pictureBox控件

属性
Font 幼圆,14.25pt
Backgroundlmage 导入
BackgroundlmageLayout Stretch

7.Form

属性
Font 幼圆,9pt
Text 用户登录
FormBorderStyle FixedToolWindow

四. 重要方法描述

1.窗口加载时,设置默认角色为“收银员”

    private void Form1_Load(object sender, EventArgs e)
    {
        this.comboBox1.SelectedIndex = 0;
    }

2.点击“登录”按钮则登录系统

    private void button1_Click(object sender, EventArgs e)
    {
        if (this.comeboBox1.SelectedItem.ToString() == "收银员")
        {
            if (this.textBox1.Text == "201700" && this.textBox2.Text == "123456")
            {
                MessageBox.Show("收银员登录成功");
            }
            else
            {
                MessageBox.Show("用户名或密码错误", "提示", MessageBoxButtons.OK, MessageBoxIcon.Error);
            }
        }

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

    }

3.点击“退出”按钮则退出应用程序

    private void button2_Click(object sender, EventArgs e)
    {
        Application.Exit();
    }

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

暂时没想到,技术不过关

// 在用户名输入框中按“回车”,光标跳转到密码输入框
private void textBox1_KeyPress(object sender, KeyPressEventArgs e)
{
    if (e.KeyChar == (char)Keys.Enter)
    {
        SendKeys.Send("{tab}");
    }
}

// Tab进入密码输入框时,自动全选密码
private void textBox2_Enter(object sender, EventArgs e)
{
      ((TextBox)sender).SelectAll();
}

相关文章

  • wxPython:当密码账号输入正确,登录界面消失并显示主界面

    登录界面弹窗(LoginDialog 类)如下: 登录界面弹窗(LoginDialog 类)代码如下: 登录界面弹...

  • 考勤系统界面设计

    1. 登录界面 我们是参考智慧商超系统的登录界面和登录功能,完成考勤系统的登录界面和登录功能。以下是界面和程序:...

  • 2018-07-09

    登录及注册 登录界面 登录界面代码 管理员界面 管理员界面代码 设置父子窗口 注册界面 注册界面代码 调用参数 查...

  • 2018-07-09

    考勤系统的登录与录入 登录界面 1)登录界面代码 录入界面 1)录入界面代码 注册界面 1)注册信息代码 1)数据...

  • antd pro v5 登录流程

    涉及的主要文件 未登录时,路由跳转到登录界面 非登陆界面 登录界面

  • 登录界面效果图

    1.1用户登录界面 1.2收银员登录界面 1.3库管员登录界面 2.登录界面实现的功能描述 可实现不同用户类型的自...

  • 2018-10-14

    一.开始界面 二.登录界面的实现的功能效果1.能够成功连接数据库,能登录界面,实现登录验证功能;2.该登录界面可以...

  • vue 保存登录信息

    场景 在登录界面中使用账号和密码登录,需要记录用户登录信息,在下次进入登录界面时将上次登录信息反写到界面中。 浏览...

  • 先presentModalViewController后push

    先用presentModalViewController到登录界面,在登录界面在pushViewControlle...

  • (2)字典

    页面: 学生登录界面 student_login.html 练习界面 exercises.html 教师登录界面 ...

网友评论

      本文标题:登录界面

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