ASP.NETMVC5中怎么修改用户资料和密码-创新互联

ASP.NET MVC5中怎么修改用户资料和密码，相信很多没有经验的人对此束手无策，为此本文总结了问题出现的原因和解决方法，通过这篇文章希望你能解决这个问题。

让客户满意是我们工作的目标，不断超越客户的期望值来自于我们对这个行业的热爱。我们立志把好的技术通过有效、简单的方式提供给客户，将通过不懈努力成为客户在信息化领域值得信任、有价值的长期合作伙伴，公司提供的服务项目有：域名注册、网页空间、营销软件、网站建设、厦门网站维护、网站推广。

一、用户导航菜单
这个就是侧栏的导航，以后所有控制器中action名都为Menu。目标效果如下：

ASP.NET MVC5中怎么修改用户资料和密码

先UserController添加Menu action。直接返回分布视图。右键添加视图


 我的资料

修改资料

修改密码

退出登录

二、显示用户资料
再在User控制器里添加显示用户资料的action Details。以后约定所有显示详细资料的动作名都为Details。在控制器中返回当前用户的资料

/// 
 /// 显示资料
 /// 
 /// 
 public ActionResult Details()
 {
  return View(userService.Find(User.Identity.Name));
 }

右键添加视图

@model Ninesky.Models.User

@{
 ViewBag.Title = "我的资料";
}


 @Html.Action("Menu")
 

 
   会员中心
   个人中心
  修改资料
 

 @using (Html.BeginForm("Modify","User"))
 {
  @Html.AntiForgeryToken()

  
  用户资料
  
  @Html.ValidationSummary(true)
  @Html.HiddenFor(model => model.UserID)

  
   @Html.LabelFor(model => model.UserName, new { @class = "control-label col-md-2" })
   
   @Html.DisplayFor(model => model.UserName)
   
  

  
   @Html.LabelFor(model => model.DisplayName, new { @class = "control-label col-md-2" })
   
   @Html.EditorFor(model => model.DisplayName)
   @Html.ValidationMessageFor(model => model.DisplayName)
   
  

  
   用户组
   
   @foreach (var _relation in Model.UserRoleRelations){ @_relation.Role.Name}
   
  

  
   @Html.LabelFor(model => model.Email, new { @class = "control-label col-md-2" })
   
   @Html.EditorFor(model => model.Email)
   @Html.ValidationMessageFor(model => model.Email)
   
  
  
   
   
   
  
  
 }
 

@section Scripts {
 @Scripts.Render("~/bundles/jqueryval")
}

@foreach (
var _relation in Model.UserRoleRelations){ @_relation.Role.Name
} 这里是显示用户组名称，延迟加载。

ASP.NET MVC5中怎么修改用户资料和密码

三、修改用户资料
显示用户资料后点击修改直接向后台提交数据，这里把接受并更新数据库的动作名也是Details。在这个方法里不能直接用User做方法参数，因为我只想跟新显示名和邮箱，我如果设置User类型的参数，如果用户向服务器提交的参数中含有UserName，可能用户名都会改掉，这里使用TryUpdateModel来部分更新模型。

/// 
 /// 修改资料
 /// 
 /// 
 [ValidateAntiForgeryToken]
 [HttpPost]
 public ActionResult Modify()
 {

  var _user = userService.Find(User.Identity.Name);
  if (_user == null) ModelState.AddModelError("", "用户不存在");
  else
  {
  if (TryUpdateModel(_user, new string[] { "DisplayName", "Email" }))
  {
   if (ModelState.IsValid)
   {
   if (userService.Update(_user)) ModelState.AddModelError("", "修改成功！");
   else ModelState.AddModelError("", "无需要修改的资料");
   }
  }
  else ModelState.AddModelError("", "更新模型数据失败");
  }
  return View("Details", _user);
 }

代码中的TryUpdateModel(_user, new string[] { "DisplayName", "Email" }) 表示我只想从客户提交的数据中更新DisplayName和Email

四、修改密码
先建立一个视图模型ChangePasswordViewModel

using System.ComponentModel.DataAnnotations;

namespace Ninesky.Web.Areas.Member.Models
{
 /// 
 /// 修改密码视图模型
 /// 创建：2014.02.19
 /// 
 public class ChangePasswordViewModel
 {
 /// 
 /// 原密码
 /// 
 [Required(ErrorMessage = "必填")]
 [Display(Name = "密码")]
 [StringLength(20, MinimumLength = 6, ErrorMessage = "{2}到{1}个字符")]
 [DataType(DataType.Password)]
 public string OriginalPassword { 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; }
 }
}

然后在UserController中添加动作public ActionResult ChangePassword() 直接返一个视图。右键添加ChangePasswordViewModel类型的视图

@model Ninesky.Web.Areas.Member.Models.ChangePasswordViewModel

@{
 ViewBag.Title = "修改密码";
}

 @Html.Action("Menu")
 
 
   会员中心
   个人中心
  修改密码
 

 @using (Html.BeginForm())
 {
  @Html.AntiForgeryToken()

  
  修改密码
  
  @Html.ValidationSummary(true)

  
   @Html.LabelFor(model => model.OriginalPassword, new { @class = "control-label col-md-2" })
   
   @Html.EditorFor(model => model.OriginalPassword)
   @Html.ValidationMessageFor(model => model.OriginalPassword)
   
  

  
   @Html.LabelFor(model => model.Password, new { @class = "control-label col-md-2" })
   
   @Html.EditorFor(model => model.Password)
   @Html.ValidationMessageFor(model => model.Password)
   
  

  
   @Html.LabelFor(model => model.ConfirmPassword, new { @class = "control-label col-md-2" })
   
   @Html.EditorFor(model => model.ConfirmPassword)
   @Html.ValidationMessageFor(model => model.ConfirmPassword)
   
  

  
   
   
   
  
  
 }

 @section Scripts {
  @Scripts.Render("~/bundles/jqueryval")
 }

在添加一个接受处理动作，代码也很简单

[ValidateAntiForgeryToken]
 [HttpPost]
 public ActionResult ChangePassword(ChangePasswordViewModel passwordViewModel)
 {
  if(ModelState.IsValid)
  {
  var _user = userService.Find(User.Identity.Name);
  if (_user.Password == Common.Security.Sha256(passwordViewModel.OriginalPassword))
  {
   _user.Password = Common.Security.Sha256(passwordViewModel.Password);
   if (userService.Update(_user)) ModelState.AddModelError("", "修改密码成功");
   else ModelState.AddModelError("", "修改密码失败");
  }
  else ModelState.AddModelError("", "原密码错误");
  }
  return View(passwordViewModel);
 }

五、在首页显示登录、注册链接
在Web的Shared文件件添加LoginPartial.cshtml视图文件，在用户未登录时显示登录和注册链接，登录后显示用户名。

@using Microsoft.AspNet.Identity
@if (Request.IsAuthenticated)
{
 using (Html.BeginForm("Logout", "User", FormMethod.Post, new { id = "logoutForm", @class = "navbar-right" }))
 {
 @Html.AntiForgeryToken()

 
  
  @Html.ActionLink("你好 " + User.Identity.GetUserName() + "!", "Manage", "Account", routeValues: null, htmlAttributes: new { title = "管理" })
  
  注销
 
 }
}
else
{
 
 @Html.ActionLink("注册", "Register", "User", routeValues: new { Area = "Member" }, htmlAttributes: new { id = "registerLink" })
 @Html.ActionLink("登录", "Login", "User", routeValues: new {Area="Member"}, htmlAttributes: new { id = "loginLink" })
 
}

效果如下：

登录前

ASP.NET MVC5中怎么修改用户资料和密码