智慧商超登录界面制作

一：创造窗体。

打开Visual Studio选择C#创造出窗体。

image.png

二：登录界面的制作

打开工具箱

image.png

1.在工具箱中选择控件：Lable

选中控件，单击右键点出属性，

image.png

在属性中将3个控件内容分别改成：

Lable1——用户类型
Lable2——用户名
Lable3——密码
2.选择控件: TextBox
在属性中将内容改成：
TextBox1——空白值（可输入值）
TextBox2——空白值（可输入值）
3.选择控件: ComboBox
在属性中将内容改成：
ComboBox1——库管员/收银员
4.选择控件: Button
在属性中将内容改成：
Button1——登陆
Button2——退出
5.选择控件：LinkLable
在属性中将内容改成：
LinkLable1—— 忘记密码？
6.选择控件: PictureBox
在属性中插入图片：
PictureBox1——详见登陆界面截图
登录界面制作完成。

image.png

三：功能介绍

1.登录系统操作：
输入用户名后回车，光标跳转到密码输入框。
private void textBox1_KeyPress(object sender, KeyPressEventArgs e)
{
if (e.KeyChar == (char)Keys.Enter)
{
SendKeys.Send("{tab}");
}
}
输入密码后回车，则直接登录。
按 Tab 进入输入框时，自动全选。

2.用户名类型：
用户类型只允许选则“收银员”和“库管员”两种角色，默认角色为“收银员”。

代码表示：this.comboBox1.SelectedIndex = 0；

image.png

3.用户名最长字符为9，

image.png

4.密码显示为“*”；

image.png

5.登录成功\失败显示：
登录成功则显示：“收银员登录成功”

image.png

登录失败则显示“用户名或密码错误”

image.png

代码显示： // 点击“登录”按钮则登录系统
private void bt_Login_Click(object sender, EventArgs e)
{
if (this.cbb_Type.SelectedItem.ToString() == "收银员")
{
if (this.tb_User.Text == "200010111" && this.tb_Password.Text == "123456")
{
MessageBox.Show("收银员登录成功");
}
else
{
MessageBox.Show("用户名或密码错误", "提示", MessageBoxButtons.OK, MessageBoxIcon.Error);
}
}
6.退出系统

// 点击“退出”按钮则退出应用程序
private void bt_Exit_Click(object sender, EventArgs e)
{
Application.Exit();
}