系统登录界面的制作

2.3系统登录界面的制作

1.贴效果图，最好是GIF文件

图1.PNG

图2.PNG

1.gif

在最初的登录界面，通过对窗体的增加，实现了现在点击用户登录的超链接，就会弹出登录界面

2.登录界面中涉及到的控件以及控件的重要属性、方法

窗体

想要制作一个登录界面，少不了windows窗体，所以首先要建一个窗体

控件Label

属性	值
text	用户名
text	密码

控件 LinkLabel

属性	值

控件 LinkLabel

属性	值
text	用户登录
text	退出

控件 TextBox

属性	值
MaxLength	6
PasswordChar	*

控件Button

属性	值
text	登录
text	退出

控件PictureBox

属性	值
Image（图片框中显示的图片）	插入的图片

控件ComboBox

属性	值
Items	收银员 库管员

3.登录界面迭代了很多版，描述每一版的效果，从提升登录界面可用性来描述为什么要这样迭代

版本一

图2.PNG

6.gif

8.gif

9.gif

这个版本就是通过简单的选择几个控件，然后按照相应的位置摆好，通过写几句show等等的代码来实现登陆或退出。这个版本的登陆是通过自己的选择收银员或库管员，然后输入相应的收银员或库管员的账号和密码，只有用户名、密码和人员三者相应是才能登陆成功，否则失败。

版本二

图3.PNG

3.gif

这个版本相比上一个版本更加方便，上一版本有的控件，这个版本差不多都有，同时还增加ComboBox和LinkLabel两个控件，增加了一个用户类型的下拉列表，这样登录人员就只能下拉选择用户类型，更加安全，便捷。跟上一个版本一样，都是要用户类型、用户名和密码三者统一才能登录成功，否则失败。

4.贴入重要代码片段，并进行详细描述

版本一代码

4.PNG

这段代码规定收银员和库管员不同的登录名和密码，只有输入相应对的用户名和密码才能登陆成功

5.PNG

6.PNG

这里表示登录界面一出来就首先是收银员，若是库管员登录则需要选择。

版本二代码

7.PNG

8.PNG

9.PNG

版本二这段代码，可以实现在输入用户名之后不用鼠标点到密码框上，直接回车，光标就会在密码框里，在回车则可以直接登录，这样又简单又方便。