div树

最新推荐文章于 2021-06-04 00:59:18 发布
最新推荐文章于 2021-06-04 00:59:18 发布
阅读量1k 收藏
点赞数
分类专栏： jsp 文章标签： div string sql exception javascript null
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/sprita1/article/details/7586841
版权
DIV树：
    
    1、servlet里：
    
    /**
 * 完成分销商树的递归读取
 * @author Administrator
 *
 */
public class ClientTreeReader {
    
    private StringBuffer sbTreeHTML = new StringBuffer();
    
    /**
     * 返回HTML字符串
     * @return
     */
    public String getClientTreeHTMLString() {
        Connection conn = null;
        try {
            conn = DbUtil.getConnection();
            readClientTree(conn, 0, 0);
        }catch(Exception e) {
            e.printStackTrace();
        }finally {
            DbUtil.close(conn);
        }
        return sbTreeHTML.toString();
    }
    
//    /**
//     * 递归读取分销商树
//     *
//     * 第一步：    以最简单的方式读取分销商树形结构，可以显示到浏览器中即可
//     * @param conn
//     * @param id
//     * @param level 控制层次
//     */
//    private void readClientTree(Connection conn, int id, int level)
//    throws SQLException {
//        String sql = "select * from t_client where pid=?";
//        PreparedStatement pstmt = null;
//        ResultSet rs = null;
//        try {
//            pstmt = conn.prepareStatement(sql);
//            pstmt.setInt(1, id);
//            rs = pstmt.executeQuery();
//            while (rs.next()) {
//                sbTreeHTML.append(rs.getString("name"))
//                        .append("<br>\n");
//                if ("N".equals(rs.getString("is_leaf"))) {
//                    readClientTree(conn, rs.getInt("id"), level);
//                }
//            }
//        }finally {
//            DbUtil.close(rs);
//            DbUtil.close(pstmt);
//        }
//    }
    
//    /**
//     * 递归读取分销商树
//     *
//     * 第二步：    加入层次感
//     * @param conn
//     * @param id
//     * @param level 控制层次
//     */
//    private void readClientTree(Connection conn, int id, int level)
//    throws SQLException {
//        String sql = "select * from t_client where pid=?";
//        PreparedStatement pstmt = null;
//        ResultSet rs = null;
//        try {
//            pstmt = conn.prepareStatement(sql);
//            pstmt.setInt(1, id);
//            rs = pstmt.executeQuery();
//            while (rs.next()) {
//                for (int i=0; i<level; i++) {
//                    sbTreeHTML.append("&nbsp;&nbsp;");
//                }
//                sbTreeHTML.append(rs.getString("name"))
//                        .append("<br>\n");
//                if ("N".equals(rs.getString("is_leaf"))) {
//                    readClientTree(conn, rs.getInt("id"), level + 1);
//                }
//            }
//        }finally {
//            DbUtil.close(rs);
//            DbUtil.close(pstmt);
//        }
//    }
    
//    /**
//     * 递归读取分销商树
//     *
//     * 第三步：    叶子节点前面加入一个“-”号，非叶子节点前面加入一个“+”号
//     * @param conn
//     * @param id
//     * @param level 控制层次
//     */
//    private void readClientTree(Connection conn, int id, int level)
//    throws SQLException {
//        String sql = "select * from t_client where pid=?";
//        PreparedStatement pstmt = null;
//        ResultSet rs = null;
//        try {
//            pstmt = conn.prepareStatement(sql);
//            pstmt.setInt(1, id);
//            rs = pstmt.executeQuery();
//            while (rs.next()) {
//                for (int i=0; i<level; i++) {
//                    sbTreeHTML.append("&nbsp;&nbsp;");
//                }
//                if ("N".equals(rs.getString("is_leaf"))) {
//                    sbTreeHTML.append("+")
//                            .append(rs.getString("name"))
//                            .append("<br>\n");
//                    readClientTree(conn, rs.getInt("id"), level + 1);
//                }else {
//                    sbTreeHTML.append("-")
//                    .append(rs.getString("name"))
//                    .append("<br>\n");
//                }
//            }
//        }finally {
//            DbUtil.close(rs);
//            DbUtil.close(pstmt);
//        }
//    }    
    
    /**
     * 递归读取分销商树
     *
     * 第四步：    采用div生成树形结构
     * @param conn
     * @param id
     * @param level 控制层次
     */
    private void readClientTree(Connection conn, int id, int level)
    throws SQLException {
        String sql = "select * from t_client where pid=?";
        PreparedStatement pstmt = null;
        ResultSet rs = null;
        try {
            pstmt = conn.prepareStatement(sql);
            pstmt.setInt(1, id);
            rs = pstmt.executeQuery();
            while (rs.next()) {
                sbTreeHTML.append("<div>");
                sbTreeHTML.append("\n");
                for (int i=0; i<level; i++) {
                    sbTreeHTML.append("<img src=\"../images/white.gif\">");
                    sbTreeHTML.append("\n");
                }
                //if ("N".equals(rs.getString("is_leaf"))) {
                if (Constants.NO.equals(rs.getString("is_leaf"))) {
                    sbTreeHTML.append("<img alt=\"展开\" style=\"cursor:hand;\" onClick=\"display('" + rs.getInt("id") + "');\" id=\"img" + rs.getInt("id") + "\" src=\"../images/plus.gif\">");
                    sbTreeHTML.append("\n");
                    sbTreeHTML.append("<img id=\"im" + rs.getInt("id") + "\" src=\"../images/closedfold.gif\">");
                    sbTreeHTML.append("\n");
                    sbTreeHTML.append("<a href=\"client_node_crud.jsp?id=" + rs.getInt("id") + "\" target=\"clientDispAreaFrame\">" + rs.getString("name") + "</a>");
                    sbTreeHTML.append("\n");
                    sbTreeHTML.append("<div style=\"display:none;\" id=\"div" + rs.getInt("id") + "\">");
                    sbTreeHTML.append("\n");
                    readClientTree(conn, rs.getInt("id"), level + 1);
                    sbTreeHTML.append("</div>");
                    sbTreeHTML.append("\n");
                }else {
                    sbTreeHTML.append("<img src=\"../images/minus.gif\">");
                    sbTreeHTML.append("\n");
                    sbTreeHTML.append("<img src=\"../images/openfold.gif\">");
                    sbTreeHTML.append("\n");
                    //if ("Y1".equals(rs.getString("is_client"))) {
                    if (Constants.YES.equals(rs.getString("is_client"))) {
                        sbTreeHTML.append("<a href=\"client_crud.jsp?id=" + rs.getInt("id") + "\" target=\"clientDispAreaFrame\">" + rs.getString("name") +  "</a>");
                    }else {
                        sbTreeHTML.append("<a href=\"client_node_crud.jsp?id=" + rs.getInt("id") + "\" target=\"clientDispAreaFrame\">" + rs.getString("name") + "</a>");
                    }
                    sbTreeHTML.append("\n");
                }
                sbTreeHTML.append("</div>");
                sbTreeHTML.append("\n");
            }
        }finally {
            DbUtil.close(rs);
            DbUtil.close(pstmt);
        }
    }    
    
    2、jsp里：

        <script language="JavaScript">
        <!--
        function display(id) {
             eval("var div=div"+id);
             eval("var img=img"+id);
             eval("var im=im"+id);
             div.style.display=div.style.display=="block"?"none":"block";
             img.src=div.style.display=="block"?"../images/minus.gif":"../images/plus.gif";
             im.src=div.style.display=="block"?"../images/openfold.gif":"../images/closedfold.gif";
             img.alt=div.style.display=="block"?"关闭":"展开";
        }
        //-->
        </script>
            </head>
            <body class="body1">
                <table>
                    <tr>
                        <td valign="top" nowrap="nowrap">
                            <%=ClientManager.getInstance().getClientTreeHTMLString() %>
                        </td>
                    </tr>
                </table>
            </body>

        </html>


参照：client_tree.jsp与ClientTreeReader.java


谁的大王
关注
专栏目录
从实践中理解 - 树形的DIV
chloecheng的专栏
12-04 681
在大学期间，刚学习Web的时候，对于基本的HTML标签，掌握和运用起来都是很困难的，更不要提及CSS属性了，因为并不是很熟悉这些标签及标签属性。不过我还是很高兴学习Web。      来MSStore Web（online）Team 已经快两个多月了， 对于HTML标签和CSS属性，我是从不知道不知道到知道不知道，然后又从知道不知道到知道知道，接着正处在知道知道阶段，正向不知道知道进军。
DIV+CSS+JS实现树形菜单
我笔记
01-22 1032
&lt;html &gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;Div+CSS+JS树型菜单，可刷新&lt;/title&gt; &lt;style type="text/css"&gt; * { margin: 0
DIV+CSS+JS树形菜单
07-27
NULL 博文链接：https://glennzhou.iteye.com/blog/714449
div树形菜单
mmdev
07-17 410
DIV树：client_Tree.jsp ClientTreeReader.java 1、servlet里： /** * 完成分销商树的递归读取 * @author Administrator * */ public class ClientTreeReader { private StringBuffer sbTreeHTML = new StringBuffe...
DIVCSS构成的树型菜单
zgqtxwd的专栏
05-01 276
<!--google_ad_client = "pub-2947489232296736";/* 728x15, 创建于 08-4-23MSDN */google_ad_slot = "3624277373";google_ad_width = 728;google_ad_height = 15;//--><script type="text/javascript"
html用div做出一颗树的效果,练手demo之使用js遍历一棵树
weixin_35171603的博客
06-04 505
实现截图功能分析两个区域：一个展示区域，一个操作区域。展示区域以div盒子相套(dom)来描述树的结构，操作区域有三种遍历方式可供选择点击。事件：当点击先序遍历时，div盒子的背景会以遍历顺序依次亮起，以此展示遍历过程，当遍历完成后，页面会恢复原样，以供下一次操作。原理说明先序遍历：即先“根”序遍历，遍历由树的根节点开始，顺序为root->leftChild->rightChild.示...
html用div做出一颗树的效果,如何用js代码绘制一棵树
weixin_39582656的博客
06-04 660
本篇文章给大家分享的内容是如何用js代码绘制一棵树 ，有着一定的参考价值，有需要的朋友可以参考一下第一步新建HTML文档：/*设置body样式*/body{overflow:hidden;background: black;}第二步建一个js文档：//创建画布var mycanvas=document.createElement("canvas");//设置树的宽度和高度mycanvas.widt...
js+div+span实现树型结构
09-28
使用js+div+span实现树型结构 非常简单的代码 一看就懂 下载解压直接打开就可以看出效果
html用div做出一颗树的效果,用Scrapy建造一棵树
weixin_29877175的博客
06-04 301
我是网络抓取的新手。我基本上想要做的是抓住以下网站：https://www.admin.ch/opc/fr/classified-compilation/national.html，它引用了所有瑞士联邦法律。网站的结构是树状的(你从类别开始：Etat - Peuple - Autorités，Défensecountryale等等;其中包含子类别，直到你到达法律文本的树叶)我希望得到JSON...
用div构造的异步树
wang383616400的博客
12-22 148
body, td{ font-size: 12px; } A:LINK, A:VISITED, A:ACTIVE, A:HOVER{ font-size: 13px; padding-left: 3px; TEXT-DECORATION...
DivTree实现带复选框的tree（内附效果图）
06-24
DivTree实现带复选框的tree，绝对实用（内附效果图）
div+css实现treeview功能
09-11
一个很实用的功能，div+css实现treeview功能
[资源分享]解决Win10下IE浏览器树形控件treeview无法显示的问题
07-06
解压到文档中的目录下，刷新页面即可显示，非VS中的控件，只用于显示。
DIV+Js实现简单树形菜单
liaodan520的专栏
07-09 794
 META content="Microsoft Visual Studio .NET 7.1" name=GENERATOR>META content=VisualStudio.HTML name=ProgId>META content="Microsoft Visual Studio .NET 7.1" name=Originator=jscript>   function Chang
HTML---------DIV+CSS构成的树型菜单
weixin_33720956的博客
05-20 146
&lt;html xmlns="http://www.w3.org/1999/xhtml"&gt; &lt;head&gt; &lt;meta http-equiv="Content-Type" content="text/html; charset=gb2312" /&gt; &lt;title&gt;DIV+CSS构成的树型菜单&lt;/title&gt;
纯div实现tree目录树dome实例、加实现逻辑介绍
银河系天城知识宝库_技术专家蒋浩宇
08-07 1万+
实现逻辑： / ** *树结构需要字段 * 1.树键 * 2.树值 * 3.点击对应的键展示对应的值 *重点 * 1.key和值有同一id * 2.value中有唯一的类提供给钥匙点击后做事件使用 * * / 目录书截图： 代...
树形结构——基本原理
Flash~
10-12 7149
说明     首先需要声明，本篇博客是实现单实体的最基本的树形结构效果，不涉及第三方组件内容。万变不离其宗，无论是通过哪种方式，其基本的思路还是一致，希望通过本篇博客的讲解，能对初次研究树形结构的朋友有所启发。后面是实现界面显示公司规模结构效果的例子。 实现     数据库对应表结构：     为方便程序实现，我们将区域和公司信息，统一放入公司信息表。      
jsp中获取get请求过来的参数
热门推荐
sprita1的专栏
12-22 2万+
1、当一个url过来时，如：http://localhost:8080/pro/demo/hello.jsp?name=john，在hello.jsp页面，我们可以这样得到name的值：  复制代码代码如下: String path = request.getContextPath();  String basePath = request.getScheme()+"://"
div的dom树脑图
最新发布
05-25
以下是一个简单的 div 元素的 DOM 树脑图： ``` div ├── text node └── span ├── text node └── img ``` 说明： - div 元素是根节点。 - div 元素下面有两个子节点：一个文本节点和一个 span 元素...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值