管理员登录设计(第7节)

2020-01-17 23:10:52

字体：大中小

来源：转载

供稿：网友

本文实现管理员登录效果，当用户名和密码正确时，弹出登录成功提示，否则弹出用户名或密码错误提示。
今天有以下三大学习任务：
学习任务一了解命名空间的定义

定义
namespace 空间名
{
类
}
引用
using 空间名

学习任务二实现管理员登陆界面的设计
界面布局具体如图所示：

小提示：在插入表格的时候，应注意表格的大小、布局、边框、背景的设置，提前做好准备，可以节省接下来的工作；第二点就是区分image与imagebutton。

学习任务三实现登录界面的验证
步骤1：使用第三方控件验证码控件，下载.dll文件添加到工具箱。
步骤2：在Visual Studio 2008的“解决方案资源管理器”面板中，右击站点,在弹出的快捷菜单中选择“添加ASP.NET文件夹”到Bin命令。在弹出的对话框中右击“Bin文件夹”，在弹出的快捷菜单中选择“添加引用”命令，在弹出的“添加引用”对话框中，选择“浏览”选项卡，找到WebValidates.dll文件并添加到Bin文件夹下。
步骤3：向页面拖放控件。
步骤4：编写代码首次加载生成验证码。代码如下：

public partial class _Default : System.Web.UI.Page {  protected void Page_Load(object sender, EventArgs e)  {    if (!IsPostBack)    {      SnCode.Create();    }  }

步骤5：双击Login按钮，在adminlogin.aspx.cs代码页添加如下代码：

public partial class admin_adminlogin : System.Web.UI.Page{  protected void Page_Load(object sender, EventArgs e)  {    if (!IsPostBack)    {      SnCode.Create();    }  }  protected void ImageButton6_Click(object sender, ImageClickEventArgs e)  {    if (SnCode.CheckSN(TextBox3.Text.Trim()))    {      String username = TextBox1.Text;      String userpwd = TextBox2.Text;      users user1 = null;      user1 = new users();      user1.Admin = username;      user1.Pwd = userpwd;      DataSet ds1 = new userschuli().adminlogin(user1);      DataTable dt = ds1.Tables[0];      if (dt.Rows.Count > 0)      {        Response.Write("<script>alert('用户名和密码正确!');</script>");      }     else      {  Response.Write("<script>alert('用户名或密码不正确!');</script>");   }  }    else    {      Response.Write("<script>alert('验证码错误!');</script>");    }  }protected void ImageButton5_Click(object sender, ImageClickEventArgs e)  {    TextBox1.Text = "";    TextBox2.Text = "";    TextBox3.Text = "";  }}

步骤6：运行调试代码，当用户名和密码正确以及验证码正确时，弹出登录成功提示框，否则弹出用户名或密码错误提示框。

运行效果图：