日韩欧美一区二区在线,国产线路一,日韩有码中文

ExtAspNet應(yīng)用技巧（十二） - 系統(tǒng)登錄

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

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

界面效果

一步一步創(chuàng)建界面

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

2. 頁(yè)面上放置一個(gè)沒(méi)有關(guān)閉按鈕的ext:Window，并且指定寬度為350px。

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

3. 在ext:Window內(nèi)部放置一個(gè)ext:SimpleForm控件（ext:SimpleForm用來(lái)呈現(xiàn)那些只有一列的表單，如果需要更復(fù)雜的表單可以使用ext:From控件）。

<ext:Window ID="Window1" runat="server" IsModal="true" Popup="true" EnableClose="false"
    Title="系統(tǒng)登陸" 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="帳號(hào)" 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> 

注意這里有幾個(gè)應(yīng)用技巧：

默認(rèn)的ext:SimpleForm中控件的Label占據(jù)60px的寬度（在Web.config中定義），這里我們可以通過(guò)LabelWidth="45px"來(lái)覆蓋這種設(shè)置。
為了讓用戶(hù)名文本框在頁(yè)面加載完畢后自動(dòng)獲取焦點(diǎn)，我們?cè)O(shè)置屬性FocusOnPageLoad="true"
點(diǎn)擊按鈕時(shí)需要對(duì)文本框進(jìn)行客戶(hù)端驗(yàn)證，這里只需為ext:Button設(shè)置ValidateForms="SimpleForm1"屬性即可（如果需要驗(yàn)證多個(gè)表單，比如ValidateForms="SimpleForm1,Form2"）。
文本框的ShowRedStar="true"用來(lái)在標(biāo)簽旁邊顯示一個(gè)紅色的星號(hào)，這個(gè)需要和Required="true"配合使用。
為了達(dá)到在表單內(nèi)任意一個(gè)文本框內(nèi)點(diǎn)擊回車(chē)按鍵都能激發(fā)按鈕的OnClick事件，需要設(shè)置ext:Button的Type="Submit"。

Asp.net表單身份驗(yàn)證

由于在中使用的Asp.net的表單身份驗(yàn)證，所以我們有必要來(lái)看一下Web.config配置文件：
在system.web配置節(jié)中：

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

同時(shí)由于Asp.net的表單身份驗(yàn)證在內(nèi)部使用Response.Redirect進(jìn)行頁(yè)面跳轉(zhuǎn)。為了使ExtAspNet兼容Response.Redirect，我們還必須在system.web下做如下配置：

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

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

后臺(tái)登陸代碼

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

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("登錄成功：用戶(hù)“{0}”", user.Name)); 
            FormsAuthentication.RedirectFromLoginPage(userName, true); 
            return; 
        } 
        else
        { 
            logger.Warn(String.Format("登錄失敗：用戶(hù)“{0}”密碼錯(cuò)誤", userName)); 
            Alert.Show("密碼錯(cuò)誤！"); 
            return; 
        } 
    } 
    else
    { 
        logger.Warn(String.Format("登錄失敗：用戶(hù)“{0}”不存在", userName)); 
        Alert.Show("用戶(hù)名不存在！"); 
        return; 
    } 
} 