这篇文章主要介绍“如何实现ASP.NET MVC5网站开发用户注册”，在日常操作中，相信很多人在如何实现ASP.NET MVC5网站开发用户注册问题上存在疑惑，小编查阅了各式资料，整理出简单好用的操作方法，希望对大家解答”如何实现ASP.NET MVC5网站开发用户注册”的疑惑有所帮助！接下来，请跟着小编一起来学习吧！
创新互联-专业网站定制、快速模板网站建设、高性价比灵宝网站开发、企业建站全套包干低至880元,成熟完善的模板库,直接使用。一站式灵宝网站制作公司更省心,省钱,快速模板网站建设找我们，业务覆盖灵宝地区。费用合理售后完善，十多年实体公司更值得信赖。
一、默认Web项目的更改
用户这部分还是自己做，所以删除自动生成的用户相关代码。
二、添加Member区域
在web项目上点右键 添加 区域Member。
添加Home控制器，选择MVC5控制器-空
我们给public ActionResult Index()添加一个视图，代码很简单就是显示下用户名
@{
ViewBag.Title = "会员中心";
}
欢迎你！@User.Identity.Name
我们先运行一下，出错啦。
这是因为项目中有两个名为Home的控制器，必须在路由中加上命名空间。先打开区域中的MemberAreaRegistration添加命名空间。
再打开项目中的RouteConfig，添加命名空间
再刷新浏览器，可以正常显示。
再添加用户控制器UserController。
三、模型类的更改
在这里先对Models项目User模型进行修改，原来考虑的是每个用户只能属于一个用户组，后来仔细考虑了一下，还是不太合适，比如一个用户兼任多个角色，所以还是把用户和用户组改成一对多的关系。
using System.ComponentModel.DataAnnotations;
namespace Ninesky.Models
{
///
/// 角色
///
/// 创建：2014.02.02
/// 修改：2014.02.16
///
///
public class Role
{
[Key]
public int RoleID { get; set; }
///
/// 名称
///
[Required(ErrorMessage="必填")]
[StringLength(20, MinimumLength = 2, ErrorMessage = "{1}到{0}个字")]
[Display(Name="名称")]
public string Name { get; set; }
///
/// 角色类型
/// 0普通（普通注册用户），1特权（像VIP之类的类型），3管理（管理权限的类型）
///
[Required(ErrorMessage = "必填")]
[Display(Name = "用户组类型")]
public int Type { get; set; }
///
/// 说明
///
[Required(ErrorMessage = "必填")]
[StringLength(50, ErrorMessage = "少于{0}个字")]
[Display(Name = "说明")]
public string Description { get; set; }
///
/// 获取角色类型名称
///
///
public string TypeToString()
{
switch (Type)
{
case 0:
return "普通";
case 1:
return "特权";
case 2:
return "管理";
default:
return "未知";
}
}
}
}UserRoleRelation类。在Models项目添加角色关系类UserRoleRelation类，代码：
using System.ComponentModel.DataAnnotations;
namespace Ninesky.Models
{
///
/// 用户角色关系
///
/// 创建：2014.02.16
///
///
public class UserRoleRelation
{
[Key]
public int RelationID { get; set; }
///
/// 用户ID
///
[Required()]
public int UserID { get; set; }
///
/// 角色ID
///
[Required()]
public int RoelID { get; set; }
}
}NineskyDbContext类。 如下图蓝色框为修改部分，红框为新增加
三、验证码及Sha256加密
1、验证码
现在验证码是网站的必须功能，我把验证码功能分成三块：创建验证码字符、根据验证码生成图片、User控制器action中保存验证码并返回图片。
创建验证码字符 CreateVerificationText()
在Common中添加Security类，在类中利用伪随机数生成器生成验证码字符串。
///
/// 创建验证码字符
///
/// 字符长度
/// 验证码字符
public static string CreateVerificationText(int length)
{
char[] _verification = new char[length];
char[] _dictionary = { 'A', 'B', 'C', 'D', 'E', 'F', 'G', 'H', 'I', 'J', 'K', 'L', 'M', 'N', 'O', 'P', 'Q', 'R', 'S', 'T', 'U', 'V', 'W', 'X', 'Y', 'Z', 'a', 'b', 'c', 'd', 'e', 'f', 'g', 'h', 'i', 'j', 'k', 'l', 'm', 'n', 'o', 'p', 'q', 'r', 's', 't', 'u', 'v', 'w', 'x', 'y', 'z', '0', '1', '2', '3', '4', '5', '6', '7', '8', '9' };
Random _random = new Random();
for (int i = 0; i < length; i++) { _verification[i] = _dictionary[_random.Next(_dictionary.Length - 1)]; }
return new string(_verification);
}
根据验证码生成图片CreateVerificationImage()
思路是使用GDI+创建画布，使用伪随机数生成器生成渐变画刷，然后创建渐变文字。
///
/// 创建验证码图片
///
/// 验证码字符串
/// 图片宽度
/// 图片长度
/// 图片
public static Bitmap CreateVerificationImage(string verificationText, int width, int height)
{
Pen _pen= new Pen(Color.Black);
Font _font = new Font("Arial", 14, FontStyle.Bold);
Brush _brush = null;
Bitmap _bitmap = new Bitmap(width,height);
Graphics _g = Graphics.FromImage(_bitmap);
SizeF _totalSizeF = _g.MeasureString(verificationText,_font);
SizeF _curCharSizeF;
PointF _startPointF = new PointF((width-_totalSizeF.Width)/2,(height-_totalSizeF.Height)/2);
//随机数产生器
Random _random =new Random();
_g.Clear(Color.White);
for(int i=0;iUser控制器action中保存验证码并返回图片
首先添加User控制器，在Member区域中添加控制器UserController。在控制器中写一个VerificationCode方法。过程是：在方法中我们先创建6位验证码字符串->使用CreateVerificationImage创建验证码图片->把图片写入OutputStream中->把验证码字符串写入TempData中。
保存在TempData中和Session中的区别：TempData只传递一次，也就是传递到下一个action后，action代码执行完毕就会销毁，Session会持续保存，所以验证码用TempData比较合适。
///
/// 验证码
///
///
public ActionResult VerificationCode()
{
string verificationCode = Security.CreateVerificationText(6);
Bitmap _img = Security.CreateVerificationImage(verificationCode, 160, 30);
_img.Save(Response.OutputStream, System.Drawing.Imaging.ImageFormat.Jpeg);
TempData["VerificationCode"] = verificationCode.ToUpper();
return null;
}
我们看看生成图验证码效果：
2、Sha256加密
在COmmon项目的Security类中添加静态方法Sha256(string plainText)
///
/// 256位散列加密
///
/// 明文
/// 密文
public static string Sha256(string plainText)
{
SHA256Managed _sha256 = new SHA256Managed();
byte[] _cipherText = _sha256.ComputeHash(Encoding.Default.GetBytes(plainText));
return Convert.ToBase64String(_cipherText);
}
四、注册
在Ninesky.Web.Areas.Member.Models中添加注册视图模型
using System.ComponentModel.DataAnnotations;
namespace Ninesky.Web.Areas.Member.Models
{
public class RegisterViewModel
{
///
/// 用户名
///
[Required(ErrorMessage = "必填")]
[StringLength(20, MinimumLength = 4, ErrorMessage = "{2}到{1}个字符")]
[Display(Name = "用户名")]
public string UserName { get; set; }
///
/// 显示名
///
[Required(ErrorMessage = "必填")]
[StringLength(20, MinimumLength = 2, ErrorMessage = "{2}到{1}个字符")]
[Display(Name = "显示名")]
public string DisplayName { get; set; }
///
/// 密码
///
[Required(ErrorMessage = "必填")]
[Display(Name = "密码")]
[StringLength(20,MinimumLength=6,ErrorMessage="{2}到{1}个字符")]
[DataType(DataType.Password)]
public string Password { get; set; }
///
/// 确认密码
///
[Required(ErrorMessage = "必填")]
[Compare("Password", ErrorMessage = "两次输入的密码不一致")]
[Display(Name = "确认密码")]
[DataType(DataType.Password)]
public string ConfirmPassword { get; set; }
///
/// 邮箱
///
[Required(ErrorMessage = "必填")]
[Display(Name = "邮箱")]
[DataType(DataType.EmailAddress,ErrorMessage="Email格式不正确")]
public string Email { get; set; }
///
/// 验证码
///
[Required(ErrorMessage = "必填")]
[StringLength(6, MinimumLength = 6, ErrorMessage = "验证码不正确")]
[Display(Name = "验证码")]
public string VerificationCode { get; set; }
}
}在UserController中添加Register() action ,并返回直接返回强类型(RegisterViewModel)视图
///
/// 注册
///
///
public ActionResult Register()
{
return View();
}
视图
@model Ninesky.Web.Areas.Member.Models.RegisterViewModel
@{
ViewBag.Title = "注册";
Layout = "~/Views/Shared/_Layout.cshtml";
}
@using (Html.BeginForm())
{
@Html.AntiForgeryToken()
用户注册
@Html.ValidationSummary(true)
@Html.LabelFor(model => model.UserName, new { @class = "control-label col-md-2" })
@Html.EditorFor(model => model.UserName)
@Html.ValidationMessageFor(model => model.UserName)
