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

案例 登录

用户登录界面

前台代码如下

<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" />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<asp:Button ID="no" runat="server" Text="取消" OnClick="no_Click"/>

<br/>

<asp:Label ID="lab_showResult" runat="server" Text=""></asp:Label>

</div>

功能说明

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

2. 点击登录按钮

   1. 判断是否输入用户名及密码，如果没有输入，则在界面中给出提示

   2. 当用户名及密码均为123时，视为登录成功，在界面显示登录成功，反之输出登录失败

未输入密码

未输入用户名

登录成功

用户名和密码不匹配

后台代码如下：

清除输入框中的消息

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 = "登录失败,用户名或密码错误";

}

}

ok,到此为止就完成了登录这个小案例。这只是个简单的小功能，界面比较简陋。为了初学者能看得明白，代码写的也比较简单，也存在不完美的地方，希望大神多多指教。

这只是一个简单的模拟小案例，之后随着课程的深入，会逐渐把这些案例完善，最后做一个简单的小系统出来。