一步步开发自己的博客 .NET版（3、注册登录功能）

前言

这次开发的博客主要功能或特点：
第一：可以兼容各终端，特别是手机端。
第二：到时会用到大量html5，炫啊。
第三：导入博客园的精华文章，并做分类。（不要封我）
第四：做个插件，任何网站上的技术文章都可以转发收藏到本博客。

所以打算写个系类：《一步步搭建自己的博客》

演示地址：http://blog.haojima.net/ 群内共享源码：469075305

今天主要来分析下注册和登录。关于这两个功能的实现我相信大家都有自己的经验，说容易可以做的很容易说复杂可以做的很复杂。

其实说白了，注册就是往数据库里面插入一条数据，登录就是查询数据库里面是否存在这条数据。当然，还可以有自己的规则验证。如：用户名不能重复，密码不能为空...

为了防止别人恶意注册可以加个邮箱验证。那我们用什么邮箱发邮件通知呢, 163 Mail ? QQ Mail ?, 那我们做站长的也忒掉面子了吧。起码也得来个和你域名相关的企业邮箱啊，是不 (*^__^*)

在这里我给大家分享一个免费的企业邮箱。 http://wanwang.aliyun.com/promotion/free-times/

关于免费的企业有申请，这里就不做过多介绍了，申请后绑定自己的域名就ok了。

接下来，开始分析我的注册和登录功能的实现。

获取激活码和激活

这里首先说下获取激活码和激活处理。首先什么是激活码？这里的激活码主要是用来验证。第一、证明邮箱用户确实存在，这样可以有效防止恶意注册。第二、只有邮箱用户才可以做用户信息修改处理，如密码修改。因为需要用到激活码的地方“可能”比较多，所有我们把这两个方法分离出来。

获取激活码

获取激活码，其实也就是先生成一个随机数，先保存到Session，然后通过邮件发送到注册邮箱。当然这里有个重要的地方，那就邮件的发送帮助类。

  public class EmailHelper
    {

        #region Eail 属性

        private string _mailFrom = "system@haojima.net";
        /// <summary>
        /// 发送者
        /// </summary>
        public string mailFrom { get { return _mailFrom; } set { _mailFrom = value; } }

        /// <summary>
        /// 收件人
        /// </summary>
        public string[] mailToArray { get; set; }

        /// <summary>
        /// 抄送
        /// </summary>
        public string[] mailCcArray { get; set; }

        /// <summary>
        /// 标题
        /// </summary>
        public string mailSubject { get; set; }

        /// <summary>
        /// 正文
        /// </summary>
        public string mailBody { get; set; }

        /// <summary>
        /// 发件人密码
        /// </summary>
        public string mailPwd { get; set; }

        private string _host = "smtp.haojima.net";
        /// <summary>
        /// SMTP邮件服务器
        /// </summary>
        public string host { get { return _host; } set { _host = value; } }

        private bool _isbodyHtml = true;
        /// <summary>
        /// 正文是否是html格式
        /// </summary>
        public bool isbodyHtml { get { return _isbodyHtml; } set { _isbodyHtml = value; } }

        private string _nickname = "嗨-博客 系统通知";
        /// <summary>
        /// 发送者昵称
        /// </summary>
        public string nickname
        {
            get { return _nickname; }
            set
            {
                _nickname = value;
            }
        }

        /// <summary>
        /// 附件
        /// </summary>
        public string[] attachmentsPath { get; set; }

        //优先级别
        private MailPriority _Priority = MailPriority.Normal;
        /// <summary>
        /// 优先级别  默认正常优先级
        /// </summary>
        public MailPriority Priority
        {
            get
            {
                return _Priority;
            }
            set
            {
                _Priority = value;
            }
        }
        #endregion

        public bool Send()
        {
            //使用指定的邮件地址初始化MailAddress实例
            MailAddress maddr = new MailAddress(mailFrom, nickname);
            //初始化MailMessage实例
            MailMessage myMail = new MailMessage();

            //向收件人地址集合添加邮件地址
            if (mailToArray != null)
            {
                for (int i = 0; i < mailToArray.Length; i++)
                {
                    myMail.To.Add(mailToArray[i].ToString());
                }
            }

            //向抄送收件人地址集合添加邮件地址
            if (mailCcArray != null)
            {
                for (int i = 0; i < mailCcArray.Length; i++)
                {
                    myMail.CC.Add(mailCcArray[i].ToString());
                }
            }
            //发件人地址
            myMail.From = maddr;

            //电子邮件的标题
            myMail.Subject = mailSubject;

            //电子邮件的主题内容使用的编码
            myMail.SubjectEncoding = Encoding.UTF8;

            //电子邮件正文
            myMail.Body = mailBody;

            //电子邮件正文的编码
            myMail.BodyEncoding = Encoding.Default;

            //邮件优先级
            myMail.Priority = Priority;

            myMail.IsBodyHtml = isbodyHtml;

            //在有附件的情况下添加附件
            try
            {
                if (attachmentsPath != null && attachmentsPath.Length > 0)
                {
                    Attachment attachFile = null;
                    foreach (string path in attachmentsPath)
                    {
                        attachFile = new Attachment(path);
                        myMail.Attachments.Add(attachFile);
                    }
                }
            }
            catch (Exception err)
            {
                throw new Exception("在添加附件时有错误:" + err);
            }

            SmtpClient smtp = new SmtpClient();
            //指定发件人的邮件地址和密码以验证发件人身份
            smtp.Credentials = new System.Net.NetworkCredential(mailFrom, mailPwd);//115                 //设置SMTP邮件服务器
            smtp.Host = host;
            // smtp.EnableSsl = true;
            //smtp.Port = 587;
            try
            {
                //将邮件发送到SMTP邮件服务器
                smtp.Send(myMail);
                return true;

            }
            catch (System.Net.Mail.SmtpException ex)
            {
                return false;
            }

        }
    }

View Code

用法：

EmailHelper email = new EmailHelper()
            {
                mailPwd = 发送者密码,
                host = 邮件服务器,
                mailFrom = 发送者邮箱,
                mailSubject = 邮件标题,
                mailBody = 邮件正文,
                mailToArray = new string[] { 发送给}
            };
 email.Send();//发送

效果图：

激活

激活，复制你邮件收到的激活码和 session 里面保存的数据数比较。如果相等则表示验证成功。然后，该注册的注册、该改密码的改密码。（验证成功后可以发个邮件告知注册成功并发送注册信息以免注册用户忘记注销信息）

数据验证

在注册和登录的过程中，有多处地方需要验证。如：用户名密码必填非空邮箱格式比较正确。然而，在MVC里的特性验证用起来那个爽歪歪的。

这里来说说我的用法（初次使用）。

特性验证： Required 非空 [Required(ErrorMessage = "用户名不能为空")] public string UserName { get; set; }

我们直接把特性标识在属性的上面就可以了，如果在数据保存的时候验证不通过则会抛出自定义的异常信息。不过这里有个问题，我们的实体类都是通过 tt 文件自动生成的。我们加上去的特性在下次保存 tt 文件的时候又会清空。不过微软的猿们早就替我们想好了。tt 生成的是部分类。那么我们也就可以在外部生成一个部分类来加特性然后在编译的时候自动合并。

这里是后台验证。当然我们不能只仅仅验证后台，要是能直接在前台就能屏蔽验证不通过的请求也能减轻服务器的负担。接下来要说的就是 “爽歪歪”的。我们在后台加的特性验证，可以直接在前台也做验证。好神奇，这是怎么实现的呢？其实我们看看生成的html代码就大概会猜到了。

首先我们在View 的 Razor视图使用的强类型的“声明”。 @model BlogUsersSet

然后在View的使用 @Html.TextBoxFor(t => t.UserName) 可以直接使用拉姆达表达式爽啊。

我们可以看到前台生成的html代码

<input class="txt_username" data-val="true" data-val-required="用户名不能为空" id="UserName" name="UserName" type="text" value="">

看到这里我们是不是已经明白了点什么呢？验证信息直接带到了标签里面。当然这仅仅只是生成在了html标签里面。其实我们现在还不能完成前台的验证。我们要真的能自动在前台验证的话需要引入一些微软提供的js文件。 jquery.validate.js jquery.validate.unobtrusive.js 看名字就知道引用之前还需引用jquery 文件。

在此前台验证效果已经ok了。那仅仅验证了也还是不够的。起码也得有个提示信息吧。 @Html.ValidationMessageFor(t => t.UserName) 自动输出验证不通过的信息提示。

总结下使用MVC中的特性来验证：

第一、需要在后台的模型类里面加上特性：如 [Required(ErrorMessage = "用户名不能为空")] public string UserName { get; set; } （这里仅仅完成了后台验证）

第二、需要在前台引入两个js文件 jquery.validate.js jquery.validate.unobtrusive.js （这里完成了前台验证）

第三、在View文件中生成控件和验证提示信息。 @Html.TextBoxFor(t => t.UserName)//生成控件 @Html.ValidationMessageFor(t => t.UserName)//验证提示消息

效果图：

演示地址：http://blog.haojima.net/UserManage/Regis

注册和登录中最重要的获取激活码、激活和数据验证都已经分析完了，那么下面就简单的说下注册、登录和重置密码吧。

注册

首先关于注册信息包含：用户名、密码、昵称、邮箱。

用户名：必填非空非重复，主要用来验证登录和url中的链接。如：http://blog.haojima.net/zhaopei/1.html 中的 zhaopei。

密码：必填非空，主要用来验证登录。

昵称：非必填，主要用来友好显示在你的个人主页、方便别人记住你。如果是空，则用用户名替代。

邮箱：必填非空非重复，主要用来注册的时候验证激活、重置密码的时候验证激活和评论邮件通知、站内消息通知（评论邮件通知站内消息通知功能暂未完成）

效果图：

重置密码

重置密码，也就是修改密码。

需要用到的字段：邮箱、新密码

发送验证码到邮箱，然后判断输入的验证码是否正确。如果正确则把密码修改成新密码。

效果图：

总结

这里主要是分析介绍了下博客用户的注册、登录和密码重置。其主要的共用模块功能有获取激活码、触发激活和数据验证。

注册流程：填写注册信息-> 验证信息-> 邮件验证-> 注册成功

登录流程：填写登录信息-> 数据库查询->

1.锁定-> 发送邮箱激活码-> 激活 ->登录成功

2.未锁定->登录成功

演示地址：http://blog.haojima.net/UserManage/Regis （界面丑是丑了点，后期再美化）

如果您对本篇文章感兴趣，那就麻烦您点个赞，您的鼓励将是我的动力。当然您还可以加入QQ群:讨论。

如果您有更好的处理方式，希望不要吝啬赐教。

一步步开发自己的博客 .NET版系列：http://www.cnblogs.com/zhaopei/tag/Hi-Blogs/

本文链接：http://www.cnblogs.com/zhaopei/p/4770340.html

开源地址：http://git.oschina.net/zhaopeiym/Hi-Blogs

posted @ 2015-08-31 15:25 农码一生阅读(6502) 评论(44) 编辑收藏举报

刷新页面返回顶部

一步步开发自己的博客 .NET版（3、注册登录功能）

前言

获取激活码和激活

获取激活码

激活

数据验证

注册

登录

重置密码

总结

公告