在线免费观看视频,91尤物在线播放,www夜插

ExtAspNet應用技巧（十二） - 系統登錄

原創|其它|編輯：郝浩|2009-08-31 11:13:28.000|閱讀 892 次

概述：本文教你如何制作登陸窗口，如果你想運行本章中使用的代碼，可以從 //appbox.codeplex.com/SourceControl/ListDownloadableCommits.aspx 下載全部源代碼。

界面效果

一步一步創建界面

1. 首先每個使用控件的頁面都需要引入ext:PageManager控件。

2. 頁面上放置一個沒有關閉按鈕的ext:Window，并且指定寬度為350px。

<ext:PageManager ID="PageManager1" runat="server"> 
</ext:PageManager> 
<ext:Window ID="Window1" runat="server" IsModal="true" Popup="true" EnableClose="false"
    Title="系統登陸" Width="350px"> 
</ext:Window> 

3. 在ext:Window內部放置一個ext:SimpleForm控件（ext:SimpleForm用來呈現那些只有一列的表單，如果需要更復雜的表單可以使用ext:From控件）。

<ext:Window ID="Window1" runat="server" IsModal="true" Popup="true" EnableClose="false"
    Title="系統登陸" Width="350px"> 
    <ext:SimpleForm ID="SimpleForm1" runat="server" LabelWidth="45px" BodyPadding="10px 20px"
        EnableBackgroundColor="true" ShowBorder="false" ShowHeader="false"> 
        <ext:TextBox ID="tbxUserName" FocusOnPageLoad="true" runat="server" Label="帳號" Required="true"
            ShowRedStar="true" Text=""> 
        </ext:TextBox> 
        <ext:TextBox ID="tbxPassword" TextMode="Password" runat="server" Required="true"
            ShowRedStar="true" Label="密碼" Text=""> 
        </ext:TextBox> 
        <ext:Button ID="btnSubmit" Type="Submit" runat="server" ValidateForms="SimpleForm1"
            OnClick="btnSubmit_Click" Text="登陸"> 
        </ext:Button> 
    </ext:SimpleForm> 
</ext:Window> 

注意這里有幾個應用技巧：

默認的ext:SimpleForm中控件的Label占據60px的寬度（在Web.config中定義），這里我們可以通過LabelWidth="45px"來覆蓋這種設置。
為了讓用戶名文本框在頁面加載完畢后自動獲取焦點，我們設置屬性FocusOnPageLoad="true"
點擊按鈕時需要對文本框進行客戶端驗證，這里只需為ext:Button設置ValidateForms="SimpleForm1"屬性即可（如果需要驗證多個表單，比如ValidateForms="SimpleForm1,Form2"）。
文本框的ShowRedStar="true"用來在標簽旁邊顯示一個紅色的星號，這個需要和Required="true"配合使用。
為了達到在表單內任意一個文本框內點擊回車按鍵都能激發按鈕的OnClick事件，需要設置ext:Button的Type="Submit"。

Asp.net表單身份驗證

由于在中使用的Asp.net的表單身份驗證，所以我們有必要來看一下Web.config配置文件：
在system.web配置節中：

<authentication mode="Forms"> 
  <forms name=".ASPXFORMSAUTH" loginUrl="~/default.aspx" timeout="120" defaultUrl="~/main.aspx" protection="All" path="/"/> 
</authentication> 
<authorization> 
  <deny users="?"/> 
</authorization> 

同時由于Asp.net的表單身份驗證在內部使用Response.Redirect進行頁面跳轉。為了使ExtAspNet兼容Response.Redirect，我們還必須在system.web下做如下配置：

<httpModules> 
  <add name="ScriptModule" type="ExtAspNet.ScriptModule, ExtAspNet"/> 
</httpModules> 

具體原因可以參考這篇博客：

后臺登陸代碼

其中我們使用作為ORM的工具，使用作為日志記錄的工具，代碼很簡單就不解釋了。

protected void btnSubmit_Click(object sender, EventArgs e) 
{ 
    string userName = tbxUserName.Text.Trim(); 
    string password = tbxPassword.Text.Trim(); 
    XUser user = new Select().From<XUser>() 
        .Where(XUser.NameColumn).IsEqualTo(userName) 
        .And(XUser.EnabledColumn).IsEqualTo(true) 
        .ExecuteSingle<XUser>(); 
      
    if (user != null) 
    { 
        if (PasswordUtil.ComparePasswords(user.Password, password)) 
        { 
            // 登錄成功 
            logger.Info(String.Format("登錄成功：用戶“{0}”", user.Name)); 
            FormsAuthentication.RedirectFromLoginPage(userName, true); 
            return; 
        } 
        else
        { 
            logger.Warn(String.Format("登錄失敗：用戶“{0}”密碼錯誤", userName)); 
            Alert.Show("密碼錯誤！"); 
            return; 
        } 
    } 
    else
    { 
        logger.Warn(String.Format("登錄失敗：用戶“{0}”不存在", userName)); 
        Alert.Show("用戶名不存在！"); 
        return; 
    } 
} 