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")
}
运行一下看
输入资料测试一下。能够正常保存到数据库。
看完上述内容是否对您有帮助呢?如果还想对相关知识有进一步的了解或阅读更多相关文章,请关注亿速云行业资讯频道,感谢您对亿速云的支持。
亿速云「云服务器」,即开即用、新一代英特尔至强铂金CPU、三副本存储NVMe SSD云盘,价格低至29元/月。点击查看>>
免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。