ASP.NETMVC5中怎么修改用戶資料和密碼-創(chuàng)新互聯(lián)

ASP.NET MVC5中怎么修改用戶資料和密碼，相信很多沒有經(jīng)驗(yàn)的人對(duì)此束手無策，為此本文總結(jié)了問題出現(xiàn)的原因和解決方法，通過這篇文章希望你能解決這個(gè)問題。

讓客戶滿意是我們工作的目標(biāo)，不斷超越客戶的期望值來自于我們對(duì)這個(gè)行業(yè)的熱愛。我們立志把好的技術(shù)通過有效、簡單的方式提供給客戶，將通過不懈努力成為客戶在信息化領(lǐng)域值得信任、有價(jià)值的長期合作伙伴，公司提供的服務(wù)項(xiàng)目有：域名注冊(cè)、網(wǎng)頁空間、營銷軟件、網(wǎng)站建設(shè)、廈門網(wǎng)站維護(hù)、網(wǎng)站推廣。

一、用戶導(dǎo)航菜單
這個(gè)就是側(cè)欄的導(dǎo)航，以后所有控制器中action名都為Menu。目標(biāo)效果如下：

先UserController添加Menu action。直接返回分布視圖。右鍵添加視圖

<div class="panel panel-primary">
 <div class="panel-heading"><h4>我的資料</h4></div>
 <div class="panel-body">
 <ul class="nav nav-pills nav-stacked">
  <li> <a href="@Url.Action("Details")"><span class="glyphicon glyphicon-user"> 修改資料</span></a></li>
  <li> <a href="@Url.Action("ChangePassword")"><span class="glyphicon glyphicon-log-out"> 修改密碼</span></a></li>
  <li> <a href="@Url.Action("Logout")"><span class="glyphicon glyphicon-log-out"> 退出登錄</span></a></li>
 </ul>
 </div>
</div>

二、顯示用戶資料
再在User控制器里添加顯示用戶資料的action Details。以后約定所有顯示詳細(xì)資料的動(dòng)作名都為Details。在控制器中返回當(dāng)前用戶的資料

/// <summary>
 /// 顯示資料
 /// </summary>
 /// <returns></returns>
 public ActionResult Details()
 {
  return View(userService.Find(User.Identity.Name));
 }

右鍵添加視圖

@model Ninesky.Models.User

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

<div class="row">
 <div class="col-md-3 col-sm-4">@Html.Action("Menu")</div>
 <div class="col-md-9 col-sm-8">

 <ol class="breadcrumb">
  <li><span class="glyphicon glyphicon-home"><a> 會(huì)員中心</a></span></li>
  <li><a> 個(gè)人中心</a></li>
  <li>修改資料</li>
 </ol>

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

  <div class="form-horizontal">
  <h5>用戶資料</h5>
  <hr />
  @Html.ValidationSummary(true)
  @Html.HiddenFor(model => model.UserID)

  <div class="form-group">
   @Html.LabelFor(model => model.UserName, new { @class = "control-label col-md-2" })
   <div class="col-md-10">
   @Html.DisplayFor(model => model.UserName)
   </div>
  </div>

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

  <div class="form-group">
   <label class = "control-label col-md-2">用戶組</label>
   <div class="col-md-10">
   @foreach (var _relation in Model.UserRoleRelations){ <span>@_relation.Role.Name</span><br />}
   </div>
  </div>

  <div class="form-group">
   @Html.LabelFor(model => model.Email, new { @class = "control-label col-md-2" })
   <div class="col-md-10">
   @Html.EditorFor(model => model.Email)
   @Html.ValidationMessageFor(model => model.Email)
   </div>
  </div>
  <div class="form-group">
   <div class="col-md-offset-2 col-md-10">
   <input type="submit" value="修改" class="btn btn-default" />
   </div>
  </div>
  </div>
 }
 </div>
</div>
@section Scripts {
 @Scripts.Render("~/bundles/jqueryval")
}

@foreach (
var _relation in Model.UserRoleRelations){ <span>@_relation.Role.Name</span><br />} 這里是顯示用戶組名稱，延遲加載。

 三、修改用戶資料
顯示用戶資料后點(diǎn)擊修改直接向后臺(tái)提交數(shù)據(jù)，這里把接受并更新數(shù)據(jù)庫的動(dòng)作名也是Details。在這個(gè)方法里不能直接用User做方法參數(shù)，因?yàn)槲抑幌敫嘛@示名和郵箱，我如果設(shè)置User類型的參數(shù)，如果用戶向服務(wù)器提交的參數(shù)中含有UserName，可能用戶名都會(huì)改掉，這里使用TryUpdateModel來部分更新模型。

/// <summary>
 /// 修改資料
 /// </summary>
 /// <returns></returns>
 [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("", "更新模型數(shù)據(jù)失敗");
  }
  return View("Details", _user);
 }

代碼中的TryUpdateModel(_user, new string[] { "DisplayName", "Email" }) 表示我只想從客戶提交的數(shù)據(jù)中更新DisplayName和Email
 
四、修改密碼
先建立一個(gè)視圖模型ChangePasswordViewModel

using System.ComponentModel.DataAnnotations;

namespace Ninesky.Web.Areas.Member.Models
{
 /// <summary>
 /// 修改密碼視圖模型
 /// <remarks>創(chuàng)建：2014.02.19</remarks>
 /// </summary>
 public class ChangePasswordViewModel
 {
 /// <summary>
 /// 原密碼
 /// </summary>
 [Required(ErrorMessage = "必填")]
 [Display(Name = "密碼")]
 [StringLength(20, MinimumLength = 6, ErrorMessage = "{2}到{1}個(gè)字符")]
 [DataType(DataType.Password)]
 public string OriginalPassword { get; set; }

 /// <summary>
 /// 新密碼
 /// </summary>
 [Required(ErrorMessage = "必填")]
 [Display(Name = "新密碼")]
 [StringLength(20, MinimumLength = 6, ErrorMessage = "{2}到{1}個(gè)字符")]
 [DataType(DataType.Password)]
 public string Password { get; set; }

 /// <summary>
 /// 確認(rèn)密碼
 /// </summary>
 [Required(ErrorMessage = "必填")]
 [Compare("Password", ErrorMessage = "兩次輸入的密碼不一致")]
 [Display(Name = "確認(rèn)密碼")]
 [DataType(DataType.Password)]
 public string ConfirmPassword { get; set; }
 }
}

然后在UserController中添加動(dòng)作public ActionResult ChangePassword() 直接返一個(gè)視圖。右鍵添加ChangePasswordViewModel類型的視圖

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

@{
 ViewBag.Title = "修改密碼";
}
<div class="row">
 <div class="col-md-3 col-sm-4">@Html.Action("Menu")</div>
 <div class="col-md-9 col-sm-8">
 <ol class="breadcrumb">
  <li><span class="glyphicon glyphicon-home"><a> 會(huì)員中心</a></span></li>
  <li><a> 個(gè)人中心</a></li>
  <li>修改密碼</li>
 </ol>

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

  <div class="form-horizontal">
  <h5>修改密碼</h5>
  <hr />
  @Html.ValidationSummary(true)

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

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

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

  <div class="form-group">
   <div class="col-md-offset-2 col-md-10">
   <input type="submit" value="修改" class="btn btn-default" />
   </div>
  </div>
  </div>
 }

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

 </div>
</div>

在添加一個(gè)接受處理動(dòng)作，代碼也很簡單

[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("", "原密碼錯(cuò)誤");
  }
  return View(passwordViewModel);
 }

五、在首頁顯示登錄、注冊(cè)鏈接
在Web的Shared文件件添加LoginPartial.cshtml視圖文件，在用戶未登錄時(shí)顯示登錄和注冊(cè)鏈接，登錄后顯示用戶名。

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

 <ul class="nav navbar-nav navbar-right">
  <li>
  @Html.ActionLink("你好 " + User.Identity.GetUserName() + "!", "Manage", "Account", routeValues: null, htmlAttributes: new { title = "管理" })
  </li>
  <li><a href="javascript:document.getElementById('logoutForm').submit()">注銷</a></li>
 </ul>
 }
}
else
{
 <ul class="nav navbar-nav navbar-right">
 <li>@Html.ActionLink("注冊(cè)", "Register", "User", routeValues: new { Area = "Member" }, htmlAttributes: new { id = "registerLink" })</li>
 <li>@Html.ActionLink("登錄", "Login", "User", routeValues: new {Area="Member"}, htmlAttributes: new { id = "loginLink" })</li>
 </ul>
}

效果如下：

登錄前

登陸后

 ok.現(xiàn)在我們可以給給member區(qū)域的UserController控制器和Homecontroller加上[Authorize]特性。并為Usercontroller的注冊(cè) 登錄 驗(yàn)證碼action 加上[AllowAnonymous]特性。

這次修改資料部分用到了部分更新模型方法TryUpdateModel，到此member區(qū)域的用戶部分暫時(shí)結(jié)束。

看完上述內(nèi)容，你們掌握ASP.NET MVC5中怎么修改用戶資料和密碼的方法了嗎？如果還想學(xué)到更多技能或想了解更多相關(guān)內(nèi)容，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道，感謝各位的閱讀！

網(wǎng)站標(biāo)題：ASP.NETMVC5中怎么修改用戶資料和密碼-創(chuàng)新互聯(lián)
本文地址：http://muchs.cn/article46/csgieg.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站維護(hù)、網(wǎng)站制作、做網(wǎng)站、App開發(fā)、響應(yīng)式網(wǎng)站、用戶體驗(yàn)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)