.net之旅－用户登录框架(39)

用户登录模块基本上是系统不可或缺的。本文将有关这方面的内容进行了简介和编码。不包括数据库部分。内容仅包括登录的验证(验证输入是否为空，并提示对应的出错信息)、回车即提交的实现。可以说是比较完整的一个框架。后面的部分我写完继续贴出。

1 建立网站在VS2005中，这个就不用我说了吧。

2 建立Index.aspx文件，系统同时建立Index.aspx.cs文件。

3 Index.aspx的代码：

<% ... @ Page Language="C#" AutoEventWireup="true"  CodeFile="Index.aspx.cs" Inherits="_Default"  %> <! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" > < html  xmlns ="http://www.w3.org/1999/xhtml"   > < script  language ="javascript" > ... /**//* 回车提交表单 */function SubmitKeyClick(button) ...{        if (event.keyCode == 13)     ...{                document.getElementById("ButtonLogin").click();    }} </ script >   < head  runat ="server" >      < title > 欢迎光临 </ title > </ head > < body >      < form  id ="formLogin"  runat ="server" >      < table >          < tr >              < td  style ="height: 26px; width: 67px;" > 用户名： </ td >              < td  style ="width: 160px; height: 26px" >< asp:TextBox  ID ="TextBoxUserId"  runat ="server" ></ asp:TextBox ></ td >          </ tr >          < tr >              < td  style ="width: 67px" > 密  码： </ td >              < td  style ="width: 160px" >< asp:TextBox  ID ="TextBoxUserPwd"  runat ="server" ></ asp:TextBox ></ td >          </ tr >          < tr >              < td ></ td >              < td  style ="height: 26px; width: 160px;"  align ="center" >< asp:Button  ID ="ButtonLogin"  runat ="server"  Text ="登录"  ToolTip ="用户登录"  OnClick ="ButtonLogin_Click"   /></ td >          </ tr >          < tr >          < td ></ td >          < td >< asp:Label  ID ="LabelError"  runat ="server"  Text ="用户名或密码错误"  Visible ="False"  ForeColor ="Red" ></ asp:Label ></ td >          </ tr >      </ table >      </ form >      </ body > </ html >

4 对应的cs文件代码：

/**/ /// ************************************************************/// Copyright (C), 2006-2007, GUET./// FileName: Index.aspx.cs/// Author: longronglin/// Version : 1.0/// Date: 2007-01-23/// Description:      /// Function List:   ///     1. void Page_Load()///     2. void ButtonLogin_Click()///     3. void ValidInput()/// History:      ///      <author> <time> <version> <desc>///      longronglin    2007/01/23     1.0      modify xxx . /// ************************************************************* using  System; using  System.Data; using  System.Configuration; using  System.Web; using  System.Web.Security; using  System.Web.UI; using  System.Web.UI.WebControls; using  System.Web.UI.WebControls.WebParts; using  System.Web.UI.HtmlControls; public   partial   class  _Default : System.Web.UI.Page  ... {    protected void Page_Load(object sender, EventArgs e)    ...{        /**//// 回车提交表单处理，调用JavaScript处理。        /// onkeydown为TextBoxUserPwd的事件        /// SubmitKeyClick为对应的JavaScript函数，ButtonLogin为对应按钮ID的标识        TextBoxUserPwd.Attributes.Add("onkeydown", "SubmitKeyClick('ButtonLogin');");        /**////设置为焦点        TextBoxUserId.Focus();    }    /**//// <summary>    /// 登录按钮处理    /// </summary>    /// <param name="sender"></param>    /// <param name="e"></param>    protected void ButtonLogin_Click(object sender, EventArgs e)    ...{        ValidInput();    }    /**//// <summary>    /// 验证输入是否合法，输入的用户名和密码不可为空。    /// </summary>    private void ValidInput()    ...{        /**//// Page.IsPostBack响应客户端的反应判定，客户端重新提交则为真。        if (Page.IsPostBack)        ...{            LabelError.Visible = false;            if (TextBoxUserId.Text.Length == 0)             ...{                LabelError.Text = "用户名不可为空";                LabelError.Visible = true;                                /**////设置为焦点                TextBoxUserId.Focus();                /**//// return用来退出当前函数                return;            }            if (TextBoxUserPwd.Text.Length == 0)            ...{                LabelError.Text = "密码不可为空";                LabelError.Visible = true;                /**////设置为焦点                TextBoxUserPwd.Focus();            }        }    }}

5 测试正确。

 希望对大家有用。