快捷導(dǎo)航

管理員登錄設(shè)計(第7節(jié))

更新時間：2015年08月13日 14:41:50 投稿：lijiao

這篇文章主要內(nèi)容是管理員登錄設(shè)計，通過設(shè)計了解命名空間的概念，掌握命名控件的的構(gòu)建和使用以及數(shù)據(jù)的讀操作,需要的朋友可以參考下

本文實(shí)現(xiàn)管理員登錄效果，當(dāng)用戶名和密碼正確時，彈出登錄成功提示，否則彈出用戶名或密碼錯誤提示。
今天有以下三大學(xué)習(xí)任務(wù)：
學(xué)習(xí)任務(wù)一了解命名空間的定義

定義
namespace 空間名
{
類
}
引用
using 空間名

學(xué)習(xí)任務(wù)二實(shí)現(xiàn)管理員登陸界面的設(shè)計
界面布局具體如圖所示：

小提示：在插入表格的時候，應(yīng)注意表格的大小、布局、邊框、背景的設(shè)置，提前做好準(zhǔn)備，可以節(jié)省接下來的工作；第二點(diǎn)就是區(qū)分image與imagebutton。

學(xué)習(xí)任務(wù)三實(shí)現(xiàn)登錄界面的驗(yàn)證
步驟1：使用第三方控件驗(yàn)證碼控件，下載.dll文件添加到工具箱。
步驟2：在Visual Studio 2008的“解決方案資源管理器”面板中，右擊站點(diǎn),在彈出的快捷菜單中選擇“添加ASP.NET文件夾”到Bin命令。在彈出的對話框中右擊“Bin文件夾”，在彈出的快捷菜單中選擇“添加引用”命令，在彈出的“添加引用”對話框中，選擇“瀏覽”選項(xiàng)卡，找到WebValidates.dll文件并添加到Bin文件夾下。
步驟3：向頁面拖放控件。
步驟4：編寫代碼首次加載生成驗(yàn)證碼。代碼如下：

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('驗(yàn)證碼錯誤!');</script>");
    }
  }
protected void ImageButton5_Click(object sender, ImageClickEventArgs e)
  {
    TextBox1.Text = "";
    TextBox2.Text = "";
    TextBox3.Text = "";
  }
}

步驟6：運(yùn)行調(diào)試代碼，當(dāng)用戶名和密碼正確以及驗(yàn)證碼正確時，彈出登錄成功提示框，否則彈出用戶名或密碼錯誤提示框。

運(yùn)行效果圖：