artDialog弹窗+Ztree树从后台获取数据

最新推荐文章于 2019-06-24 20:18:00 发布

glnanana

最新推荐文章于 2019-06-24 20:18:00 发布

阅读量1.4k

点赞数 1

分类专栏： Web springmvc jquery 文章标签： artDialog ztree

本文链接：https://blog.csdn.net/glnanana/article/details/78567367

版权

本文介绍了如何结合ArtDialog弹窗和Ztree树插件，从后台获取并显示数据。首先，提供了artDialog和Ztree的官方学习资源及下载链接。接着，展示了如何引入和配置这两个组件的CSS和JS文件。在前端布局完成后，重点讲解了后台控制器和服务层如何生成符合Ztree要求的JSON数据结构，尤其是处理嵌套结构的难点。最后，展示了YGDept类的数据模型，并预告了后续关于搜索功能的实现。

摘要由CSDN通过智能技术生成

简单的ArtDialog+Ztree
样子就是这个了
在这里插入图片描述

学习artDialog的前去artDialog 4.1.7,我们需要的都可以在这里下载。小案例可以看这个*artDialog 4.1.7精简版*
学习ztree的来这个网站Ztree-Jquery树插件，里面是详细的ztree的配置和参数

这个是下载的artDialog
这里写图片描述
skins里面是各种弹窗的皮肤，这两个放到你的项目中。
然后就是引入js文件和你想要的皮肤了

这个是下载的ztree，连有详细的api(有中文版和英文版)和js、css文件
这里写图片描述
将js和css两个文件夹直接拷贝到项目中

<link rel="stylesheet" href="${pageContext.request.contextPath }/ztree/css/demo.css" type="text/css">
<link rel="stylesheet" href="${pageContext.request.contextPath }/ztree/css/zTreeStyle/zTreeStyle.css" type="text/css">

<script type="text/javascript" src="${pageContext.request.contextPath }/lib/jquery/jquery-1.9.0.min.js"></script>

<script type="