使用Jquery+EasyUI 進行架構項目開發案例講解之二---使用者管理源碼分享

在上一篇文章《使用Jquery+EasyUI進行架構項目開發案例講解之一---員工管理源碼分享》我們分享了使用Jquery EasyUI來進行開發的相關方法，同時對入群的使用者提供了使用Jquery EasyUI開發的架構案例提供了測試位址進行線上測試，文章發表後得到了非常多的回報，對後期版本的改進提供了很好的幫助，在此感謝！整個文章皆在說明如何使用RIDFramework.NET進行管理類資訊系統的開發，EasyUI也隻是做個界面，業務核心都是調用的架構的核心接口。

　通過上一篇文章，我們講解了如何使用EasyUI中的tree、datagrid、linkbutton等常用UI元件、元件的特殊應用方法、資料加載技巧等等。

使用Jquery+EasyUI 進行架構項目開發案例講解之二

使用者管理源碼分享

　　通過上一篇文章，我們講解了如何使用EasyUI中的tree、datagrid、linkbutton等常用UI元件、元件的特殊應用方法、資料加載技巧等等。

　　這一篇文章我們來分享一下使用EasyUI開發的使用者管理子產品的核心代碼，使用者管理子產品主要是對可登入系統的使用者進行管理。後續的工作如：使用者歸屬角色、權限的配置設定、使用者所擁有的相應功能子產品、各業務系統權限的配置設定等都是以此為基礎。使用者管理的主要操作有：新增使用者、修改使用者、删除使用者、設定使用者的預設角色、設定使用者密碼、設定使用者的有效性、使用者排序等。在使用者管理主界面，有使用者管理相應操作權限的登入使用者可以添加、修改、删除（單個或批量删除）、設定密碼、查詢使用者。此子產品一般配置設定給具有系統管理者角色的使用者，以防誤操作，超級管理者使用者不允許被修改與删除。當然，對于架構核心資料删除操作都是邏輯删除而非實體删除。即删除是在相應記錄上打上了删除标志。若要恢複誤删的資料，可以聯系具有操作資料庫的使用者（如：DBA）進行資料恢複。使用者管理的主界面如下圖所示：

　　首先是使用者管理的UI界面aspx代碼如下：　

<%@ Page Language="C#"  MasterPageFile="~/Site.Master"  AutoEventWireup="true"CodeBehind="UserAdmin.aspx.cs" Inherits="RDIFramework.WebApp.Modules.UserAdmin" %>
<asp:Content ID="Content2" ContentPlaceHolderID="head" runat="server">
    <script src="../Scripts/jquery-checkbox.js" type="text/javascript"></script>    
    <script src="../Scripts/date.js" type="text/javascript"></script>
    <script src="../Scripts/jquery-checkbox.js" type="text/javascript"></script>
    <script src="../Scripts/jQuery.Select.js" type="text/javascript"></script>
    <script src="../Scripts/jquery.easyListSplitter.js" type="text/javascript"></script>
    <script src="../Scripts/Business/UserAdmin.js" type="text/javascript"></script>
    <script src="../Scripts/easyui/plugins/jquery.linkbutton.js" type="text/javascript" />  
</asp:Content> 

<asp:Content ID="Content1" runat="server" contentplaceholderid="ContentPlaceHolder1">  
    <div class="toolbar"><%=base.BuildToolBarButtons() %></div>
    <table id="list" class="scroll" cellpadding="0" cellspacing="0"></table>       
    <div id="w"></div>
    <div id="d"></div>

     <script type="text/javascript">
         var curUserinfo = { "id": <%=base.UserInfo.Id %>, "name": '<%=base.UserInfo.RealName %>', "username": '<%=base.UserInfo.UserName %>' };       
         var varPermission = { "varPermissionAdd": '<%=permissionAdd %>', "varPermissionEdit": '<%=permissionEdit %>', "varPermissionDelete": '<%=permissionDelete %>' };
         $(function () {
             $('#a1').linkbutton('disable');
         });
    </script>
</asp:Content>

　　綁定目前登入使用者所擁有的功能按鈕清單代碼如下：　

/// <summary>
/// 獲得權限
/// </summary>
private void GetPermission()
{ 
    this.permissionAdd = this.IsAuthorized("UserManagement.Add");
    this.permissionEdit = this.IsAuthorized("UserManagement.Edit");
    this.permissionSetPassword = this.IsAuthorized("UserManagement.SetUserPassword");
    this.permissionDelete = this.IsAuthorized("UserManagement.Delete");
}

/// <summary>
/// 綁定頁面功能按鈕清單
/// </summary>
public override string BuildToolBarButtons()
{
    StringBuilder sb = new StringBuilder();
    string linkbtn_template = "<a id=\"a_{0}\" class=\"easyui-linkbutton\" style=\"float:left\"  plain=\"true\" href=\"javascript:;\" icon=\"{1}\"  {2} title=\"{3}\">{4}</a>";
    sb.Append("<a id=\"a_refresh\" class=\"easyui-linkbutton\" style=\"float:left\"  plain=\"true\" href=\"javascript:;\" icon=\"icon-reload\"  title=\"重新加載\">重新整理</a> ");
    sb.Append("<div class='datagrid-btn-separator'></div> ");
    sb.Append(string.Format(linkbtn_template, "add", "icon-user_add", permissionAdd ? "" : "disabled=\"True\"", "添加使用者", "添加"));
    sb.Append(string.Format(linkbtn_template, "edit", "icon-user_edit", permissionEdit ? "" : "disabled=\"True\"", "修改使用者", "修改"));
    sb.Append(string.Format(linkbtn_template, "delete", "icon-user_delete", permissionDelete ? "" : "disabled=\"True\"", "删除使用者", "删除"));
    sb.Append("<div class='datagrid-btn-separator'></div> ");
    sb.Append(string.Format(linkbtn_template, "editpassword", "icon-user_key", permissionSetPassword ? "" : "disabled=\"True\"", "設定選中使用者密碼", "設定密碼"));
    sb.Append("<div class='datagrid-btn-separator'></div> ");
    sb.Append(string.Format(linkbtn_template, "export", "icon-user_go", permissionExport ? "" : "disabled=\"True\"", "導出使用者資料", "導出"));
    return sb.ToString();
}

　　核心業務邏輯完整JS代碼如下：

$(function () {  
    grid.bind();
    AddUser(); //添加使用者
    EditUser(); //編輯使用者
    DeleteUser(); //删除使用者
    SetUserPassword(); //設定使用者密碼
    $('#a_refresh').click(function () {
        $('#list').datagrid('reload');
    });

});

/* 方法一綁定資料
var initList = function () {
    var winSize = { width: $(window).width() - 4, height: $(window).height() - 40 };
    $('#list').datagrid({
        url: "handler/UserAdminHandler.ashx",
        title: "系統使用者清單",
        iconCls: 'icon icon-list',
        width: winSize.width,
        height: winSize.height,
        nowrap: false, //折行
        rownumbers: true, //行号
        striped: true, //隔行變色
        idField: 'Id', //主鍵
        singleSelect: true, //單選
        checkOnSelect: true,
        frozenColumns: [[]],
        columns: [[
            { title: '主鍵', field: 'Id', hidden: true },
            { title: '編号', field: 'Code', width: 150 },
            { title: '登入名', field: 'UserName', width: 150, sortable: true },
            { title: '使用者名', field: 'RealName', width: 150 },
            { title: '部門', field: 'DepartmentName', width: 150 },
            { title: '角色主鍵', field: 'RoleId', hidden: true },
            { title: '有效', field: 'Enabled', width: 50, formatter: imgcheckbox },
            { title: '郵箱位址', field: 'Email', width: 150 },
            { title: '手機号碼', field: 'Mobile', width: 150 },
            { title: '描述', field: 'Description', width: 200 }
        ]]
    });
}
*/

var grid = {
    bind: function () {
        var winSize = { width: $(window).width() - 4, height: $(window).height() - 40 };
        $('#list').datagrid({
            url: "handler/UserAdminHandler.ashx",
            title: "系統使用者清單",
            iconCls: 'icon icon-list',
            width: winSize.width,
            height: winSize.height,
            nowrap: true, //false:折行
            rownumbers: true, //行号
            striped: true, //隔行變色
            idField: 'Id', //主鍵
            singleSelect: true, //單選
            checkOnSelect: true,
            //frozenColumns: [[]],
            columns: [[
                    { title: '主鍵', field: 'Id', hidden: true },
                    { title: '編号', field: 'Code', width: 150 },
                    { title: '登入名', field: 'UserName', width: 150, sortable: true },
                    { title: '使用者名', field: 'RealName', width: 150 },
                    { title: '部門', field: 'DepartmentName', width: 150 },
                    { title: '角色主鍵', field: 'RoleId', hidden: true },
                    { title: '有效', field: 'Enabled', width: 50, formatter: imgcheckbox },
                    { title: '郵箱位址', field: 'Email', width: 150 },
                    { title: '手機号碼', field: 'Mobile', width: 150 },
                    { title: '描述', field: 'Description', width: 200 },
                    { title: 'Enabled', field: 'Enabled', hidden: true },
                    { title: 'Gender', field: 'Gender', hidden: true },
                    { title: 'UserPassword', field: 'UserPassword', hidden: true },
                    { title: 'Birthday', field: 'Birthday', formatter: date2str, hidden: true },
                    { title: 'Telephone', field: 'Telephone', width: 200, hidden: true },
                    { title: 'Duty', field: 'Duty', hidden: true },
                    { title: 'QICQ', field: 'QICQ', hidden: true },
                    { title: 'Title', field: 'Title', hidden: true },
                    { title: 'RoleId', field: 'RoleId', hidden: true },
                    { title: 'CompanyId', field: 'CompanyId', hidden: true },
                    { title: 'CompanyName', field: 'CompanyName', hidden: true },
                    { title: 'DepartmentId', field: 'DepartmentId', hidden: true },
                    { title: 'DepartmentName', field: 'DepartmentName', hidden: true },
                    { title: 'WorkgroupId', field: 'WorkgroupId', hidden: true },
                    { title: 'WorkgroupName', field: 'WorkgroupName', hidden: true },
                    { title: 'HomeAddress', field: 'HomeAddress', hidden: true }
                ]]
        });
    },
    getSelectedRow: function () {
        return $('#list').datagrid('getSelected');
    }
}

var imgcheckbox = function (cellvalue, options, rowObject) {
    return cellvalue ? '<img src="/css/icon/ok.png" alt="正常" title="正常" />' : '<img src="/css/icon/stop.png" alt="禁用" title="禁用" />';
}

var date2str = function (cellvalue, options, rowObject) {
    if (cellvalue)
        return $D(cellvalue).strftime("%Y-%m-%d");
    else
        return '';
}

var initUIform = function () {
    top.$('#w').hWindow({ html: pform, width: 640, height: 520, title: '添加使用者', iconCls: 'icon-add', submit: function () {
        var flag = true;
        top.$('#uiform input').each(function () {
            if ($(this).attr('required') || $(this).attr('validType')) {
                if (!top.$(this).validatebox('isValid')) {
                    flag = false;
                    return;
                }
            }
        });


        var vRoleId = top.$('#txtRoleId').combobox('getValue');
        var vCompanyId = top.$('#txtCompanyName').combobox('getValue');
        var vDepartmentId = top.$('#txtDepartmentName').combobox('getValue');
        var vWorkgroupId = top.$('#txtWorkgroupName').combobox('getValue');
        var vCompanyName = top.$('#txtCompanyName').combobox('getText');
        var vDepartmentName = top.$('#txtDepartmentName').combobox('getText');
        var vWorkgroupName = top.$('#txtWorkgroupName').combobox('getText');
        var queryString = top.$('#uiform').serialize() + '&action=add';
        queryString = queryString + '&vRoleId=' + vRoleId + '&vCompanyId=' + vCompanyId + '&vDepartmentId=' + vDepartmentId + '&vWorkgroupId=' + vWorkgroupId;
        queryString = queryString + '&vCompanyName=' + vCompanyName + '&vDepartmentName=' + vDepartmentName + '&vWorkgroupName=' + vWorkgroupName;
        $.ajaxtext('handler/UserAdminHandler.ashx', queryString, function (msg) {
            if (msg == "1") {
                top.$('#notity').jnotifyAddMessage({ text: '添加成功.', permanent: false, type: 'message' });
                top.$('#w').window('close');
                $('#list').datagrid('reload');
            }
            else if (msg == "0") {
                top.$('#notity').jnotifyAddMessage({ text: '使用者名已存，請更換使用者名.', permanent: false, type: 'warning' });
                top.$('#txtUsername').select();
                return false;
            }
            else {
                alert(msg);
            }
        });

        return false;
    }
    });

    top.$('#uiform input').each(function () {
        if ($(this).attr('required') || $(this).attr('validType'))
            top.$(this).validatebox();
    });
    top.$('#txtBirthday').datebox();
}
//添加使用者
var AddUser = function () {
    $('#a_add').click(function () {
        if ($(this).linkbutton('options').disabled == true) {
            return;
        }
        initUIform();
        //綁定各資料字典
        pubMethod.bindCategory('txtGender', 'Gender');
        pubMethod.bindCategory('txtRoleId', 'null');
        pubMethod.bindCategory('txtCompanyName', 'Company');
        pubMethod.bindCategory('txtDepartmentName', 'Department');
        pubMethod.bindCategory('txtWorkgroupName', 'Workgroup');
        top.$('#chkEnabled').attr("checked", true);
        top.$('#txtUserName').focus();
        top.$('#txtDescription').val("");
    });
}
//修改使用者
var EditUser = function () {
    $('#a_edit').click(function () {
        if ($(this).linkbutton('options').disabled == true) {
            return;
        }

        var selectRow = grid.getSelectedRow();
        if (selectRow != null) {

            if (selectRow.UserName != '' && selectRow.UserName == 'Administrator' && curUserinfo.username != 'Administrator') {
                $.messager.alert('警告提示', '你不能修改超級管理者使用者！', 'warning');
                return false;
            }

            //彈窗
            top.$('#w').hWindow({ html: pform, width: 640, height: 520, title: '修改使用者', iconCls: 'icon-edit', submit: function () {
                var flag = true;
                top.$('#uiform input').each(function () {
                    if ($(this).attr('required') || $(this).attr('validType')) {
                        if (!top.$(this).validatebox('isValid')) {
                            flag = false;
                            return;
                        }
                    }
                });
                var vRoleId = top.$('#txtRoleId').combobox('getValue');
                var vCompanyId = top.$('#txtCompanyName').combobox('getValue');
                var vDepartmentId = top.$('#txtDepartmentName').combobox('getValue');
                var vWorkgroupId = top.$('#txtWorkgroupName').combobox('getValue');
                var vCompanyName = top.$('#txtCompanyName').combobox('getText');
                var vDepartmentName = top.$('#txtDepartmentName').combobox('getText');
                var vWorkgroupName = top.$('#txtWorkgroupName').combobox('getText');

                var queryString = top.$('#uiform').serialize() + '&action=edit&id=' + selectRow.Id;
                queryString = queryString + '&vRoleId=' + vRoleId + '&vCompanyId=' + vCompanyId + '&vDepartmentId=' + vDepartmentId + '&vWorkgroupId=' + vWorkgroupId;
                queryString = queryString + '&vCompanyName=' + vCompanyName + '&vDepartmentName=' + vDepartmentName + '&vWorkgroupName=' + vWorkgroupName;
                $.ajaxtext('handler/UserAdminHandler.ashx', queryString, function (msg) {
                    if (msg == "1") {
                        top.$('#notity').jnotifyAddMessage({ text: '修改成功.', permanent: false, type: 'message' });
                        top.$('#w').window('close');
                        $('#list').datagrid('reload');
                    }
                    else
                        alert(msg);
                });
                
                return false;
            }
            });

            top.$('#uiform input').each(function () {
                if ($(this).attr('required') || $(this).attr('validType'))
                    top.$(this).validatebox();
            });
            //綁定各資料字典
            pubMethod.bindCategory('txtGender', 'Gender');
            pubMethod.bindCategory('txtRoleId', 'null');
            pubMethod.bindCategory('txtCompanyName', 'Company');
            pubMethod.bindCategory('txtDepartmentName', 'Department');
            pubMethod.bindCategory('txtWorkgroupName', 'Workgroup');

            //初始化相關資料
            top.$('#txtUserName').val(selectRow.UserName);
            top.$('#txtRealName').val(selectRow.RealName);
            top.$('#txtCode').val(selectRow.Code);
            top.$('#txtUserPassword').after('******').remove();
            top.$('#txtGender').combobox('setValue', selectRow.Gender);
            top.$('#txtMobile').val(selectRow.Mobile);
            top.$('#txtBirthday').val(selectRow.Birthday);
            top.$('#txtTelephone').val(selectRow.Telephone);
            top.$('#txtDuty').val(selectRow.Duty);
            top.$('#txtQICQ').val(selectRow.QICQ);
            top.$('#txtTitle').val(selectRow.Title);
            top.$('#txtEmail').val(selectRow.Email);
            top.$('#txtRoleId').combobox('setValue', selectRow.RoleId);
            top.$('#txtCompanyName').combobox('setValue', selectRow.CompanyId);
            top.$('#txtDepartmentName').combobox('setValue', selectRow.DepartmentId);
            top.$('#txtWorkgroupName').combobox('setValue', selectRow.WorkgroupId);
            top.$('#txtHomeAddress').val(selectRow.HomeAddress);
            top.$('#txtDescription').val(selectRow.Description);
            top.$('#chkEnabled').attr("checked", selectRow.Enabled == "1");
        } else {
            top.$('#notity').jnotifyAddMessage({ text: '請選擇要修改的使用者.', permanent: false, type: 'warning' });
            return false;
        }
    });
}
//删除使用者
var DeleteUser = function () {
    $('#a_delete').click(function () {
        if ($(this).linkbutton('options').disabled == true) {
            return;
        }
        var selectRow = grid.getSelectedRow();

        if (selectRow) {
            if (selectRow.Id != '' && selectRow.Id == curUserinfo.id) {
                $.messager.alert('警告提示', '不能删除目前登入使用者！', 'warning');
                return false;
            }

            if(selectRow.UserName != '' && selectRow.UserName == 'Administrator')
            {
                $.messager.alert('警告提示', '不能删除超級管理者使用者！', 'warning');
                return false;
            }

            $.messager.confirm('詢問提示', '确認要删除所選使用者嗎？', function (data) {
                if (data) {                    
                    $.ajaxtext('handler/UserAdminHandler.ashx', 'action=delete&id=' + selectRow.Id, function (msg) {
                        if (msg == '1') {
                            $.messager.alert('成功提示', '所選使用者删除成功！');
                            $('#list').datagrid('reload');
                        } else {
                            $.messager.alert('錯誤提示', msg, 'error');
                        }
                    });
                }
            });
        }
        else {
            top.$('#notity').jnotifyAddMessage({ text: '請選擇要删除的使用者。', permanent: false, type: 'warning' });
            return;
        }
    });
}
//設定使用者密碼
var SetUserPassword = function () {
    $('#a_editpassword').click(function () {
        if ($(this).linkbutton('options').disabled == true) {
            return;
        }
        var selectRow = grid.getSelectedRow();
        if (selectRow != null) {
            top.$('#d').hDialog({ width: 300, height: 160, title: '設定使用者密碼', iconCls: 'icon-key', html: formeditpass, submit: function () {
                if (top.$('#txtNewPassword').validatebox('isValid')) {
                    $.ajaxtext('handler/UserAdminHandler.ashx', "action=setpassword&id=" + selectRow.Id + '&password=' + top.$('#txtNewPassword').val(), function (msg) {
                        if (msg == "1") {
                            top.$('#notity').jnotifyAddMessage({ text: '密碼修改成功！請牢記新密碼。', permanent: false, type: 'warning' });
                            top.$('#d').dialog('close');
                        } else
                            alert(msg);
                    })
                }
            }
            });

        top.$('#loginname').text(selectRow.UserName + ' | ' + selectRow.RealName);
            top.$('#txtNewPassword').validatebox();
        } else {
            top.$('#notity').jnotifyAddMessage({ text: '請選擇要修改密碼的使用者。', permanent: false, type: 'warning' });
            return false;
        }
    });
}

//公共方法
var pubMethod = {
    bindCategory: function (categoryControl, categoryCode) {
        if (categoryControl == '' || categoryCode == '') {
            return;
        }

        if (categoryControl == 'txtGender') {
            top.$('#' + categoryControl).combobox({
                url: 'Modules/handler/DataItemAdminHandler.ashx?action=GetCategory&categorycode=' + categoryCode,
                method: 'get',
                valueField: 'ItemValue',
                textField: 'ItemName',
                editable: false,
                panelHeight: 'auto'
            });
        }

        if (categoryControl == 'txtRoleId') {
            top.$('#' + categoryControl).combobox({
                url: 'Modules/handler/RoleAdminHandler.ashx?action=GetEnabledRoleList',
                method: 'get',
                valueField: 'Id',
                textField: 'RealName',
                editable: false,
                panelHeight: 'auto'
            });
        }

        if (categoryControl == 'txtCompanyName' || categoryControl == 'txtDepartmentName' || categoryControl == 'txtWorkgroupName') {
            top.$('#' + categoryControl).combobox({
                url: 'Modules/handler/OrganizeAdminHander.ashx?action=GetOrganizeByCategory&OrganizeCategory=' + categoryCode,
                method: 'get',
                valueField: 'Id',
                textField: 'FullName',
                editable: false,
                panelHeight: 'auto'
            });
        }
    }  
}

var pform = '<form id="uiform"><table  cellpadding=5 cellspacing=0 width=100% align="center" class="grid2" border=0><tr><td align="right">';
    pform += '登入使用者名：</td><td><input name="UserName" id="txtUserName" validType="length[2,40]" required="true" type="text" class="txt03" ></td><td align="right">';
    pform += '姓名：</td><td><input name="RealName" id="txtRealName" validType="length[2,40]" required="true" type="text" class="txt03" ></td></tr><tr><td align="right">';
    pform += '編号：</td><td><input name="Code" id="txtCode" validType="length[2,40]" type="text" class="txt03" ></td><td align="right">';
    pform += '使用者密碼：</td><td><input validType="safepass"  required="true" name="UserPassword" id="txtUserPassword"  type="password" class="txt03" ></td></tr><tr><td align="right">';
    pform += '性别：</td><td><input name="Gender" id="txtGender"  required="true" type="text" class="txt03" ></td><td align="right">';
    pform += '手機号碼：</td><td><input name="Mobile" id="txtMobile" type="text" class="txt03" ></td></tr><tr><td align="right">';
    pform += '出生日期：</td><td><input name="Birthday" id="txtBirthday" type="text" class="txt03" ></td><td align="right">';
    pform += '固定電話：</td><td><input name="Telephone" id="txtTelephone" type="text" class="txt03" ></td></tr><tr><td align="right">';
    pform += '崗位：</td><td><input name="Duty" id="txtDuty" type="text" class="txt03" ></td><td align="right">';
    pform += 'QQ号碼：</td><td><input name="QICQ" id="txtQICQ" type="text" class="txt03" ></td></tr><tr><td align="right">';
    pform += '職稱：</td><td><input name="Title" id="txtTitle" type="text" class="txt03" ></td><td align="right">';
    pform += '郵箱位址：</td><td><input name="Email" id="txtEmail" type="text" class="txt03" ></td></tr><tr><td align="right">';
    pform += '預設角色：</td><td><input name="RoleId" id="txtRoleId" type="text" class="txt03" ></td><td align="right">';
    pform += '公司名稱：</td><td><input name="CompanyName" id="txtCompanyName" type="text" class="txt03" ></td></tr><tr><td align="right">';
    pform += '部門名稱：</td><td><input name="DepartmentName" id="txtDepartmentName" type="text" class="txt03" ></td><td align="right">';
    pform += '工作組：</td><td><input name="WorkgroupName" id="txtWorkgroupName" type="text" class="txt03" ></td></tr><tr><td align="right">';
    pform += '家庭位址：</td><td  colspan="3"><input name="HomeAddress" style="width:470px;" id="txtHomeAddress" type="text" class="txt03" ></td></tr><tr><td align="right">';
    pform += '有效性：</td><td colspan="3"><input id="chkEnabled" type="checkbox" name="Enabled" /><label>有效</label>  <span style="color:#666;padding-left:20px;">注：使用者無效（禁用該使用者）後，該使用者将不能登入。</span></td></tr><tr><td align="right"> ';
    pform += '描述：</td><td colspan =3><textarea  id="txtDescription" name="Description" rows="3" style="width:470px;height:50px;" class="txt03"></td></tr></table></form>';

var formeditpass = '<table class="grid" id="epform">';
    formeditpass += '<tr><td>登入名：</td><td><span id="loginname"></span></td></tr>';
    formeditpass += '<tr><td>新密碼：</td><td><input  validType="safepass"  required="true" id="txtNewPassword" name="password" type="password" class="txt03" /></td></tr>';
    formeditpass += '</table>';

　　添加使用者界面如下：

　　修改使用者界面如下：

　　設定使用者密碼：　　

　　使用者管理一般處理程式：　　

相關資源分享

1、基于.NET的快速資訊化系統開發整合架構 —RDIFramework.NET—系統目錄

2、Jquery EasyUI官方網站

3、Jquery學習官方網站

4、Jquery EasyUI本地執行個體檔案（如果嫌官網速度過慢，可以下載下傳這個看）

5、Jquery權威指南下載下傳

6、Jquery權威指南源代碼下載下傳

7、Jquery EasyUI 1.3中文.chm檔案下載下傳

8、JavaScript權威指南（第六版）中文版（強烈推薦）線上觀看

作者：

RDIFramework.NET

出處：http://www.cnblogs.com/huyong/

Email：[email protected]

QQ：406590790

微信：13005007127(同手機号)

架構官網：http://www.rdiframework.net/

架構官網部落格：http://blog.rdiframework.net/

架構其他部落格：http://blog.csdn.net/chinahuyong

http://www.cnblogs.com/huyong

RDIFramework.NET，基于全新.NET Framework與.NET Core的快速資訊化系統開發、整合架構，為企業快速建構垮平台、企業級的應用提供了強大支援。

關于作者：系統架構師、資訊系統項目管理師、DBA。專注于微軟平台項目架構、管理和企業解決方案，多年項目開發與管理經驗，曾多次組織并開發多個大型項目，在面向對象、面向服務以及資料庫領域有一定的造詣。現主要從事基于

RDIFramework.NET

架構的技術開發、咨詢工作，主要服務于金融、醫療衛生、鐵路、電信、物流、物聯網、制造、零售等行業。

如有問題或建議，請多多賜教！

本文版權歸作者和CNBLOGS部落格共有，歡迎轉載，但未經作者同意必須保留此段聲明，且在文章頁面明顯位置給出原文連接配接，如有問題，可以通過微信、郵箱、QQ等聯系我，非常感謝。

使用Jquery+EasyUI 進行架構項目開發案例講解之二---使用者管理源碼分享

繼續閱讀

easyui datagrid checkbox選中操作

關于EasyUI 1.5版Datagrid元件在空資料時無法顯示“空記錄“提示的BUG解決方法

jQuery easyui --datagrid内部嵌入dropdown

為EasyUI的DataGrid某單元格單獨指派示例

easyUI-DataGrid設定checkbox預設選中

前端架構jQuery EasyUI_01

前端架構jQuery EasyUI_02

easyUI實作下拉框二級關聯的詳細步驟

easyui 1.4.3 頁籤tabs動态添加樹tree

jQuery EasyUI combogrid的用法及心得

RDIFramework.NET ━ .NET快速資訊化系統開發架構 V3.2-子產品管理按子系統進行分類管理...

jQuery UI 執行個體 - 對話框（Dialog） jQuery UI 執行個體 - 對話框（Dialog）

EasyUI 時間格式化

easyui combotree 異步資料源設定預設值

easyui的資料表格(datagrid)使用時formatter的技巧

EasyUI-工具欄提示