怎样将用户名和密码保存到Cookie中？【转】

在网站中,我们经常看到每当我们准备登陆时,网页询问我们是否保存用户名和密码,以便下次登陆时不用再次输入。诸如此类的功能如何实现哪？经过两天的研究，终于有了收获！现将我的经验与大家分享。
    在网页中记录用户的信息通常有如下几种方式：Session、Cookie、以及.Net环境下的ViewState等。比较起来，Session将用户的信息暂存在内存中，除非用户关闭网页，否则信息将一直有效。所以，用Session保存的信息很容易丢失。Cookie用来将用户的信息保存到用户机的文件中，这样信息就可以长久的保存。前两种都是传统的保存方式，而ViewState是在微软.Net环境下新推出的一种对象，它其实是一种特殊的 Session，不过一般将信息保存在客户端。关于ViewState的用法大家可以参考一些资料，我在《谨慎Asp.net中static变量的用法》一文中也有叙述。
    下面我将以用户名和密码为例介绍如何通过Cookie保存用户的信息。
    因为Cookie是通过计算机上的文件来记录有关信息，所以涉及到对Cookie的操作无外乎读取、赋值和删除。另外，由于Cookie提供了一项有效期的功能，所以还可以对Cookie设置有效期。下面将在DHTML和VS.Net两种环境下分别介绍如何实现Cookie的各种操作。
    一、DHTML环境
    这种环境下我们使用的是传统的JavaScript脚本，通过对页面中各种对象的属性和事件进行操作来完成我们的预期任务。
    1、读取Cookie值
    Cookie值是按照索引存储的，也就是说不同的索引有不同的Cookie值。所以我们就可以将我们想要存储的对象（在这里为用户名）作为索引，读取该存储对象的Cookie值。方法如下：
    function GetCookie (name)
    {
       var arg = name + "=";
      var alen = arg.length;
       var clen = window.document.cookie.length;
       var i = 0;
       while (i < clen)
       {
            var j = i + alen;
            if (window.document.cookie.substring(i, j) == arg) return getCookieVal (j);
                i = window.document.cookie.indexOf(" ", i) + 1;
            if (i == 0)
                break;
        }
        return null;
    }

<br>
<input value="记录" type="button" >    <input value="删除" type="button"

onClick="DelCookie()">
    </body>
    </html>
    二、.Net环境
    .Net以其强大的功能而著称。所以在.Net中提供了许多针对Cookie的类，可以很方便地完成对Cookie的各类操作。在.Net中有一个类 HttpCookie，这个类中保存了Cookie的全部信息，包括Cookie名称、Cookie值、有效期等。我们在使用时先新建一个 HttpCookie的对象，然后用Response.Cookies下的方法来操作这个对象就可以了。
    声明一个HttpCookie对象的方法为：HttpCookie cookiename = new HttpCookie(Cookie的名称, Cookie的值);其中，cookiename是对象名。然后，我们就可以为cookiename的各个属性赋值。
    当向系统中添加该Cookie时只要用Response.AppendCookie(cookiename);就可以了，或者用 Response.Cookies.Add(cookiename);。读取Cookie时用Response.Cookies.Get(Cookie名称);删除Cookie时用Response.Cookies.Remove(Cookie名称);，但我试了一下，删不掉。所以还是用以前的思路，把该 Cookie的有效期设置为过时就可以了，方法如下：
    HttpCookie ckUserInfo = Request.Cookies[txtUserName.Text.Trim()];
    ckUserInfo.Expires = DateTime.Today.AddDays(-1);
    Response.Cookies.Set(ckUserInfo);
    以上操作就可以完成Cookie的基本操作。因为我还想实现当用户输完用户名后把焦点从用户名框转移到密码框时自动在密码框中输出该用户对应的密码，所以还得增加一个javascript处理函数showpassword()。这个函数完全和上面DHTML中的showpassword()一样。所以，在.Net中完全可以使用以前DHTML中的方法。我们只要在页面导入时为用户名框添加一个onblur属性即可。Login.aspx的代码如下：
    <%@ Page Language="C#" AutoEventWireup="true" CodeFile="login.aspx.cs" Inherits="login" %>

<!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" >
    <head runat="server">
        <title>无标题页</title>
    </head>
    <script>
        function GetCookie (name)
        {
     var arg = name + "=";
     var alen = arg.length;
     var clen = window.document.cookie.length;
     var i = 0;
     while (i < clen)
     {
          var j = i + alen;
          if (window.document.cookie.substring(i, j) == arg) return getCookieVal (j);
          i = window.document.cookie.indexOf(" ", i) + 1;
          if (i == 0)
               break;
     }
     return null;
        }
        function getCookieVal (offset)
        {
             var endstr = window.document.cookie.indexOf (";", offset);
             if (endstr == -1)
                  endstr = window.document.cookie.length;
             return unescape(window.document.cookie.substring(offset, endstr));
        }
        function showpassword()
        {
             var p=GetCookie(document.all.txtUserName.value);
             if(p!=null)
                 document.all.txtPassword.value= p;
        }
    </script>
    <body>
        <form runat="server">
        <div>
            请输入用户名：<asp:TextBox runat="server"></asp:TextBox><br />
            请输入密码：    <asp:TextBox runat="server" TextMode="Password"
                Width="149px"></asp:TextBox> <asp:CheckBox runat="server" Text="记住用户名和密码" /><br />
                    <asp:Button runat="server"
                Text="记录" />
            <asp:Button runat="server" Text="删除" />

        </div>
        </form>
    </body>
    </html>
    Login.aspx.cs的代码如下：
    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;

      {
        protected void Page_Load(object sender, EventArgs e)
        {
            txtUserName.Attributes.Add("onblur", "showpassword()");
        }

        protected void btnRem_Click(object sender, EventArgs e)
        {
            if (chkRem.Checked)
            {
                HttpCookie ckUserInfo = new HttpCookie(txtUserName.Text.Trim(), txtPassword.Text);
                ckUserInfo.Expires = DateTime.Now.AddYears(1);
                Response.AppendCookie(ckUserInfo);
            }
        }
        protected void btnDel_Click(object sender, EventArgs e)
        {
            HttpCookie ckUserInfo = Request.Cookies[txtUserName.Text.Trim()];
            ckUserInfo.Expires = DateTime.Today.AddDays(-1);
            Response.Cookies.Set(ckUserInfo);
        }
    }
    好了，大功全部告成。如果大家还想进行更高级的操作的话，可以用这些基本功能进行开发，思路都是一样的。有什么更好的思路可以提出来，我们共同交流。

posted @ 2012-09-07 16:36 王涛1 阅读(1990) 评论(0) 编辑收藏举报

刷新页面返回顶部

王涛

怎样将用户名和密码保存到Cookie中？【转】

公告