您现在的位置是：网站首页> 编程资料编程资料

ASP.NET MVC5网站开发用户修改资料和密码(六)_实用技巧_

2023-05-24 349人已围观

简介 ASP.NET MVC5网站开发用户修改资料和密码(六)_实用技巧_

在上一篇文章网站开发（五）中实现了用户的注销和登录，其实代码里落了点东西，就是用户登录要更新最后一次登录时间和登录IP，这次补上。今天做修改资料和修改密码，TryUpdateModel是新用到的东西。

现完善昨天的登录代码：

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

先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
} 这里是显示用户组名称，延迟加载。

三、修改用户资料

显示用户资料后点击修改直接向后台提交数据，这里把接受并更新数据库的动作名也是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" })
 }

效果如下：

登录前