美文网首页
2018-10-14

2018-10-14

作者: 夜南珀 | 来源:发表于2018-10-14 20:52 被阅读0次

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

一.登录

1.登录界面图

image

2.登录成功

image

3.账户名或密码错误图

image

4.点击"退出"按钮,就能退出当前界面

## 二.登录界面的各项控件的参数设置

控件1:Lable

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

控件2:LinkLable

属性
LinkLable1 忘记密码?

控件3:Button

属性
Button1 登陆
Button2 退出

控件4:ComboBox

属性
ComboBox1 库管员/收银员

控件5:PictureBox

属性
PictureBox1 请看登陆界面截图

控件6:TextBox

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

## 三. 细节方法

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

点击Form1窗口进入属性界面,找到StartPosition并选择CenterScreen;

找到MaximizeBox、MinmiizeBox设置为False。

2. 默认角色为“收银员”,并且只允许选择“收银员”和“库管员”两种角色


        private void Form1_Load(object sender, EventArgs e)

        {

            this.comboBox1.SelectedIndex = 0;

        }

在Form1属性下找到Load事件,双击打开,输入以上代码;

找到ComboBox1控件并右击打开编辑项,输入库管员,隔行输入收银员。

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

双击用户名框,把控件里面的MaxLength并设置为9;

双击用户名框,把控件里面的PasswordChar并设置为“*”。


14025678-dec8b5605dc48c4b.png

4. 登录正确则提示成功;登录失败则提示错误,注意使用错误图标

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

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

输入以上代码,点击“登陆”。

5. 点击“退出”时退出应用程序

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

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

相关文章

网友评论

      本文标题:2018-10-14

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