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

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

  定义
  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：运行调试代码，当用户名和密码正确以及验证码正确时，弹出登录成功提示框，否则弹出用户名或密码错误提示框。

运行效果图：

总结
通过本节的学习，理解命名空间的含义和作用，使用表格布局实现管理员登陆界面的设计以及使用第三方控件验证码控件实现登录界面的验证。

希望以上内容可以对大家的学习有所帮助。