南强小屋 Design By 杰米

三、栏目

3.1添加栏目

3.2浏览栏目

3.3更新栏目

3.4删除栏目

先打开【CategoryController】,添加删除栏目ManageDeleteJson(int id),在action先看一下是否有子栏目,如有子栏目则不能删除,没有子栏目则删除。

/// <summary>
    /// 删除栏目(Json方式)
    /// </summary>
    /// <param name="id"></param>
    /// <returns></returns>
    [AdminAuthorize]
    public JsonResult ManageDeleteJson(int id)
    {
      categoryRsy = new CategoryRepository();
      if (categoryRsy.Children(id).Count() > 0) return Json(false);
      return Json(categoryRsy.Delete(id));
    }

打开ManageDetails.cshtml

在修改按钮的后面添加删除按钮 <input id="btn_del" type="button" value="删除" />

添加js脚本

$("#btn_del").click(function () {
    if (confirm("您确定要删除改栏目吗?\n如该栏目有子栏目请先删除子栏目!")) {
      $.post("@Url.Action("ManageDeleteJson","Category")", { id: $("#CategoryId").val() }, function (data) {
        if (data) {
          alert("成功删除栏目!");
          top.location = "@Url.Action("Manage", "Category")";
        }
        else {
          alert("删除栏目失败!如该栏目有子栏目请先删除子栏目。");
        }
      });
    }
  });

打开浏览器测试一下

MVC4制作网站教程第四章 删除栏目4.4

补充:栏目管理的一些其他事项

一、栏目管理首页Category/Manage

管理首页是栏目管理的默认页面,暂时是一个空页面。

打开【CategoryController】,添加[Manage]acton,复制一份ManageDetails.cshtml视图,命名为Manage.cshtml,删掉@using (Html.BeginForm())部分,稍改一下代码如下:

@{
  ViewBag.Title = "栏目管理";
  Layout = "~/Views/Layout/_Manage.cshtml";
}
<div class="workspace">
  <div class="inside">
    <div class="notebar">
      <img alt="" src="/UploadFiles/2021-04-02/Category.gif">

代码删掉了底部@section Scripts代码块,这是因为后台管理页顶部的菜单栏,使用easyui 的menubutton,既然这样就把easyui的引用放到布局页_Manage.cshtml里面。

打开_Manage.cshtml,在<head>里面添加

@Scripts.Render("~/bundles/jquery")
@Scripts.Render("~/bundles/EasyUi")

在ManageAdd.cshtml,ManageDetails.cshtml两个视图底部删除这两句

在_Manage.cshtml布局页的<div class="menubar">……</div>中添加栏目管理的代码,完成后的样子

<div class="menubar">
      <ul>
        <li>@Html.ActionLink("系统管理", "dd", "dd")</li>
        <li><a href="javascript:void(0)" class="easyui-menubutton" data-options="menu:'#menu_category'" >栏目管理</a></li>
      </ul>
      <div id="menu_category" class="migroup" data-options="iconCls:'icon-add'">
        <div>@Html.ActionLink("管理首页", "Manage", "Category")</div>
        <div>@Html.ActionLink("添加栏目", "ManageAdd", "Category")</div>
      </div>
    </div>

浏览器看下效果。

MVC4制作网站教程第四章 删除栏目4.4

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

标签:
MVC4,网站,添加栏目

南强小屋 Design By 杰米
广告合作:本站广告合作请联系QQ:858582 申请时备注:广告合作(否则不回)
免责声明:本站文章均来自网站采集或用户投稿,网站不提供任何软件下载或自行开发的软件! 如有用户或公司发现本站内容信息存在侵权行为,请邮件告知! 858582#qq.com
南强小屋 Design By 杰米

评论“MVC4制作网站教程第四章 删除栏目4.4”

暂无MVC4制作网站教程第四章 删除栏目4.4的评论...

《魔兽世界》大逃杀!60人新游玩模式《强袭风暴》3月21日上线

暴雪近日发布了《魔兽世界》10.2.6 更新内容,新游玩模式《强袭风暴》即将于3月21 日在亚服上线,届时玩家将前往阿拉希高地展开一场 60 人大逃杀对战。

艾泽拉斯的冒险者已经征服了艾泽拉斯的大地及遥远的彼岸。他们在对抗世界上最致命的敌人时展现出过人的手腕,并且成功阻止终结宇宙等级的威胁。当他们在为即将于《魔兽世界》资料片《地心之战》中来袭的萨拉塔斯势力做战斗准备时,他们还需要在熟悉的阿拉希高地面对一个全新的敌人──那就是彼此。在《巨龙崛起》10.2.6 更新的《强袭风暴》中,玩家将会进入一个全新的海盗主题大逃杀式限时活动,其中包含极高的风险和史诗级的奖励。

《强袭风暴》不是普通的战场,作为一个独立于主游戏之外的活动,玩家可以用大逃杀的风格来体验《魔兽世界》,不分职业、不分装备(除了你在赛局中捡到的),光是技巧和战略的强弱之分就能决定出谁才是能坚持到最后的赢家。本次活动将会开放单人和双人模式,玩家在加入海盗主题的预赛大厅区域前,可以从强袭风暴角色画面新增好友。游玩游戏将可以累计名望轨迹,《巨龙崛起》和《魔兽世界:巫妖王之怒 经典版》的玩家都可以获得奖励。