大数据正式40

向右看齐 2022-06-02 06:17 180阅读 0赞

# 大数据正式40 #

### zTree框架 ###

*  用来干什么【父子节点展示可选框】
    
     *  ![BQH5Nqb.png][]
 *  怎么用
    
     *  前端
        
        #  #
        
            <script type="text/javascript"
                src="${ctx}/staticfile/components/zTree/js/jquery-1.4.4.min.js"></script>
            <script type="text/javascript"
                src="${ctx}/staticfile/components/zTree/js/jquery.ztree.core-3.5.min.js"></script>
            <script type="text/javascript"
                src="${ctx}/staticfile/components/zTree/js/jquery.ztree.excheck-3.5.min.js"></script>
            <SCRIPT type="text/javascript">
                var setting = {
                    check : {
                        enable : true
                    },
                    data : {
                        simpleData : {
                            enable : true
                        }
                    }
                };
            
                //这里相当于在拿后来传来的数据，后台在传数据的时候，属性名要对应上
                var zNodes = ${rolesJSON}
            
                $(document).ready(function() {
                    $.fn.zTree.init($("#htZtree"), setting, zNodes);
            
                    var zTreeObj = $.fn.zTree.getZTreeObj("htZtree");
                    zTreeObj.expandAll(true); //展开所有树节点
                });
            
                //获取到所以用户选中的节点id值
                //获取所有选择的节点，提交时调用下面函数
                function submitCheckedNodes(treeNode) {
                    var nodes = new Array();
                    var zTreeObj = $.fn.zTree.getZTreeObj("htZtree");
                    nodes = zTreeObj.getCheckedNodes(true); //取得选中的结点
                    var str = "";
                    for (i = 0; i < nodes.length; i++) {
                        if (str != "") {
                            str += ",";
                        }
                        str += nodes[i].id;
                    }
            
                    $('#roleIds').val(str); //将拼接完成的字符串放入隐藏域，这样就可以通过post提交
                }
            </SCRIPT>
     *  后台生成rolesJSON标准的json字符串
        
        #  #
        
            List<Role> roles=获取所有角色;
            String rolesJSON = "";
            ObjectMapper om = new ObjectMapper();
            rolesJSON = om.writeValueAsString(roles);
     *  注意
        
        1.  id
        2.  pid
        3.  name
        4.  checked

### RESTfull模板复用 ###

*  用来干什么【一个模板，根据传入的参数自动进行资源的寻找】
    
     *  ![9HsaJvS.png][]
 *  怎么用
    
     *  设置模板（控制层）
        
        #  #
        
            // 转向home的左侧页面
            @RequestMapping("/{model}/Left")
            public String homeLeft(@PathVariable String model) {
                return "/" + model + "/left";
            }
            
            // 转向home的操作页面
            @RequestMapping("/{model}/Main")
            public String homeMain(@PathVariable String model) {
                return "/" + model + "/main";
            }
     *  访问(例：js函数)
        
        #  #
        
            function toModule(moduleName){
                top.leftFrame.location.href = moduleName+'/Left.action';
                top.main.location.href = moduleName+'/Main.action';
                linkHighlightMenu(this);
            }
 *  关键
    
    1.  \{model\}/demo.jsp【定义模板】
    2.  @PathVariable String path【获得模板的具体内容】
    3.  访问main/first.jsp【访问路径】

[BQH5Nqb.png]: https://i.imgur.com/BQH5Nqb.png
[9HsaJvS.png]: https://i.imgur.com/9HsaJvS.png