心路独舞
心路独舞

ztree无限极增删改查链接数据同步数据库

[1].[代码] ztree无限极增删改查链接数据同步数据库

   为前台代码

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Sys_TreeList.aspx.cs" Inherits="System_Sys_TreeList" %>

 

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">

<head id="Head1" runat="server">

    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

    <title>实现无限级树状结构并动态添加增删改功能</title>

    <link href="../BootStrap/css/bootstrap.min.css" rel="stylesheet" media="screen" />

    <link href="../BootStrap/css/bootstrap-theme.min.css" rel="stylesheet" media="screen" />

    <script src="../BootStrap/js/jquery-2.0.2.min.js"></script>

    <script src="../BootStrap/js/bootstrap.min.js"></script>

    <script src="../BootStrap/My97DatePicker/WdatePicker.js"></script>

 

    <link rel="stylesheet" href="../BootStrap/ztree/css/zTreeStyle/zTreeStyle.css" type="text/css" />

    <script type="text/javascript" src="../BootStrap/ztree/js/jquery-1.4.4.min.js"></script>

    <script type="text/javascript" src="../BootStrap/ztree/js/jquery.ztree.core-3.5.js"></script>

    <script type="text/javascript" src="../BootStrap/zTree/js/jquery.ztree.excheck-3.5.js"></script>

    <script type="text/javascript" src="../BootStrap/zTree/js/jquery.ztree.exedit-3.5.js"></script>

    <script>

        var setting = {

            async: {

                enable: true,//开启异步加载处理

                dataFilter: filter//用于对 Ajax 返回数据进行预处理的函数

            },

            view: {

                expandSpeed: "",//zTree 节点展开、折叠时的动画速度，设置方法同 JQuery 动画效果中 speed 参数。

                addHoverDom: addHoverDom,//用于当鼠标移动到节点上时，显示用户自定义控件，显示隐藏状态同 zTree 内部的编辑、删除按钮

                removeHoverDom: removeHoverDom,//设置鼠标移到节点上，在后面显示一个按钮

                selectedMulti: false// 禁止多点同时选中的功能

            },

            edit: {

                enable: true//设置 zTree 进入编辑状态

            },

            data: {

                simpleData: {

                    enable: true//使用简单 Array 格式的数据

                }

            },

            callback: {

                beforeRemove: beforeRemove,//用于捕获节点被删除之前的事件回调函数，并且根据返回值确定是否允许删除操作

                beforeRename: beforeRename//用于捕获节点编辑名称结束（Input 失去焦点 或 按下 Enter 键）之后，更新节点名称数据之前的事件回调函数，并且根据返回值确定是否允许更改名称的操作

            }

        };

        //修改异步获取到的节点name属性

        function filter(treeId, parentNode, childNodes) {

            if (!childNodes) return null;

            for (var i = 0, l = childNodes.length; i < l; i++) {

                childNodes[i].name = childNodes[i].name.replace(/\.n/g, '.');

            }

            return childNodes;

        }

        //删除节点信息

        function beforeRemove(treeId, treeNode) {

            var zTree = $.fn.zTree.getZTreeObj("treeDemo");

            zTree.selectNode(treeNode);

            if (confirm("确认删除 节点 -- " + treeNode.name + " 吗？")) {

                var treeInfo = treeNode.id;

                $.ajax({

                    url: "Ajax.aspx?_tid=" + treeInfo + "&action=Remove",

                    type: "POST",

                    async: false,

                    success: function (res) {

                        if (res = "success") {

                            alert('删除成功!');

                            window.location.reload();

                        } else {

                            alert('删除失败!');

                            window.location.reload();

                        }

                    }

                });

            } else {

                window.location.reload();

            }

        }

        //修改节点信息

        function beforeRename(treeId, treeNode, newName) {

            if (newName.length == 0) {

                alert("节点名称不能为空.");

                return false;

            }

            var treeInfo = treeNode.id;

            $.ajax({

                url: "Ajax.aspx?_tid=" + treeInfo + "&_newname=" + newName + "&action=ReName",

                type: "POST",

                async: false,

                success: function (res) {

                    if (res = "success") {

                        alert('修改成功!');

                        window.location.reload();

                    } else {

                        alert('修改失败!');

                        window.location.reload();

                    }

                }

            });

        }

        //添加新的节点

        function addHoverDom(treeId, treeNode) {

            var sObj = $("#" + treeNode.tId + "_span");

            if (treeNode.editNameFlag || $("#addBtn_" + treeNode.tId).length > 0) return;

            var addStr = "<span class='button add' id='addBtn_" + treeNode.tId

                + "' title='add node' onfocus='this.blur();'></span>";

            sObj.after(addStr);

            var btn = $("#addBtn_" + treeNode.tId);

            if (btn) btn.bind("click", function () {

                var zTree = $.fn.zTree.getZTreeObj("treeDemo");

                if (confirm("确认为 " + treeNode.name + " 添加子节点吗？")) {

 

                    // zTree.addNodes(treeNode, { id: (100 + newCount), pId: treeNode.id, name: "new node" + (newCount++) });

                    var treeInfo = treeNode.id;

                    $.ajax({

                        url: "Ajax.aspx?_Pid=" + treeInfo + "&action=Insert",

                        type: "POST",

                        async: false,

                        success: function (res) {

                            if (res = "success") {

                                alert('添加成功!');

                                window.location.reload();

                            } else {

                                alert('添加失败!');

                                window.location.reload();

                            }

                        }

                    });

                }

            });

        };

        //设置鼠标移到节点上，在后面显示一个按钮

        function removeHoverDom(treeId, treeNode) {

            $("#addBtn_" + treeNode.tId).unbind().remove();

        };

        var zNodes = [

            <%=tree%>

        ];

        //加载显示

        $(document).ready(function () {

            $.fn.zTree.init($("#treeDemo"), setting, zNodes);

        });

    </script>

</head>

<body>

    <form id="form1" runat="server">

        <div style="margin: 0 auto; width: 90%">

            <ol class="breadcrumb">

                <li class="active">实现无限级树状结构并动态添加增删改功能</li>

            </ol>

            <table style="width: 100%;">

                <tr>

                    <td valign="top" style="align: left; BORDER-RIGHT: #999999 1px dashed; width: 10%;">

                        <ul id="treeDemo" class="ztree" style="width: 94%; overflow: auto;"></ul>

                    </td>

                    <td valign="top" style="width: 80%">

                        <table style="display: none;">

                            <tr>

                                <td>父级：</td>

 

                                <td>

                                    <asp:DropDownList ID="ddlMenuF" runat="server" AutoPostBack="true" OnSelectedIndexChanged="ddlMenuF_SelectedIndexChanged"></asp:DropDownList>

                                    <asp:DropDownList ID="ddlMenuT" AutoPostBack="true" runat="server" OnSelectedIndexChanged="ddlMenuT_SelectedIndexChanged"></asp:DropDownList>

                                    <asp:DropDownList ID="ddlMenuTh" runat="server"></asp:DropDownList>

                            </tr>

                            <tr>

                                <td>标题：</td>

                                <td>

                                    <asp:TextBox class="form-control" ID="txttitle" placeholder="" runat="server"></asp:TextBox>*<asp:RequiredFieldValidator ID="RFVtitle" runat="server" ErrorMessage="标题：不能为空!" ForeColor="#FF3300" ControlToValidate="txttitle"></asp:RequiredFieldValidator>

                                </td>

                            </tr>

                            <tr>

                                <td>URL：</td>

                                <td>

                                    <asp:TextBox class="form-control" ID="txtURL" placeholder="" runat="server"></asp:TextBox></td>

                            </tr>

                            <tr>

                                <td>序号：</td>

                                <td>

                                    <asp:TextBox class="form-control" ID="txtOrderBy" placeholder="" runat="server"></asp:TextBox></td>

                            </tr>

                            <tr>

                                <td>ID：</td>

                                <td></td>

                            </tr>

                            <tr>

                                <td colspan="2">

                                    <asp:Button ID="ButtonAdd" runat="server" Text="确认添加" class="btn btn-default" OnClick="ButtonAddSys_IBmenuTree_Click" />

                                    <asp:Label ID="AddMSN" runat="server" Text=""></asp:Label><br />

                                </td>

                            </tr>

                        </table>

                    </td>

                </tr>

            </table>

 

        </div>

    </form>

</body>

</html>


为后台代码 

using System;

using System.Collections.Generic;

using System.Linq;

using System.Web;

using System.Web.UI;

using System.Web.UI.WebControls;

using System.Data;

using System.Data.Sql;

using System.Data.SqlClient;

using System.Text;

using System.Configuration;

using Boss.DAL;

 

public partial class System_Sys_TreeList : System.Web.UI.Page

{

    public string tree, TopClass;

    protected void Page_Load(object sender, EventArgs e)

    {

 

        //取得传过来的TopClassid从而判断要读取哪些功能菜单

 

 

        //TopClass = Request.QueryString["id"].ToString();

        //TopClass = "0";

 

 

        if (!IsPostBack)

        {

            bindMenu();//获取父级ID           

        }

 

        //  getStrXml();

        _GetXml();

 

    }

 

    #region 获取父级菜单

    /// <summary>

    /// 读取一级菜单

    /// </summary>

    private void bindMenu()

    {

        //" + TopClass + "

        SysDataAndSQLClass ds = new SysDataAndSQLClass();//读取一级菜单

        DataTable dt = ds.ExecSQLDataTable("select id,title from Sys_Tree WHERE pid=0  And IsValid=1 ORDER BY id ASC", "default");

        ddlMenuF.Items.Clear();

        ddlMenuF.Items.Add(new ListItem("-顶级-", "0"));

        for (int i = 0; i < dt.Rows.Count; i++)

        {

            ddlMenuF.Items.Add(new ListItem(dt.Rows[i]["title"].ToString(), dt.Rows[i]["ID"].ToString()));

        }

        ddlMenuT.Items.Add(new ListItem("请选择", "0"));

        ddlMenuTh.Items.Add(new ListItem("请选择", "0"));

    }

    /// <summary>

    /// ///读取二级菜单

    /// </summary>

    /// <param name="sender"></param>

    /// <param name="e"></param>

    protected void ddlMenuF_SelectedIndexChanged(object sender, EventArgs e)

    {

        string id = ddlMenuF.SelectedValue;

        ddlMenuT.Items.Clear();

        ddlMenuTh.Items.Clear();

        ddlMenuT.Items.Add(new ListItem("请选择", "0"));

        ddlMenuTh.Items.Add(new ListItem("请选择", "0"));

        if (id != "0")

        {

            SysDataAndSQLClass ds = new SysDataAndSQLClass();//读取二级菜单

            DataTable dt = ds.ExecSQLDataTable("select id,title from Sys_Tree WHERE pid=" + id + "  And IsValid=1 ORDER BY id ASC", "default");

 

            for (int i = 0; i < dt.Rows.Count; i++)

            {

                ddlMenuT.Items.Add(new ListItem(dt.Rows[i]["title"].ToString(), dt.Rows[i]["ID"].ToString()));

            }

        }

        ddlMenuTh.Visible = true;

    }

    /// <summary>

    /// //读取三级菜单;

    /// </summary>

    /// <param name="sender"></param>

    /// <param name="e"></param>

    protected void ddlMenuT_SelectedIndexChanged(object sender, EventArgs e)

    {

        string id = ddlMenuT.SelectedValue;

        ddlMenuTh.Items.Clear();

        ddlMenuTh.Items.Add(new ListItem("请选择", "0"));

        if (id != "0")

        {

            SysDataAndSQLClass ds = new SysDataAndSQLClass();

            DataTable dt = ds.ExecSQLDataTable("select id,title from Sys_Tree WHERE pid=" + id + "  And IsValid=1 ORDER BY id ASC", "default");

            for (int i = 0; i < dt.Rows.Count; i++)

            {

                ddlMenuTh.Items.Add(new ListItem(dt.Rows[i]["title"].ToString(), dt.Rows[i]["ID"].ToString()));

            }

            if (dt.Rows.Count == 0)

            {

                ddlMenuTh.Visible = false;

            }

            else

            {

                ddlMenuTh.Visible = true;

            }

        }

    }

 

    #endregion

 

    #region 获取菜单树

 

    protected void _GetXml()

    {

        //" + TopClass + " 

        string _xml = "";

        string _tag = "";

        SysDataAndSQLClass ds = new SysDataAndSQLClass();

        string sqlstr = "select id,pid,title,url from  Sys_Tree where pid=0 And IsValid=1 ORDER BY id ASC ";

        DataTable dt = ds.ExecSQLDataTable(sqlstr, "default");

        if (dt.Rows.Count > 0)

        {

            for (int i = 0; i < dt.Rows.Count; i++)

            {

                _xml += "{\nid:\"" + dt.Rows[i]["ID"].ToString() + "\",pId:\"" + dt.Rows[i]["PID"].ToString() + "\", name: \"" + dt.Rows[i]["title"].ToString() + "\", open: true,\n";

                _xml += "children: [\n";

                _tag = _GetTag(dt.Rows[i]["id"].ToString()).ToString();

                _xml += _tag + "  \n ]\n},";

            }

            _xml += "";

            tree = _xml;

        }

    }

 

    protected string _GetTag(string _mid)

    {

        string _xml = "";

        SysDataAndSQLClass ds = new SysDataAndSQLClass();

        string sqlstr = "select id,pid,title,url from  Sys_Tree where pid=" + _mid + "  And IsValid=1 ORDER BY id ASC ";

        DataTable dt = ds.ExecSQLDataTable(sqlstr, "default");

        if (dt.Rows.Count > 0)

        {

            for (int i = 0; i < dt.Rows.Count; i++)

            {

                string sql = "select id,title,url from  Sys_Tree where pid=" + dt.Rows[i]["id"].ToString() + "  And IsValid=1 ORDER BY id ASC ";

                DataTable dt_sql = ds.ExecSQLDataTable(sql, "default");

                if (dt_sql.Rows.Count > 0)

                {

                    _xml += "{\nid:\"" + dt.Rows[i]["ID"].ToString() + "\",pId:\"" + dt.Rows[i]["PID"].ToString() + "\", name: \"" + dt.Rows[i]["title"].ToString() + "\", open: true,\n";

                    _xml += "children: [\n";

                    _xml += _GetTag(dt.Rows[i]["id"].ToString()).ToString() + "  \n ]\n},";

                }

                else

                {

                    _xml += " { id:\"" + dt.Rows[i]["ID"].ToString() + "\",pId:\"" + dt.Rows[i]["PID"].ToString() + "\",name:\"" + dt.Rows[i]["title"].ToString() + "\"},";//新方法

                }

            }

        }

        return _xml;

    }

    #endregion

 

    /// <summary>

    /// 添加树

    /// </summary>

    /// <param name="sender"></param>

    /// <param name="e"></param>

    protected void ButtonAddSys_IBmenuTree_Click(object sender, EventArgs e)

    {

        string PID = ddlMenuF.Text;

        if (ddlMenuTh.SelectedValue != "0")//第三项不为空时,父级菜单ID为三级菜单的ＩＤ

        {

            PID = ddlMenuTh.Text;

        }

        else

        {

            if (ddlMenuT.SelectedValue != "0")//第三项不为空时且第二项不为空时,父级菜单ID为二级菜单的ＩＤ

            {

                PID = ddlMenuT.Text;

            }

            else

            {

                PID = ddlMenuF.Text;//第三项不为空时且第二项为空时,父级菜单ID为一级或顶级菜单的ＩＤ

            }

        }

        if (PID == "0")

        {

            PID = TopClass.ToString();

        }

        string title = txttitle.Text;

        string URL = txtURL.Text;

        string OrderBy = txtOrderBy.Text;

        string SysbrandID = "";

        string CreateLoginId = Session["UserName"].ToString();

        //为存储过程调用准备参数

        string tabName = "Sys_Tree";

        string columns = "PID,title,URL,SysbrandID";//(父表主键),Pid  

        string values = "'" + PID + "','" + title + "','" + URL + "','" + SysbrandID + "'";//(父表主键值),'" + Pid + "'

        //执行存储过程调用类

        int i = Boss.DAL.SysDataAndSQLClass.Sys_IB_Insert(tabName, columns, values, "default");

        if (i == 0)

        {

            //写日志

            int ilog = Convert.ToInt32(SysCommonClass.InsertSysLog("Insert", "TableName:" + tabName, "Columns:" + columns + " |Values:" + values).ToString());

            //调用执行写系统日志

            AddMSN.Text = "添加成功!";

            _GetXml();

        }

    }

 

}


为ajax调用代码 

using Boss.DAL;

using System;

using System.Collections.Generic;

using System.Data;

using System.Data.SqlClient;

using System.Linq;

using System.Web;

using System.Web.UI;

using System.Web.UI.WebControls;

 

public partial class System_Ajax : System.Web.UI.Page

{

    protected void Page_Load(object sender, EventArgs e)

    {

        Response.ContentType = "text/plain";

        // 在完全处理之后再发送到请求客户端

        Response.BufferOutput = true;

        // 在服务器端不缓存页

        Response.ExpiresAbsolute = DateTime.Now.AddDays(-1);

        // 设置任何代理服务器不缓存页

        Response.AddHeader("pragma", "no-cache");

        // 设置请求的客户端浏览器不缓存页

        Response.AddHeader("cache-control", "");

        Response.CacheControl = "no-cache";

 

        string action = Request["action"];

        string result = "";

        // 根据Action执行操作

        switch (action)

        {

            //case "GetItemData":

            //    result = GetItemData();

            //    break;

            case "ReName":

                result = ReName();

                break;

            case "Remove":

                result = Remove();

                break;

            case "Insert":

                result = InsertNode();

                break;

            default:

                break;

        }

 

        Response.Write(result);

    }

 

   /// <summary>

   /// 添加

   /// </summary>

   /// <returns></returns>

    private string InsertNode()

    {

        string flag = "false";

        string _Pid = Request["_Pid"].ToString();

        // string _Pid = Request["_Pid"].ToString().Split('_')[1].ToString();

        SysDataAndSQLClass ds = new SysDataAndSQLClass();

        string SQL = " insert into Sys_Tree(PID,ClassID,Title,describe,URL) values(" + _Pid + " ,1, 'newNode',' ', '#')";

        int s = Convert.ToInt32(Boss.DAL.SysDataAndSQLClass.ExecTier(SQL, "default"));

        if (s > 0)

        {

            flag = "success";

        }

        return flag;

    }

 

    /// <summary>

    /// 删除

    /// </summary>

    /// <returns></returns>

    private string Remove()

    {

        string flag = "false";

        string _id = Request["_tid"].ToString();//.Split('_')[1].ToString();

        SysDataAndSQLClass ds = new SysDataAndSQLClass();

        string sqlstr = "Update Sys_Tree set IsValid=0 where ID=" + _id + " and IsValid=1";

        int s = Convert.ToInt32(Boss.DAL.SysDataAndSQLClass.ExecTier(sqlstr, "default"));

        if (s > 0)

        {

            flag = "success";

        }

        return flag;

    }

 

    /// <summary>

    /// 修改

    /// </summary>

    /// <returns></returns>

    private string ReName()

    {

        string flag = "false";

        string _id = Request["_tid"].ToString();//.Split('_')[1].ToString();

        string _newname = Request["_newname"];

        SysDataAndSQLClass ds = new SysDataAndSQLClass();

        string sqlstr = "Update Sys_Tree set Title='" + _newname + "' where ID=" + _id + " and IsValid=1";

        int s = Convert.ToInt32(Boss.DAL.SysDataAndSQLClass.ExecTier(sqlstr, "default"));

        if (s > 0)

        {

            flag = "success";

        }

        return flag;

    }

}

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Sys_TreeList.aspx.cs" Inherits="System_Sys_TreeList" %>

 

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">

<head id="Head1" runat="server">

    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

    <title>实现无限级树状结构并动态添加增删改功能</title>

  

 

    <link rel="stylesheet" href="../BootStrap/ztree/css/zTreeStyle/zTreeStyle.css" type="text/css" />

    <script type="text/javascript" src="../BootStrap/ztree/js/jquery-1.4.4.min.js"></script>

    <script type="text/javascript" src="../BootStrap/ztree/js/jquery.ztree.core-3.5.js"></script>

    <script type="text/javascript" src="../BootStrap/zTree/js/jquery.ztree.excheck-3.5.js"></script>

    <script type="text/javascript" src="../BootStrap/zTree/js/jquery.ztree.exedit-3.5.js"></script>

    <script>

        var setting = {

            async: {

                enable: true,//开启异步加载处理

                dataFilter: filter//用于对 Ajax 返回数据进行预处理的函数

            },

            view: {

                expandSpeed: "",//zTree 节点展开、折叠时的动画速度，设置方法同 JQuery 动画效果中 speed 参数。

                addHoverDom: addHoverDom,//用于当鼠标移动到节点上时，显示用户自定义控件，显示隐藏状态同 zTree 内部的编辑、删除按钮

                removeHoverDom: removeHoverDom,//设置鼠标移到节点上，在后面显示一个按钮

                selectedMulti: false// 禁止多点同时选中的功能

            },

            edit: {

                enable: true//设置 zTree 进入编辑状态

            },

            data: {

                simpleData: {

                    enable: true//使用简单 Array 格式的数据

                }

            },

            callback: {

                beforeRemove: beforeRemove,//用于捕获节点被删除之前的事件回调函数，并且根据返回值确定是否允许删除操作

                beforeRename: beforeRename//用于捕获节点编辑名称结束（Input 失去焦点 或 按下 Enter 键）之后，更新节点名称数据之前的事件回调函数，并且根据返回值确定是否允许更改名称的操作

            }

        };

        //修改异步获取到的节点name属性

        function filter(treeId, parentNode, childNodes) {

            if (!childNodes) return null;

            for (var i = 0, l = childNodes.length; i < l; i++) {

                childNodes[i].name = childNodes[i].name.replace(/\.n/g, '.');

            }

            return childNodes;

        }

        //删除节点信息

        function beforeRemove(treeId, treeNode) {

            var zTree = $.fn.zTree.getZTreeObj("treeDemo");

            zTree.selectNode(treeNode);

            if (confirm("确认删除 节点 -- " + treeNode.name + " 吗？")) {

                var treeInfo = treeNode.id;

                $.ajax({

                    url: "Ajax.aspx?_tid=" + treeInfo + "&action=Remove",

                    type: "POST",

                    async: false,

                    success: function (res) {

                        if (res = "success") {

                            alert('删除成功!');

                            window.location.reload();

                        } else {

                            alert('删除失败!');

                            window.location.reload();

                        }

                    }

                });

            } else {

                window.location.reload();

            }

        }

        //修改节点信息

        function beforeRename(treeId, treeNode, newName) {

            if (newName.length == 0) {

                alert("节点名称不能为空.");

                return false;

            }

            var treeInfo = treeNode.id;

            $.ajax({

                url: "Ajax.aspx?_tid=" + treeInfo + "&_newname=" + newName + "&action=ReName",

                type: "POST",

                async: false,

                success: function (res) {

                    if (res = "success") {

                        alert('修改成功!');

                        window.location.reload();

                    } else {

                        alert('修改失败!');

                        window.location.reload();

                    }

                }

            });

        }

        //添加新的节点

        function addHoverDom(treeId, treeNode) {

            var sObj = $("#" + treeNode.tId + "_span");

            if (treeNode.editNameFlag || $("#addBtn_" + treeNode.tId).length > 0) return;

            var addStr = "<span class='button add' id='addBtn_" + treeNode.tId

                + "' title='add node' onfocus='this.blur();'></span>";

            sObj.after(addStr);

            var btn = $("#addBtn_" + treeNode.tId);

            if (btn) btn.bind("click", function () {

                var zTree = $.fn.zTree.getZTreeObj("treeDemo");

                if (confirm("确认为 " + treeNode.name + " 添加子节点吗？")) {

 

                    // zTree.addNodes(treeNode, { id: (100 + newCount), pId: treeNode.id, name: "new node" + (newCount++) });

                    var treeInfo = treeNode.id;

                    $.ajax({

                        url: "Ajax.aspx?_Pid=" + treeInfo + "&action=Insert",

                        type: "POST",

                        async: false,

                        success: function (res) {

                            if (res = "success") {

                                alert('添加成功!');

                                window.location.reload();

                            } else {

                                alert('添加失败!');

                                window.location.reload();

                            }

                        }

                    });

                }

            });

        };

        //设置鼠标移到节点上，在后面显示一个按钮

        function removeHoverDom(treeId, treeNode) {

            $("#addBtn_" + treeNode.tId).unbind().remove();

        };

        var zNodes = [

            <%=tree%>

        ];

        //加载显示

        $(document).ready(function () {

            $.fn.zTree.init($("#treeDemo"), setting, zNodes);

        });

    </script>

</head>

<body>

    <form id="form1" runat="server">

        <div style="margin: 0 auto; width: 90%">

            <ol class="breadcrumb">

                <li class="active">实现无限级树状结构并动态添加增删改功能</li>

            </ol>

            <table style="width: 100%;">

                <tr>

                    <td valign="top" style="align: left; BORDER-RIGHT: #999999 1px dashed; width: 10%;">

                        <ul id="treeDemo" class="ztree" style="width: 94%; overflow: auto;"></ul>

                    </td>

                    <td valign="top" style="width: 80%">

                        <table style="display: none;">

                            <tr>

                                <td>父级：</td>

 

                                <td>

                                    <asp:DropDownList ID="ddlMenuF" runat="server" AutoPostBack="true" OnSelectedIndexChanged="ddlMenuF_SelectedIndexChanged"></asp:DropDownList>

                                    <asp:DropDownList ID="ddlMenuT" AutoPostBack="true" runat="server" OnSelectedIndexChanged="ddlMenuT_SelectedIndexChanged"></asp:DropDownList>

                                    <asp:DropDownList ID="ddlMenuTh" runat="server"></asp:DropDownList>

                            </tr>

                            <tr>

                                <td>标题：</td>

                                <td>

                                    <asp:TextBox class="form-control" ID="txttitle" placeholder="" runat="server"></asp:TextBox>*<asp:RequiredFieldValidator ID="RFVtitle" runat="server" ErrorMessage="标题：不能为空!" ForeColor="#FF3300" ControlToValidate="txttitle"></asp:RequiredFieldValidator>

                                </td>

                            </tr>

                            <tr>

                                <td>URL：</td>

                                <td>

                                    <asp:TextBox class="form-control" ID="txtURL" placeholder="" runat="server"></asp:TextBox></td>

                            </tr>

                            <tr>

                                <td>序号：</td>

                                <td>

                                    <asp:TextBox class="form-control" ID="txtOrderBy" placeholder="" runat="server"></asp:TextBox></td>

                            </tr>

                            <tr>

                                <td>ID：</td>

                                <td></td>

                            </tr>

                            <tr>

                                <td colspan="2">

                                    <asp:Button ID="ButtonAdd" runat="server" Text="确认添加" class="btn btn-default" OnClick="ButtonAddSys_IBmenuTree_Click" />

                                    <asp:Label ID="AddMSN" runat="server" Text=""></asp:Label><br />

                                </td>

                            </tr>

                        </table>

                    </td>

                </tr>

            </table>

 

        </div>

    </form>

</body>

</html>

为后台代码 

using System;

using System.Collections.Generic;

using System.Linq;

using System.Web;

using System.Web.UI;

using System.Web.UI.WebControls;

using System.Data;

using System.Data.Sql;

using System.Data.SqlClient;

using System.Text;

using System.Configuration;

using Boss.DAL;

 

public partial class System_Sys_TreeList : System.Web.UI.Page

{

    public string tree, TopClass;

    protected void Page_Load(object sender, EventArgs e)

    {

 

      

        if (!IsPostBack)

        {

            bindMenu();//获取父级ID          

        }

 

        _GetXml();

 

    }

 

    #region 获取父级菜单

    /// <summary>

    /// 读取一级菜单

    /// </summary>

    private void bindMenu()

    {

        //" + TopClass + "

        SysDataAndSQLClass ds = new SysDataAndSQLClass();//读取一级菜单

        DataTable dt = ds.ExecSQLDataTable("select id,title from Sys_Tree WHERE pid=0  And IsValid=1 ORDER BY id ASC", "default");

        ddlMenuF.Items.Clear();

        ddlMenuF.Items.Add(new ListItem("-顶级-", "0"));

        for (int i = 0; i < dt.Rows.Count; i++)

        {

            ddlMenuF.Items.Add(new ListItem(dt.Rows[i]["title"].ToString(), dt.Rows[i]["ID"].ToString()));

        }

        ddlMenuT.Items.Add(new ListItem("请选择", "0"));

        ddlMenuTh.Items.Add(new ListItem("请选择", "0"));

    }

    /// <summary>

    /// ///读取二级菜单

    /// </summary>

    /// <param name="sender"></param>

    /// <param name="e"></param>

    protected void ddlMenuF_SelectedIndexChanged(object sender, EventArgs e)

    {

        string id = ddlMenuF.SelectedValue;

        ddlMenuT.Items.Clear();

        ddlMenuTh.Items.Clear();

        ddlMenuT.Items.Add(new ListItem("请选择", "0"));

        ddlMenuTh.Items.Add(new ListItem("请选择", "0"));

        if (id != "0")

        {

            SysDataAndSQLClass ds = new SysDataAndSQLClass();//读取二级菜单

            DataTable dt = ds.ExecSQLDataTable("select id,title from Sys_Tree WHERE pid=" + id + "  And IsValid=1 ORDER BY id ASC", "default");

 

            for (int i = 0; i < dt.Rows.Count; i++)

            {

                ddlMenuT.Items.Add(new ListItem(dt.Rows[i]["title"].ToString(), dt.Rows[i]["ID"].ToString()));

            }

        }

        ddlMenuTh.Visible = true;

    }

    /// <summary>

    /// //读取三级菜单;

    /// </summary>

    /// <param name="sender"></param>

    /// <param name="e"></param>

    protected void ddlMenuT_SelectedIndexChanged(object sender, EventArgs e)

    {

        string id = ddlMenuT.SelectedValue;

        ddlMenuTh.Items.Clear();

        ddlMenuTh.Items.Add(new ListItem("请选择", "0"));

        if (id != "0")

        {

            SysDataAndSQLClass ds = new SysDataAndSQLClass();

            DataTable dt = ds.ExecSQLDataTable("select id,title from Sys_Tree WHERE pid=" + id + "  And IsValid=1 ORDER BY id ASC", "default");

            for (int i = 0; i < dt.Rows.Count; i++)

            {

                ddlMenuTh.Items.Add(new ListItem(dt.Rows[i]["title"].ToString(), dt.Rows[i]["ID"].ToString()));

            }

            if (dt.Rows.Count == 0)

            {

                ddlMenuTh.Visible = false;

            }

            else

            {

                ddlMenuTh.Visible = true;

            }

        }

    }

 

    #endregion

 

    #region 获取菜单树

 

    protected void _GetXml()

    {

  

        string _xml = "";

        string _tag = "";

        SysDataAndSQLClass ds = new SysDataAndSQLClass();

        string sqlstr = "select id,pid,title,url from  Sys_Tree where pid=0 And IsValid=1 ORDER BY id ASC ";

        DataTable dt = ds.ExecSQLDataTable(sqlstr, "default");

        if (dt.Rows.Count > 0)

        {

            for (int i = 0; i < dt.Rows.Count; i++)

            {

                _xml += "{\nid:\"" + dt.Rows[i]["ID"].ToString() + "\",pId:\"" + dt.Rows[i]["PID"].ToString() + "\", name: \"" + dt.Rows[i]["title"].ToString() + "\", open: true,\n";

                _xml += "children: [\n";

                _tag = _GetTag(dt.Rows[i]["id"].ToString()).ToString();

                _xml += _tag + "  \n ]\n},";

            }

            _xml += "";

            tree = _xml;

        }

    }

 

    protected string _GetTag(string _mid)

    {

        string _xml = "";

        SysDataAndSQLClass ds = new SysDataAndSQLClass();

        string sqlstr = "select id,pid,title,url from  Sys_Tree where pid=" + _mid + "  And IsValid=1 ORDER BY id ASC ";

        DataTable dt = ds.ExecSQLDataTable(sqlstr, "default");

        if (dt.Rows.Count > 0)

        {

            for (int i = 0; i < dt.Rows.Count; i++)

            {

                string sql = "select id,title,url from  Sys_Tree where pid=" + dt.Rows[i]["id"].ToString() + "  And IsValid=1 ORDER BY id ASC ";

                DataTable dt_sql = ds.ExecSQLDataTable(sql, "default");

                if (dt_sql.Rows.Count > 0)

                {

                    _xml += "{\nid:\"" + dt.Rows[i]["ID"].ToString() + "\",pId:\"" + dt.Rows[i]["PID"].ToString() + "\", name: \"" + dt.Rows[i]["title"].ToString() + "\", open: true,\n";

                    _xml += "children: [\n";

                    _xml += _GetTag(dt.Rows[i]["id"].ToString()).ToString() + "  \n ]\n},";

                }

                else

                {

                    _xml += " { id:\"" + dt.Rows[i]["ID"].ToString() + "\",pId:\"" + dt.Rows[i]["PID"].ToString() + "\",name:\"" + dt.Rows[i]["title"].ToString() + "\"},";//新方法

                }

            }

        }

        return _xml;

    }

    #endregion

 

    /// <summary>

    /// 添加树

    /// </summary>

    /// <param name="sender"></param>

    /// <param name="e"></param>

    protected void ButtonAddSys_IBmenuTree_Click(object sender, EventArgs e)

    {

        string PID = ddlMenuF.Text;

        if (ddlMenuTh.SelectedValue != "0")//第三项不为空时,父级菜单ID为三级菜单的ＩＤ

        {

            PID = ddlMenuTh.Text;

        }

        else

        {

            if (ddlMenuT.SelectedValue != "0")//第三项不为空时且第二项不为空时,父级菜单ID为二级菜单的ＩＤ

            {

                PID = ddlMenuT.Text;

            }

            else

            {

                PID = ddlMenuF.Text;//第三项不为空时且第二项为空时,父级菜单ID为一级或顶级菜单的ＩＤ

            }

        }

        if (PID == "0")

        {

            PID = TopClass.ToString();

        }

        string title = txttitle.Text;

        string URL = txtURL.Text;

        string OrderBy = txtOrderBy.Text;

        string SysbrandID = "";

        string CreateLoginId = Session["UserName"].ToString();

        //为存储过程调用准备参数

        string tabName = "Sys_Tree";

        string columns = "PID,title,URL,SysbrandID";//(父表主键),Pid 

        string values = "'" + PID + "','" + title + "','" + URL + "','" + SysbrandID + "'";//(父表主键值),'" + Pid + "'

        //执行存储过程调用类

        int i = Boss.DAL.SysDataAndSQLClass.Sys_IB_Insert(tabName, columns, values, "default");

        if (i == 0)

        {

            //写日志

            int ilog = Convert.ToInt32(SysCommonClass.InsertSysLog("Insert", "TableName:" + tabName, "Columns:" + columns + " |Values:" + values).ToString());

            //调用执行写系统日志

            AddMSN.Text = "添加成功!";

            _GetXml();

        }

    }

 

}


为ajax调用代

using Boss.DAL;

using System;

using System.Collections.Generic;

using System.Data;

using System.Data.SqlClient;

using System.Linq;

using System.Web;

using System.Web.UI;

using System.Web.UI.WebControls;

 

public partial class System_Ajax : System.Web.UI.Page

{

    protected void Page_Load(object sender, EventArgs e)

    {

        Response.ContentType = "text/plain";

        // 在完全处理之后再发送到请求客户端

        Response.BufferOutput = true;

        // 在服务器端不缓存页

        Response.ExpiresAbsolute = DateTime.Now.AddDays(-1);

        // 设置任何代理服务器不缓存页

        Response.AddHeader("pragma", "no-cache");

        // 设置请求的客户端浏览器不缓存页

        Response.AddHeader("cache-control", "");

        Response.CacheControl = "no-cache";

 

        string action = Request["action"];

        string result = "";

        // 根据Action执行操作

        switch (action)

        {

            //case "GetItemData":

            //    result = GetItemData();

            //    break;

            case "ReName":

                result = ReName();

                break;

            case "Remove":

                result = Remove();

                break;

            case "Insert":

                result = InsertNode();

                break;

            default:

                break;

        }

 

        Response.Write(result);

    }

 

   /// <summary>

   /// 添加

   /// </summary>

   /// <returns></returns>

    private string InsertNode()

    {

        string flag = "false";

        string _Pid = Request["_Pid"].ToString();

        // string _Pid = Request["_Pid"].ToString().Split('_')[1].ToString();

        SysDataAndSQLClass ds = new SysDataAndSQLClass();

        string SQL = " insert into Sys_Tree(PID,ClassID,Title,describe,URL) values(" + _Pid + " ,1, 'newNode',' ', '#')";

        int s = Convert.ToInt32(Boss.DAL.SysDataAndSQLClass.ExecTier(SQL, "default"));

        if (s > 0)

        {

            flag = "success";

        }

        return flag;

    }

 

    /// <summary>

    /// 删除

    /// </summary>

    /// <returns></returns>

    private string Remove()

    {

        string flag = "false";

        string _id = Request["_tid"].ToString();//.Split('_')[1].ToString();

        SysDataAndSQLClass ds = new SysDataAndSQLClass();

        string sqlstr = "Update Sys_Tree set IsValid=0 where ID=" + _id + " and IsValid=1";

        int s = Convert.ToInt32(Boss.DAL.SysDataAndSQLClass.ExecTier(sqlstr, "default"));

        if (s > 0)

        {

            flag = "success";

        }

        return flag;

    }

 

    /// <summary>

    /// 修改

    /// </summary>

    /// <returns></returns>

    private string ReName()

    {

        string flag = "false";

        string _id = Request["_tid"].ToString();//.Split('_')[1].ToString();

        string _newname = Request["_newname"];

        SysDataAndSQLClass ds = new SysDataAndSQLClass();

        string sqlstr = "Update Sys_Tree set Title='" + _newname + "' where ID=" + _id + " and IsValid=1";

        int s = Convert.ToInt32(Boss.DAL.SysDataAndSQLClass.ExecTier(sqlstr, "default"));

        if (s > 0)

        {

            flag = "success";

        }

        return flag;

    }

}

 

你可能感兴趣的:(ztree)

  • (免费分享)基于 springBoot,vue的智能停车场系统 IT教程资源- 免费毕设开发工具springbootvue.js后端
    基于SpringBoot+Vue的智能停车场项目基础环境JDK1.8、Maven、Mysql、IntelliJIDEA、payCloud相关组件ok-admin、vue、iView、echarts、clipboard、cropperjslightbox、nprogress、webuploader、ztree内置功能系统管理：角色管理、接口管理、系统菜单、全局配置账号管理：用户管理、合作单位系统监控
  • (免费分享)基于 springBoot,vue的智能停车场系统 IT教程资源_ 免费毕设项目开发工具源码下载说明springbootvue.js后端
    基于SpringBoot+Vue的智能停车场项目基础环境JDK1.8、Maven、Mysql、IntelliJIDEA、payCloud相关组件ok-admin、vue、iView、echarts、clipboard、cropperjslightbox、nprogress、webuploader、ztree内置功能系统管理：角色管理、接口管理、系统菜单、全局配置账号管理：用户管理、合作单位系统监控
  • 前端vue将普通数组转换为父子级的树形结构数组 xiaotiaoza 前端vue.jsjavascript
    如果获取的数据具有上下级关系，可以在前后端进行数据处理。这里我通过前端编写一个方法将普通数组转换为父子级的数据。1.编写转换方法，父子级数据主要通过id和父级id进行体现transformTozTreeFormat:function(sNodes){vari,l;varr=[];vartmpMap={};for(i=0,l=sNodes.length;i{console.log(res)if(re
  • 扁平结构数据转换成层级嵌套树形数据 吕驴驴 原生js问题库vue.jsjavascript前端
    文章目录前言一、转换方法1.递归2.双层filter总结前言树形控件在OA系统内是很常见的，如依赖jquery的ztree，elementui的el-tree,其中ztree是支持扁平结构和层级结构的，el-tree是只支持层级结构，后台一般查完数据库不处理数据的话，都是返回扁平数据，即通过id、pid判断父子关系，但在el-tree中使用就需要前台处理了，如果不想处理，也可以要求后台返回要求的格
  • (免费分享)基于 springBoot,vue的智能停车场系统 IT教程资源 免费毕设开发工具springbootvue.js后端
    基于SpringBoot+Vue的智能停车场项目基础环境JDK1.8、Maven、Mysql、IntelliJIDEA、payCloud相关组件ok-admin、vue、iView、echarts、clipboard、cropperjslightbox、nprogress、webuploader、ztree内置功能系统管理：角色管理、接口管理、系统菜单、全局配置账号管理：用户管理、合作单位系统监控
  • js树形控件zTree使用总结 小马甲丫 JSjavascriptzTree树形控件
    文章目录一、`zTree`简介1.1、`zTree`的特点1.2、`zTree`文件介绍二、`zTree`的基本使用2.1、`zTree`的创建2.2、`zTree`的配置2.3、`zTree`的数据格式2.3.1、标准数据格式2.3.2、简单数据格式2.4、`zTree`的常用方法2.4.1、获取`zTree`对象2.4.2、增加节点2.4.3、勾选或取消勾选全部节点2.4.4、勾选或取消勾选单
  • ztree 模糊搜索带复选框 新世纪好青年
    zTree插件，带复选框，模糊查询，隐藏不符合的节点对比图zTree模糊搜索Demo搜索varnodeList;$(function(){init();})functioninit(){varzNodes=[//ztree测试数据，也可以从数据库拉取{name:"根节点-000",open:true,children:[{name:"父节点-123-AB",open:true,children:[
  • zTree树 生成带children的数据 无知小虾
    生成带孩子的js树层级树vardata=[{id:1,name:"办公管理",pid:0},{id:2,name:"请假申请",pid:1},{id:3,name:"出差申请",pid:1},{id:4,name:"请假记录",pid:2},{id:5,name:"系统设置",pid:0},{id:6,name:"权限管理",pid:5},{id:7,name:"用户角色",pid:6},{id:
  • ztree实现编辑和删除功能 祈澈菇凉
    前面写了一篇ztree实现根节点单击事件，显示节点信息https://www.jianshu.com/p/1e0ca6d8afad，其中的删除和编辑功能是自定义实现的，现在直接使用文档里面的功能。实现的效果如下图示：1:首先要引入相关的文件，注意一定要引入这个jquery.ztree.exedit-3.5.min.js，之前因为忘记引入，导致项目里面删除和编辑的图标出不来。2:removeTitl
  • ztree懒加载以及ztree增加修改删除节点 meetAlice 前端javascriptjson前端
    1、定义settingvarsetting={edit:{enable:true,showRemoveBtn:true,//显示删除按钮showRenameBtn:true,//显示编辑按钮removeTitle:"删除节点",renameTitle:"编辑节点名称",},view:{selectedMulti:false,//是否允许多选showIcon:false,addHoverDom:ad
  • zTree-JQuery 树插件 让你变好的过程从来都不会很舒服
    一、zTree简介zTree是依靠Jquery实现的多功能"树插件"。优异的性能，灵活的配置，多种功能的组合是zTree最大的优点。zTree是开源免费的软件。优势：采用了延迟加载技术，上万节点轻松加载，即使在IE6下也能基本做到秒杀兼容IE、FireFox、Chrome、Opera、Safari等浏览器支持JSON数据支持静态和Ajax异步加载节点数据支持任意更换皮肤/自定义图标（依靠css）支
  • Windows磁盘空间占用分析工具-WizTree yiwenrong Windows空间计算
    文章目录WizTree作用WizTree树状分析图WizTree特点获取网址WizTree作用平时我们电脑用久了，产生很多文件，导致盘符空间不足，但是不知道那些文件占用比较多，这就需要磁盘空间分析工具-WizTree来分析文件占用情况WizTree树状分析图选中C盘，点击“扫描”按钮，它可以快速扫描并分析你的电脑C硬中文件和文件夹，并以可视化块状的方式展示使用情况。这样你就很方便找到占用磁盘空间大
  • 1、配置nginx反向代理，实现api.x.com域名代理本地9001端口 47edf928b0c7
    1使用脚本安装nginx服务器：图1#安装相关编译包yuminstall-yvimlrzsztreescreenpsmisclsoftcpdumpwgetntpdategccgcc-c++glibcglibc-develpcrepcre-developensslopenssl-develsystemd-develnet-toolsiotopbczipunzipzlib-develbash-comp
  • Elementui Tree 树形控件删除子节点 前端王小婷
    要求：ElementuiTree树形控件，将勾选选中的值放在list集合里面提交提交格式是这样的，也就是将勾选项放在一个数组里面，作为参数提交给后端即可。步骤：这里我用到了json本地的数据，因为掉接口数据，不太方便写demo，后面统一都用到mock，json数据了，如果需要用到项目里面，后面直接修改一下将//获取树权限节点接口定义getZtreeList(){this.dataLoading=t
  • zTree的DEMO 博风 前端笔记前端
    ZTreeDEMOvarzTreeObj;//zTree的参数配置，深入使用请参考API文档（setting配置详解）varsetting={data:{simpleData:{enable:true,idKey:"id",pIdKey:"pId",rootPId:0}}};//zTree的数据属性，深入使用请参考API文档（zTreeNode节点数据详解）//varzNodes=[//{name
  • js使用input上传文件夹、拖拽上传文件夹并将文件夹结构展示为树形结构 一棵开花的树，枝芽无限靠近你 jquery前端javascript
    一、实现效果左侧区域支持选择一个系统中的文件夹，或者将文件夹拖拽到这个区域进行上传，右侧区域可以将文件夹的结构展示为树形结构。二、代码实现由于需要使用树形插件zTree，这个插件是依赖于jquery的，所以在项目中我们需要引入：1、jquery2、zTree:官网链接APIDocument[zTree--jQuerytreeplug-ins.]项目结构很简单，一个zTree源码的文件夹，一个ind
  • zTree 伊璇
    treeId表示树节点的id(一部分)，treeNode表示后端返回的Json对象addDiyDom是图标相关的设置addHoverDom是动态菜单相关的配置async表示ajax异步请求数据varsetting={async:{enable:true,url:"${APP_PATH}/permission/zTree",autoParam:["id","name=n","level=lv"]},
  • Linux软件包管理器yum kpl_20 Linuxlinuxyum
    yum—Linux应用商店前言Linux的软件安装1.源代码安装2.rpm安装使用rpm安装升级或者更新.rpm软件包卸载指定的.rpm软件包查询已安装的.rpm软件包优缺点3.yum安装（推荐）yum源使用yum命令（检测是否有网：ping指令）优缺点Linux常用软件安装非官方yum源安装lrzsztreemannanozipunzipgitgcc/g++/gdb后续再进行补充前言本文以Cen
  • 基于quickui树形下拉框的机构树 暗影八度 项目总结selectTree多选下拉框机构
    项目中需求的是查询条件机构是带层级关系，可多选，还需要根据用户的权限级别筛选不同的机构。为了实现需求，想的就是用树来做了。一开始用的是zTree，不过zTree的风格样式和系统界面不太搭。找了很多，最后呢，找了一个前端框架quickui(个人认为，还不错，组件丰富，功能齐全），里面有一个组件http://www.uileader.com/quickui_doc/component/form/sel
  • zTree -- jQuery 树插件 和 日志管理工具Log4j 烦人的胆小鬼
    zTree简介zTree是一个依靠jQuery实现的多功能“树插件”。优异的性能、灵活的配置、多种功能的组合是zTree最大优点。一个简单的ztreejava中使用zTree将需要使用的zTreev3.x相关的js、css文件分别放置到相应目录，并且保证相对路径正确.先将Demo演示的框架源代码在自己的项目中演示出来">MyJSP'index.jsp'startingpage-->/ztree/c
  • 前端插件 2016_18点
    ztreeQ：取treeObj对象没问题，获取所有选中节点，弹出空（非null）A：getSelectedNodes专门是获取鼠标点击节点后的那种选中；如果是勾选的节点那么请使用getCheckedNodes方法Q：如何根据后端传回来的数据进行反显A：zTreeObj.checkNode（Function(treeNode,checked,checkTypeFlag,callbackFlag)）v
  • 各种工具的快捷键或命令 昨夜雨疏风骤z 分享工具
    前言这里就存放自己存有的一些小工具的地址以及工具的命令。正文零、各种小工具1、wizTree:磁盘分析工具-分析磁盘的文件夹存储2、稻壳阅读器：有黑色背景3、youtube视频下载：https://zh.savefrom.net/226/4、视频录制：Bandicam5、媒体信息查看：MediaInfo6、源码查看器：SourceInsight：链接：https://pan.baidu.com/s
  • log4j日志及添加ztree 弹钢琴的崽崽
    log4j日志及添加修改ztree1log4j日志1.1导入log4j.jar包1.2编写配置文件日志一般分5个等级，从低到高分别是DEBUGINFOWARNERRORFATAL。对应中文的意思就是调试信息一般信息警告信息错误信息严重错误信息了解清楚等级划分之后，再来控制生成环境和开发环境输出的信息不同就很简单了，我可以配置一个最低的日志输出级别，在开发环境我设置为DEBUG，也就是所有的日志信息
  • 近几天接触的自动化框架，支持Android、Web和Windows 欢天xi地 杂记自动化运维
    工作主要做web，简单了解过selenium自动化框架，使用的不深，但在工作中确实帮我节省了好多时间。主要应用于数据的导入导出。最近几天开始了解Aibote。主要还是了解web自动化。这里先做记录，后面看看是不是可以做个例子出来。RPA_办公自动化—Aibote。通过i5ting_ztree_toc:aibotePython这个文档，简单了解了使用方式。大体可以接受，文档中给出的例子#1.导入An
  • 计算机毕业设计之SpringBoot学生宿舍管理系统 计算机毕业设计大神
    开发技术前端：layui2.5.7axios0.21.0jwt(jsonwebtoken)ztreeoptableecharts后端：springboot2.4.2mybatis-plus3.4.0EasyExcel数据库：mysql创新点前后端分离数据可视化RBAC权限模型在线可视化直观选床位运行截图SpringBoot学生宿舍管理系统SpringBoot学生宿舍管理系统SpringBoot学生
  • 【zTree】节点添加不同操作按钮，点击后生成弹窗 白桃与猫 zTreevue.jsjquery前端vue
    zTreeapi文档：https://www.treejs.cn/v3/api.php1.初始化树的配置项constinitZtreeSetting=()=>{constsetting={view:{addHoverDom:addHoverDom,//显示用户自定义控件selectedMulti:false,//是否允许同时选中多个节点，默认为trueshowIcon:true,//是否显示节点的
  • zTree设置默认选中节点（当前组织默认选中） 琪公子呀 JavaScriptjavascript前端ztree
    /*节点点击事件*/functiononClick(e,treeId,treeNode){varzTree=$.fn.zTree.getZTreeObj("treeDemo"),nodes=zTree.getSelectedNodes(),v="";//存储组织名称idd="";//存储组织IDnodes.sort(functioncompare(a,b){returna.id-b.id;});f
  • docker存储引擎----存储引擎的修改 qq_43006607 docker
    找一台centos7.2安装docker#yuminstall-yvimwgettelnetlrzsztreeyum-utilsdevice-mapper-persistentlvm2bash-comple*#source/usr/share/bash-completion/bash_completion#rm-rf/etc/yum.repos.d/*#wget-O/etc/yum.repos.d
  • zTree模糊查询，匹配则显示父子节点，否则隐藏 qibao16 js
    varhiddenNodes=[];//用于存储被隐藏的结点varnodeList;//过滤ztree显示数据functionfilter(){显示上次搜索后背隐藏的结点//zTreeObj.showNodes(hiddenNodes);查找不符合条件的叶子节点//functionfilterFunc(node){//varkeywords=$("#keyword").val();//if(nod
  • ztree结合hmap使用经验分享 诸葛亮的芭蕉扇 前端vue.js
    项目背景在建德封控拦截系统（[email protected]）为追求更快的地图初始化体验，在尝试了hmap2.5.0版本以及2.6.3版本后，由于这两个版本在现场电脑的初始化速度不够流畅，最终使用的是hmap2.1.3版本。同时由于布控选设备（树结构）存在子节点较多的情况（1000+），导致[email protected]版本的tree组件在进行加载节点和勾选操作时回显卡顿，结合基线项目类似功能确定使用ztree插件来
  • Java常用排序算法/程序员必须掌握的8大排序算法 cugfy java
    分类： 1）插入排序（直接插入排序、希尔排序） 2）交换排序（冒泡排序、快速排序） 3）选择排序（直接选择排序、堆排序） 4）归并排序 5）分配排序（基数排序） 所需辅助空间最多：归并排序 所需辅助空间最少：堆排序 平均速度最快：快速排序 不稳定：快速排序，希尔排序，堆排序。 先来看看8种排序之间的关系：   1.直接插入排序 （1
  • 【Spark102】Spark存储模块BlockManager剖析 bit1129 manager
    Spark围绕着BlockManager构建了存储模块，包括RDD，Shuffle，Broadcast的存储都使用了BlockManager。而BlockManager在实现上是一个针对每个应用的Master/Executor结构，即Driver上BlockManager充当了Master角色，而各个Slave上(具体到应用范围，就是Executor)的BlockManager充当了Slave角色
  • linux 查看端口被占用情况详解 daizj linux端口占用netstatlsof
    经常在启动一个程序会碰到端口被占用，这里讲一下怎么查看端口是否被占用，及哪个程序占用，怎么Kill掉已占用端口的程序   1、lsof -i:port port为端口号   [root@slave /data/spark-1.4.0-bin-cdh4]# lsof -i:8080 COMMAND   PID USER   FD   TY
  • Hosts文件使用 周凡杨 hostslocahost
         一切都要从localhost说起，经常在tomcat容器起动后，访问页面时输入http://localhost:8088/index.jsp，大家都知道localhost代表本机地址，如果本机IP是10.10.134.21，那就相当于http://10.10.134.21:8088/index.jsp，有时候也会看到http: 127.0.0.1:
  • java excel工具 g21121 Java excel
    直接上代码，一看就懂，利用的是jxl： import java.io.File; import java.io.IOException; import jxl.Cell; import jxl.Sheet; import jxl.Workbook; import jxl.read.biff.BiffException; import jxl.write.Label; import
  • web报表工具finereport常用函数的用法总结（数组函数） 老A不折腾 finereportweb报表函数总结
    ADD2ARRAY ADDARRAY(array,insertArray, start):在数组第start个位置插入insertArray中的所有元素，再返回该数组。 示例： ADDARRAY([3,4, 1, 5, 7], [23, 43, 22], 3)返回[3, 4, 23, 43, 22, 1, 5, 7]. ADDARRAY([3,4, 1, 5, 7], "测试&q
  • 游戏服务器网络带宽负载计算 墙头上一根草 服务器
    家庭所安装的4M，8M宽带。其中M是指，Mbits/S 其中要提前说明的是： 8bits = 1Byte 即8位等于1字节。我们硬盘大小50G。意思是50*1024M字节，约为 50000多字节。但是网宽是以“位”为单位的，所以，8Mbits就是1M字节。是容积体积的单位。 8Mbits/s后面的S是秒。8Mbits/s意思是 每秒8M位，即每秒1M字节。 我是在计算我们网络流量时想到的
  • 我的spring学习笔记2-IoC（反向控制 依赖注入） aijuans Spring 3 系列
    IoC（反向控制 依赖注入）这是Spring提出来了，这也是Spring一大特色。这里我不用多说，我们看Spring教程就可以了解。当然我们不用Spring也可以用IoC，下面我将介绍不用Spring的IoC。 IoC不是框架，她是java的技术，如今大多数轻量级的容器都会用到IoC技术。这里我就用一个例子来说明： 如：程序中有 Mysql.calss 、Oracle.class 、SqlSe
  • 高性能mysql 之 选择存储引擎(一) annan211 mysqlInnoDBMySQL引擎存储引擎
    1 没有特殊情况，应尽可能使用InnoDB存储引擎。   原因：InnoDB 和 MYIsAM 是mysql 最常用、使用最普遍的存储引擎。其中InnoDB是最重要、最广泛的存储引擎。她   被设计用来处理大量的短期事务。短期事务大部分情况下是正常提交的，很少有回滚的情况。InnoDB的性能和自动崩溃   恢复特性使得她在非事务型存储的需求中也非常流行，除非有非常
  • UDP网络编程 百合不是茶 UDP编程局域网组播
      UDP是基于无连接的,不可靠的传输   与TCP/IP相反       UDP实现私聊,发送方式客户端,接受方式服务器 package netUDP_sc; import java.net.DatagramPacket; import java.net.DatagramSocket; import java.net.Ine
  • JQuery对象的val()方法执行结果分析 bijian1013 JavaScriptjsjquery
            JavaScript中，如果id对应的标签不存在（同理JAVA中，如果对象不存在），则调用它的方法会报错或抛异常。在实际开发中，发现JQuery在id对应的标签不存在时，调其val()方法不会报错，结果是undefined。        
  • http请求测试实例（采用json-lib解析） bijian1013 jsonhttp
            由于fastjson只支持JDK1.5版本，因些对于JDK1.4的项目，可以采用json-lib来解析JSON数据。如下是http请求的另外一种写法，仅供参考。 package com; import java.util.HashMap; import java.util.Map; import
  • 【RPC框架Hessian四】Hessian与Spring集成 bit1129 hessian
    在【RPC框架Hessian二】Hessian 对象序列化和反序列化一文中介绍了基于Hessian的RPC服务的实现步骤，在那里使用Hessian提供的API完成基于Hessian的RPC服务开发和客户端调用，本文使用Spring对Hessian的集成来实现Hessian的RPC调用。   定义模型、接口和服务器端代码 |---Model    &nb
  • 【Mahout三】基于Mahout CBayes算法的20newsgroup流程分析 bit1129 Mahout
    1.Mahout环境搭建  1.下载Mahout http://mirror.bit.edu.cn/apache/mahout/0.10.0/mahout-distribution-0.10.0.tar.gz    2.解压Mahout  3. 配置环境变量 vim /etc/profile export HADOOP_HOME=/home
  • nginx负载tomcat遇非80时的转发问题 ronin47
    　　nginx负载后端容器是tomcat（其它容器如WAS,JBOSS暂没发现这个问题）非８０端口，遇到跳转异常问题。解决的思路是：$host:port        详细如下： 　　 该问题是最先发现的，由于之前对nginx不是特别的熟悉所以该问题是个入门级别的： ? 1 2 3 4 5
  • java-17-在一个字符串中找到第一个只出现一次的字符 bylijinnan java
    public class FirstShowOnlyOnceElement { /**Q17.在一个字符串中找到第一个只出现一次的字符。如输入abaccdeff，则输出b * 1.int[] count:count[i]表示i对应字符出现的次数 * 2.将26个英文字母映射：a-z <--> 0-25 * 3.假设全部字母都是小写 */ pu
  • mongoDB 复制集 开窍的石头 mongodb
    mongo的复制集就像mysql的主从数据库，当你往其中的主复制集(primary)写数据的时候，副复制集(secondary)会自动同步主复制集(Primary)的数据,当主复制集挂掉以后其中的一个副复制集会自动成为主复制集。提供服务器的可用性。和防止当机问题             mo
  • [宇宙与天文]宇宙时代的经济学 comsci 经济
        宇宙尺度的交通工具一般都体型巨大，造价高昂。。。。。      在宇宙中进行航行，近程采用反作用力类型的发动机，需要消耗少量矿石燃料，中远程航行要采用量子或者聚变反应堆发动机，进行超空间跳跃，要消耗大量高纯度水晶体能源      以目前地球上国家的经济发展水平来讲，
  • Git忽略文件 Cwind git
         有很多文件不必使用git管理。例如Eclipse或其他IDE生成的项目文件，编译生成的各种目标或临时文件等。使用git status时，会在Untracked files里面看到这些文件列表，在一次需要添加的文件比较多时（使用git add . / git add -u），会把这些所有的未跟踪文件添加进索引。 ==== ==== ==== 一些牢骚
  • MySQL连接数据库的必须配置 dashuaifu mysql连接数据库配置
    MySQL连接数据库的必须配置   1.driverClass：com.mysql.jdbc.Driver   2.jdbcUrl：jdbc:mysql://localhost:3306/dbname   3.user：username   4.password：password   其中1是驱动名；2是url，这里的‘dbna
  • 一生要养成的60个习惯 dcj3sjt126com 习惯
    一生要养成的60个习惯 第1篇 让你更受大家欢迎的习惯 1 守时，不准时赴约,让别人等,会失去很多机会。 如何做到： ①该起床时就起床， ②养成任何事情都提前15分钟的习惯。 ③带本可以随时阅读的书，如果早了就拿出来读读。 ④有条理，生活没条理最容易耽误时间。 ⑤提前计划：将重要和不重要的事情岔开。 ⑥今天就准备好明天要穿的衣服。 ⑦按时睡觉，这会让按时起床更容易。 2 注重
  • [介绍]Yii 是什么 dcj3sjt126com PHPyii2
    Yii 是一个高性能，基于组件的 PHP 框架，用于快速开发现代 Web 应用程序。名字 Yii （读作 易）在中文里有“极致简单与不断演变”两重含义，也可看作 Yes It Is! 的缩写。 Yii 最适合做什么？ Yii 是一个通用的 Web 编程框架，即可以用于开发各种用 PHP 构建的 Web 应用。因为基于组件的框架结构和设计精巧的缓存支持，它特别适合开发大型应
  • Linux SSH常用总结 eksliang linux sshSSHD
    转载请出自出处：http://eksliang.iteye.com/blog/2186931 一、连接到远程主机   格式： ssh name@remoteserver 例如： ssh [email protected]   二、连接到远程主机指定的端口   格式： ssh name@remoteserver -p 22 例如： ssh i
  • 快速上传头像到服务端工具类FaceUtil gundumw100 android
    快速迭代用 import java.io.DataOutputStream; import java.io.File; import java.io.FileInputStream; import java.io.FileNotFoundException; import java.io.FileOutputStream; import java.io.IOExceptio
  • jQuery入门之怎么使用 ini JavaScripthtmljqueryWebcss
    jQuery的强大我何问起（个人主页：hovertree.com）就不用多说了，那么怎么使用jQuery呢？   首先，下载jquery。下载地址：http://hovertree.com/hvtart/bjae/b8627323101a4994.htm，一个是压缩版本，一个是未压缩版本，如果在开发测试阶段，可以使用未压缩版本，实际应用一般使用压缩版本(min)。然后就在页面上引用。
  • 带filter的hbase查询优化 kane_xie 查询优化hbaseRandomRowFilter
    问题描述 hbase scan数据缓慢，server端出现LeaseException。hbase写入缓慢。   问题原因 直接原因是： hbase client端每次和regionserver交互的时候，都会在服务器端生成一个Lease,Lease的有效期由参数hbase.regionserver.lease.period确定。如果hbase scan需
  • java设计模式-单例模式 men4661273 java单例枚举反射IOC
             单例模式1，饿汉模式 //饿汉式单例类.在类初始化时，已经自行实例化 public class Singleton1 { //私有的默认构造函数 private Singleton1() {} //已经自行实例化 private static final Singleton1 singl
  • mongodb 查询某一天所有信息的3种方法，根据日期查询 qiaolevip 每天进步一点点学习永无止境mongodb纵观千象
    // mongodb的查询真让人难以琢磨，就查询单天信息，都需要花费一番功夫才行。 // 第一种方式： coll.aggregate([ {$project:{sendDate: {$substr: ['$sendTime', 0, 10]}, sendTime: 1, content:1}}, {$match:{sendDate: '2015-
  • 二维数组转换成JSON tangqi609567707 java二维数组json
    原文出处：http://blog.csdn.net/springsen/article/details/7833596 public class Demo {     public static void main(String[] args) {        String[][] blogL
  • erlang supervisor wudixiaotie erlang
    定义supervisor时，如果是监控celuesimple_one_for_one则删除children的时候就用supervisor:terminate_child (SupModuleName, ChildPid)，如果shutdown策略选择的是brutal_kill，那么supervisor会调用exit(ChildPid, kill)，这样的话如果Child的behavior是gen_
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他