MVC4作網站後臺:用戶管理 ——用戶組 二、查看、修改、刪除用戶組

查看用戶組資料和修改用戶組資料結合在一塊兒，在用戶組列表雙擊查看用戶組資料，修改資料點保存能夠保存用戶組，點刪除能夠刪除用戶組。

先在UserGroupController中添加 action public ActionResult Index(int id)

/// <summary>
        /// 用戶組信息
        /// </summary>
        /// <param name="id">用戶組Id</param>
        /// <returns>局部視圖</returns>
        public ActionResult Index(int id)
        {
            return PartialView(iUserGroup.Find(id));
        }

右鍵添加視圖

@model Ninesky.Models.UserGroup

<div class="c_navbar">後臺管理 >> 用戶組管理 >> 修改用戶組</div>
<div class="easyui-tabs">
    <div title="基本信息">
        @using (Html.BeginForm("Modify", "UserGroup"))
        {
            @Html.AntiForgeryToken()
            <div class="fs_wapper">
                <div class="header">修改用戶組 @Html.HiddenFor(model => model.UserGroupId)</div>
                @Html.ValidationSummary()
                <table class="fieldset">
                    <tr>
                        <th>@Html.LabelFor(model => model.Name)<span>*</span></th>
                        <td>@Html.EditorFor(model => model.Name)
                            @Html.ValidationMessageFor(model => model.Name)
                            2-12個字符。
                        </td>
                    </tr>
                    <tr>
                        <th>@Html.LabelFor(model => model.Type)<span>*</span></th>
                        <td>
                            <input name="Type" id ="Type" class="easyui-combobox" data-options="textField:'Name',valueField:'Value',url:'@Url.Action("TypeList", "UserGroup")'" value="@Model.Type" />
                            @Html.ValidationMessageFor(model => model.Type)
                        </td>
                    </tr>
                    <tr>
                        <th>@Html.LabelFor(model => model.Description)</th>
                        <td>@Html.EditorFor(model => model.Description)
                            @Html.ValidationMessageFor(model => model.Description)
                            最多50個字符。
                        </td>
                    </tr>
                    <tr>
                        <th></th>
                        <td>
                            <a id="UserGroupModify_Save" href="javascript:void()" class="easyui-linkbutton">保存</a>
                            <a id="UserGroupDelete_Save" href="javascript:void()" class="easyui-linkbutton">刪除</a>
                        </td>
                    </tr>
                </table>
            </div>
        }
    </div>
    <div title="上傳設置">……</div>
    <div title="權限設置">……</div>
</div>
<script type="text/javascript">
    $("#UserGroupModify_Save").click(function () {
        $.post($('form').attr('action'), $('form').serializeArray(), function (rt) {
            if (rt.Authentication == 0) {
                if (rt.Success) {
                    $.messager.alert("修改用戶組成功", rt.Message, "info");
                }
                else {
                    if (rt.ValidationList != undefined) ShowValidationMessage(rt.ValidationList);
                    $.messager.alert("修改用戶組失敗", rt.Message, "error");
                }
            }
            else {
                AuthenticationFailed(rt.Authentication);
            }
        }, 'json');
    });

    $("#UserGroupDelete_Save").click(function () {
        $.messager.confirm('確認', '你肯定要刪除此用戶組嗎？', function (r) {
            if (r) {
                $.post('@Url.Action("Delete","UserGroup")', { Id: '@Model.UserGroupId' }, function (data) {
                    if (data.Success) {
                        $.messager.alert("刪除成功", data.Message, "", function () {
                            SetCenter("@Url.Action("List","UserGroup")");
                        });
                    }
                    else $.messager.alert("錯誤", data.Message, "error");
                }, 'json');
            }
        });
    });
</script>
@Scripts.Render("~/bundles/jqueryval")

預覽效果

上傳設置、權限設置、之後單獨實現。

下面作接受處理、修改和刪除的action。在接口和UserGroupRepository已經寫了數據庫的處理代碼，這裏實現起來就比較簡單了。

修改的

/// <summary>
        /// 修改用戶組
        /// </summary>
        /// <param name="userGroup">用戶組</param>
        /// <returns>Json</returns>
        [HttpPost]
        public ActionResult Modify(UserGroup userGroup)
        {
            JsonViewModel _jViewModel = new JsonViewModel(ModelState);
            if (ModelState.IsValid)
            {
                if (iUserGroup.Modify(userGroup))
                {
                    _jViewModel.Success = true;
                    _jViewModel.Message = "修改用戶組成功！";
                }
                else
                {
                    _jViewModel.Success = false;
                    _jViewModel.Message = "修改用戶組失敗！可能緣由：數據未更改。";
                }
            }
            return Json(_jViewModel);
        }

刪除的

/// <summary>
        /// 刪除用戶組
        /// </summary>
        /// <param name="id">用戶組Id</param>
        /// <returns>Json</returns>
        [HttpPost]
        public ActionResult Delete(int id)
        {
            JsonViewModel _jsonViewModel = new JsonViewModel() { Authentication = 0 };
            var _userGroup = iUserGroup.Find(id);
            if (_userGroup == null)
            {
                _jsonViewModel.Success = false;
                _jsonViewModel.Message = "用戶組不存在";
            }
            else
            {
                //刪除上傳設置。若是存在
                //刪除權限設置。若是存在
                //刪除組
                if (iUserGroup.Delete(_userGroup))
                {
                    _jsonViewModel.Success = true;
                    _jsonViewModel.Message = "刪除用戶組成功";
                }
                else
                {
                    _jsonViewModel.Success = false;
                    _jsonViewModel.Message = "發生未知錯誤，刪除失敗";
                }
            }
            return Json(_jsonViewModel);
        }

 

代碼：http://pan.baidu.com/s/1sj0d5TV