MVC4制作网站中怎样开发用户修改资料

MVC4制作网站中怎样开发用户修改资料，很多新手对此不是很清楚，为了帮助大家解决这个难题，下面小编将为大家详细讲解，有这方面需求的人可以来学习下，希望你能有所收获。

一、用户 
1.1用户注册 
1.2用户登录 
1.3修改密码 
1.4修改资料 

在用户登陆成功后要跳转到一个页面，暂且叫做用户中心吧。在【UserController】添加[default] action 

[UserAuthorize]  public ActionResult Default()  {   userRsy = new UserRepository();   var _user = userRsy.Find(UserName);   return View(_user);  }

添加相应对应强类型视图 

@model Ninesky.Models.User @{  ViewBag.Title = "首页";  Layout = "~/Views/Layout/_User.cshtml"; } <div class="leftnav">这里左侧导航列表</div> <div class="workspace">  <div class ="Nav">您现在的位置： 用户首页</div>  <div>@Model.UserName  <br />  @Model.GroupId  </div> </div>

现在要把左侧导航列表做出来，在视图的User文件夹上点右键新建局部视图PartialPersonalNav

<ul>  <li>@Html.ActionLink("用户首页","Default","User")</li>  <li>@Html.ActionLink("修改信息","ChangeInfo","User")</li>  <li>@Html.ActionLink("修改密码","ChangePassword","User")</li>  <li>@Html.ActionLink("退出系统","Logout","User")</li> </ul>

将default.cshtml中“这里左侧导航列表”替换为@Html.Partial("PartialPersonalNav")。浏览器中打开，导航列表显示出来了。 

现在开始做修改用户资料了。在【UserController】添加[ChangeInfo] action 

[UserAuthorize]  public ActionResult ChangeInfo()  {   userRsy = new UserRepository();   var _user = userRsy.Find(UserName);   return View(_user);  }

添加修改资料的处理 action

[HttpPost]  [UserAuthorize]  public ActionResult ChangeInfo(User user)  {   userRsy = new UserRepository();   if(userRsy.Authentication(UserName,Ninesky.Common.Text.Sha256(user.Password))==0)   {   var _user = userRsy.Find(UserName);   _user.Gender = user.Gender;   _user.Email = user.Email;   _user.QQ = user.QQ;   _user.Tel = user.Tel;   _user.Address = user.Address;   _user.PostCode = user.PostCode;   if (userRsy.Update(_user))   {    Notice _n = new Notice { Title = "修改资料成功", Details = "您已经成功修改资料！", DwellTime = 5, NavigationName = "用户首页", NavigationUrl = Url.Action("Default", "User") };    return RedirectToAction("UserNotice", "Prompt", _n);   }   else   {    Error _e = new Error { Title = "修改资料失败", Details = "在修改用户资料时时，更新的资料未能保存到数据库", Cause = "系统错误", Solution = Server.UrlEncode("<li>返回<a href='" + Url.Action("ChangeInfo", "User") + "'>修改资料</a>页面，输入正确的信息后重新操作</li><li>联系网站管理员</li>") };    return RedirectToAction("UserError", "Prompt", _e);   }   }   else   {   ModelState.AddModelError("Password","密码错误！");   return View();   }        }

aciton上右键添加强类型视图，修改视图里自动生成代码，完成后。如下： 

@model Ninesky.Models.User @{  ViewBag.Title = "修改个人资料";  Layout = "~/Views/Layout/_User.cshtml"; } <div class="leftnav">@Html.Partial("PartialPersonalNav")</div> <div class="workspace">  <div class="Nav">您现在的位置： 用户首页</div>  <div>  @using (Html.BeginForm())  {   @Html.ValidationSummary(true)   <fieldset>   <legend>修改资料</legend>   @Html.HiddenFor(model => model.UserId)   <ul>    <li>    <div class="editor-label">     @Html.LabelFor(model => model.UserName)    </div>    <div class="editor-field">     @Html.DisplayFor(model => model.UserName)    </div>    </li>    <li>    <div class="editor-label">     @Html.LabelFor(model => model.Password)    </div>    <div class="editor-field">     @Html.Password("Password")     @Html.ValidationMessageFor(model => model.Password)     输入正确的密码才能修改资料。    </div>    </li>    <li>    <div class="editor-label">     @Html.LabelFor(model => model.Gender)    </div>    <div class="editor-field">     @Html.RadioButtonFor(model => model.Gender, 0) 男    @Html.RadioButtonFor(model => model.Gender, 1) 女    @Html.RadioButtonFor(model => model.Gender, 2) 保密    </div>    </li>    <li>    <div class="editor-label">     @Html.LabelFor(model => model.Email)    </div>    <div class="editor-field">     @Html.EditorFor(model => model.Email)     @Html.ValidationMessageFor(model => model.Email)     @Html.DisplayDescriptionFor(model => model.Email)    </div>    </li>    <li>    <div class="editor-label">     @Html.LabelFor(model => model.QQ)    </div>    <div class="editor-field">     @Html.EditorFor(model => model.QQ)     @Html.ValidationMessageFor(model => model.QQ)     @Html.DisplayDescriptionFor(model => model.QQ)    </div>    </li>    <li>    <div class="editor-label">     @Html.LabelFor(model => model.Tel)    </div>    <div class="editor-field">     @Html.EditorFor(model => model.Tel)     @Html.ValidationMessageFor(model => model.Tel)     @Html.DisplayDescriptionFor(model => model.Tel)    </div>    </li>    <li>    <div class="editor-label">     @Html.LabelFor(model => model.Address)    </div>    <div class="editor-field">     @Html.EditorFor(model => model.Address)     @Html.ValidationMessageFor(model => model.Address)     @Html.DisplayDescriptionFor(model => model.Address)    </div>    </li>    <li>    <div class="editor-label">     @Html.LabelFor(model => model.PostCode)    </div>    <div class="editor-field">     @Html.EditorFor(model => model.PostCode)     @Html.ValidationMessageFor(model => model.PostCode)     @Html.DisplayDescriptionFor(model => model.PostCode)    </div>    </li>    <li><input type="submit" value="修改" /></li>   </ul>   </fieldset>  }  </div> </div> @section Scripts {  @Scripts.Render("~/bundles/jqueryval") }

运行一下看

输入资料测试一下。能够正常保存到数据库。 

看完上述内容是否对您有帮助呢？如果还想对相关知识有进一步的了解或阅读更多相关文章，请关注亿速云行业资讯频道，感谢您对亿速云的支持。