美文网首页
系统登录界面的制作

系统登录界面的制作

作者: DuangzZ | 来源:发表于2019-07-11 19:06 被阅读0次

    1.登陆界面的效果图

    登录界面

    2.登陆界面实现的功能

    • 输入自己的用户账号
    • 然后输入相对应的密码
    • 如果忘记了用户名密码还可以点击忘记密码进行修改
    • 登陆按钮登陆到管理系统,退出按钮关闭界面

    3登陆界面各控件的参数

    控件comboBox1

    属性
    DropDownStyle DropDownList
    FormattingEnabled True
    ltems (集合)
    Tablndex 4

    控件textBox1

    属性
    MaxLength 9
    Tablndex 0

    控件textBox2

    属性
    MaxLength 6
    Tablndex 1

    控件button1

    属性
    Tablndex 2
    Text 登陆

    控件button2

    属性
    Tablndex 3
    Text 退出

    控件linklabel1

    属性
    Tablndex 5
    Text 忘记密码?
    TabStop True

    控件pictureBox1

    属性
    lmage "本地资源导入"
    SizeMode Stretchimage

    4.重要方法描述

    在form1_load中添加代码
    this.comboBox1.SelectedIndex = 0;

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

    输入回车光标跳转到密码输入框,然后再回车直接触发登陆按钮

    在textBox1_KeyPress 中添加代码
    如果(e.KeyChar == (char)Keys.Enter)
    那么SendKeys.Send("{Tab}");
    在textBox2_KeyPress中添加代码
    如果(e.KeyChar == (char)Keys.Enter)
    那么 this.button1_Click(sender ,e);

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

    在输入框tab键切换全选内容

    private void textBox1_Enter(object sender, EventArgs e)
            {
                    ((TextBox)sender).SelectAll();
            }
    
            private void textBox2_Enter(object sender, EventArgs e)
            {
                ((TextBox)sender).SelectAll();
            }
    

    5.还需要完善的功能

    • 登陆后的界面是否能自动在屏幕居中
    • 可以连接到后台数据库添加更多的账户数据
    • 可以需要添加验证码登陆检测

    相关文章

      网友评论

          本文标题:系统登录界面的制作

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