之前我们已经学习了一些基本控件，今天来做一个小案例，将之前的几个知识点串联起来。

案例登录

干货——asp.net快速上手教程3

用户登录界面

前台代码如下

<div>
<asp:Label ID="Label3" runat="server" Text="用户登录" Font-Size="50px"></asp:Label><br/><br/>
<asp:Label ID="Label1" runat="server" Text="用户名"></asp:Label><asp:TextBox ID="tb_userName" runat="server"></asp:TextBox><br/>
<br/>
<asp:Label ID="Label2" runat="server" Text="密　码"></asp:Label><asp:TextBox ID="tb_password" runat="server" TextMode="Password"></asp:TextBox><br/>
<hr/>
<asp:Button ID="ok" runat="server" Text="登录" OnClick="ok_Click" />       <asp:Button ID="no" runat="server" Text="取消" OnClick="no_Click"/>
<br/>
<asp:Label ID="lab_showResult" runat="server" Text=""></asp:Label>
</div>

功能说明

点击取消按钮清空用户名和密码框中的值
点击登录按钮

判断是否输入用户名及密码，如果没有输入，则在界面中给出提示
当用户名及密码均为123时，视为登录成功，在界面显示“登录成功”，反之输出“登录失败”

干货——asp.net快速上手教程3

未输入密码

干货——asp.net快速上手教程3

未输入用户名

干货——asp.net快速上手教程3

登录成功

干货——asp.net快速上手教程3

用户名和密码不匹配

后台代码如下：

清除输入框中的消息

protected void no_Click(object sender, EventArgs e)
{
tb_userName.Text = "";
tb_password.Text = "";
}

登录信息显示

protected void ok_Click(object sender, EventArgs e)
{
string showInfo = "";
if(tb_userName.Text.Equals(""))//判断用户名是否为空
{
showInfo += "请输入用户名";
lab_showResult.Text = showInfo;
return;
}
if(tb_password.Text.Equals(""))//判断密码是否为空
{
showInfo += "请输入密码";
lab_showResult.Text = showInfo;
return;
}
if(tb_password.Text.Equals("123")&&tb_userName.Text.Equals("123"))//判断用户名和密码是否输入正确
{
lab_showResult.Text = "登录成功";
}
else
{
lab_showResult.Text = "登录失败,用户名或密码错误";
}
}