2018-10-21

1.用户登录界面效果图

GIF.gif

2.用户登录界面实现的功能描述

在正常输入用户名（user1/user2），选择用户类型（收银员\库管员），输入正确的密码后，就能够出现登录成功的窗口界面，便能够进入相对应的商超管理系统。反之，如果出现用户名、用户类型和密码不匹配的情况下就会出现登录失败的窗口界面。

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

picturebox控件

属性	参数值设置
backgroundimage	picture插入
backgroundimagelayout	Stretch
borderstyle	FixedSingle
sizemode	zoom

Label控件

属性	参数值设置
name	用户名\用户类型\密码
Font	微软雅黑, 7.5pt, style=Bold

textbox1控件

属性	参数值设置
maxlength	9

textbox2控件

属性	参数值设置
passwordchar	*

combox1控件

属性	参数值设置
Items	收银员\库管员
DropDownStyle	DropDownlist

button1控件

属性	参数值设置
Text	登录

button2控件

属性	参数值设置
Text	退出

linklabel控件

属性	参数值设置
Text	忘记密码？
linkcolor	dark blue

窗体控件

属性	参数值设置
Text	用户登录界面
size	484,384
startposition	centerscreen
formborderstyle	fixedsigle

4.重要方法描述

(1)窗口加载时，设置默认角色为“收银员”

//窗口加载时，设置默认角色为“收银员”
  private void 用户登录_Load(object sender, EventArgs e)
        {
            this.comboBox1.text = "收银员";
        }

(2)窗口加载时，点击退出按钮时直接退出

//窗口加载时，点击退出按钮时直接退出
 private void button2_Click(object sender, EventArgs e)
        {
            this.Close();
        }

5.功能扩展

界面自适应：
1.使用Anchor属性进行设置。
2.使用Dock属性进行设置。
3.自定义resize类实现。
Anchor属性：anchor的中文解释就是固定停泊，主要功能就是让控件停靠在父控件的某个地方。有上下左右四个方向可选，也可以多选。
anchor属性的默认值为top，left。就是子控件与父控件的顶部和左边的距离保持不变。而你每多选择一个方位，则那个方向与父控件的距离就会保持，这样就实现了自适应。
Dock属性：dock的中文解释也是停靠的意思，它与anchor有所不同，它只能有上下左右中五个选择，但每次只能选择其中的一种。
dock属性的默认值为None。也就是不选择，但当你选择其中的一个时候，你的子控件就会紧贴这那个方位的父控件，从而父控件发生变化，子控件也会随着变化