您的位置:首页 > 运维架构 > 网站架构

MVC4制作网站教程第四章 更新栏目4.3

2016-08-23 00:00 826 查看


一、用户

二、用户组

三、栏目

3.1添加栏目

3.2浏览栏目

3.3更新栏目

上次在树形列表里面点击栏目名称后跳转到详细信息页面~/Category/ManageDetails/id。在详细页面里点修改,来完成栏目资料修改。

先打开【CategoryController】添加[ManageDetails(int id)]action

/// <summary>
/// 栏目详细资料
/// </summary>
/// <param name="id"></param>
/// <returns></returns>
public ActionResult ManageDetails(int id)
{
categoryRsy = new CategoryRepository();
var _node = categoryRsy.Find(id);
if (_node == null)
{
Error _e = new Error { Title = "栏目不存在", Details = "栏目不存在", Cause = Server.UrlEncode("<li>栏目已经删除</li>"), Solution = Server.UrlEncode("<li>返回<a href='" + Url.Action("Manage", "Cayegory") + "'>栏目栏目管理</a></li>") };
return RedirectToAction("ManageError", "Prompt", _e);
}
ModuleRepository _moduleRsy = new ModuleRepository();
var _modules = _moduleRsy.List(true);
List<SelectListItem> _slimodule = new List<SelectListItem>(_modules.Count());
foreach (Module _module in _modules)
{
if (_node.Model == _module.Model) _slimodule.Add(new SelectListItem { Text = _module.Name, Value = _module.Model, Selected = true });
else _slimodule.Add(new SelectListItem { Text = _module.Name, Value = _module.Model });
}
ViewData.Add("Model", _slimodule);
var _type = TypeSelectList;
_type.SingleOrDefault(t => t.Value == _node.Type.ToString()).Selected = true;
ViewData.Add("Type", _type);
return View(_node);
}


代码先是看栏目是否存在,不存在跳转到错误页面,后面是添加"Model“和“Type”的ViewData

右键添加强类型视图ManageDetails.cshtml,内容基本与ManageAdd.cshtml类似

@model Ninesky.Models.Category

@{
ViewBag.Title = "栏目信息";
Layout = "~/Views/Layout/_Manage.cshtml";
}

<div class="workspace">
<div class="inside">
<div class="notebar">
<img alt="" src="~/Skins/Default/Manage/Images/Category.gif" />栏目信息
</div>

@using (Html.BeginForm("ManageUpdate","Category"))
{
@Html.ValidationSummary(true)

<fieldset>
<legend>详细资料</legend>
<ul>
@Html.HiddenFor(model => model.CategoryId)
<li>
<div class="editor-label">
@Html.LabelFor(model => model.CategoryId)
</div>
<div class="editor-field">
@Html.DisplayTextFor(model => model.CategoryId)
</div>
</li>
<li>
<div class="editor-label">
@Html.LabelFor(model => model.Name)
</div>
<div class="editor-field">
@Html.EditorFor(model => model.Name)
@Html.ValidationMessageFor(model => model.Name)
</div>
</li>
<li>
<div class="editor-label">
@Html.LabelFor(model => model.ParentId)
</div>
<div class="editor-field">
@Html.TextBoxFor(model => model.ParentId, new { @class = "easyui-combotree", data_options = "url:'" + Url.Action("JsonTreeParent", "Category") + "'" })
@Html.ValidationMessageFor(model => model.ParentId)
</div>
</li>
<li>
<div class="editor-label">
@Html.LabelFor(model => model.Type)
</div>
<div class="editor-field">
@Html.DropDownList("Type")
@Html.ValidationMessageFor(model => model.Type)
</div>
</li>
<li id="li_model">
<div class="editor-label">
@Html.LabelFor(model => model.Model)
</div>
<div class="editor-field">
@Html.DropDownList("Model")
@Html.ValidationMessageFor(model => model.Model)
</div>
</li>
<li id="li_categoryview">
<div class="editor-label">
@Html.LabelFor(model => model.CategoryView)
</div>
<div class="editor-field">
@Html.EditorFor(model => model.CategoryView)
@Html.ValidationMessageFor(model => model.CategoryView)
</div>
</li>
<li id="li_contentview">
<div class="editor-label">
@Html.LabelFor(model => model.ContentView)
</div>
<div class="editor-field">
@Html.EditorFor(model => model.ContentView)
@Html.ValidationMessageFor(model => model.ContentView)
</div>
</li>
<li id="li_nav">
<div class="editor-label">
@Html.LabelFor(model => model.Navigation)
</div>
<div class="editor-field">
@Html.EditorFor(model => model.Navigation)
@Html.ValidationMessageFor(model => model.Navigation)
</div>
</li>
<li>
<div class="editor-label">
@Html.LabelFor(model => model.Order)
</div>
<div class="editor-field">
@Html.EditorFor(model => model.Order)
@Html.ValidationMessageFor(model => model.Order)
</div>
</li>
<li>
<div class="editor-label">
<input id="Submit1" type="submit" value="修改" />
</div>
<div class="editor-field">

</div>

</li>
</ul>
</fieldset>
}
</div>
</div>
<div class="left">
<div class="top"></div>
@Html.Action("ManagePartialTree", "Category")
</div>
<div class="split"></div>
<div class="clear"></div>
<script type="text/javascript">
Details();
$("#Type").change(function () {
Details();
});
function Details() {
var v = $("#Type").val();
if (v == "0") {
$("#li_model").show();
$("#li_categoryview").show();
$("#li_contentview").show();
$("#li_nav").hide();
$("#Navigation").val("");
}
else if (v == "1") {
$("#li_model").hide();
$("#li_categoryview").show();
$("#li_contentview").hide();
$("#ContentView").val("");
$("#li_nav").hide();
$("#Navigation").val("");
}
else if (v == "2") {
$("#li_model").hide();
$("#li_categoryview").hide();
$("#CategoryView").val("");
$("#li_contentview").hide();
$("#ContentView").val("");
$("#li_nav").show();
}
}
</script>
@section Scripts {
@Styles.Render("~/EasyUi/icon")
@Scripts.Render("~/bundles/EasyUi")
@Scripts.Render("~/bundles/jqueryval")
}


注意的是 @using (Html.BeginForm("ManageUpdate","Category"))这句;表示点修改按钮的后是向ManageUpdate提交数据。下面开始做这个action

在【CategoryController】里添加httppost方式的[ManageUpdate]action

/// <summary>
/// 修改栏目信息
/// </summary>
/// <param name="category"></param>
/// <returns></returns>
public ActionResult ManageUpdate(Category category)
{
switch (category.Type)
{
case 0:
category.Navigation = "";
break;
case 1:
category.Model = "";
category.ContentView = "";
category.Navigation = "";
break;
case 2:
category.Model = "";
category.CategoryView = "";
category.ContentView = "";
break;
}
categoryRsy = new CategoryRepository();
if (categoryRsy.Update(category))
{
Notice _n = new Notice { Title = "修改栏目成功", Details = "修改栏目成功!", DwellTime = 5, NavigationName = "栏目详细信息", NavigationUrl = Url.Action("ManageDetails", "Category", new { id = category.CategoryId }) };
return RedirectToAction("ManageNotice", "Prompt", _n);
}
else
{
Error _e = new Error { Title = "修改栏目失败", Details = "在修改栏目信息时,未能保存到数据库", Cause = "系统错误", Solution = Server.UrlEncode("<li>返回<a href='" + Url.Action("ManageDetails", "Category", new { id = category.CategoryId }) + "'>栏目详细资料</a>页面,修改信息后重新操作</li><li>联系网站管理员</li>") };
return RedirectToAction("ManageError", "Prompt", _e);
}
}


很简单,首先是判断栏目类型,根据栏目类型清除无关数据,然后将修改保存到数据库。

试一下将“测试栏目”改成“公司简介”



保存成功!

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。

您可能感兴趣的文章:

ASP.NET MVC5网站开发之登录、验证和注销管理员篇1(六)
ASP.NET MVC5网站开发之展示层架构(五)
ASP.NET MVC5网站开发管理列表、回复及删除(十三)
ASP.NET MVC5网站开发咨询管理的架构(十一)
ASP.NET MVC5网站开发显示文章列表(九)
ASP.NET MVC5网站开发添加文章(八)
ASP.NET MVC5网站开发用户修改资料和密码(六)
ASP.NET MVC5网站开发用户登录、注销(五)
ASP.NET MVC5 网站开发框架模型、数据存储、业务逻辑(三)
ASP.NET MVC5网站开发项目框架(二)
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  MVC4 网站 栏目