最需要的时候遇见你OrgChart(1)

简介: 最需要的时候遇见你OrgChart

前言

闲来无事写一个多级用户关系层,于是就存在展示的问题。这时OrgChart就派上了用场。


在用的过程中,有一耐耐的小问题,咔咔就借着问题点,给大家介绍这款插件的使用。


最终效果如下


image.png


当然咔咔最终需要实现的效果肯定不是这个样子了,这个只是这个插件可以实现出来的效果。看了这个图你就知道适不适合自己的项目了。


一、接入OrgChart

下载地址咔咔提供不了,会提示广告的,如果找不到评论区见。


这是下载后的文件,文件夹中除了css、js、font其它的文件夹都是不同类型的组织架构图。


image.png


这里咔咔使用的是第一种ajax-datasource


将需需要的文件放到资源目录下即可


image.png


在ajax-datasource文件夹下有个index.html,里边附带的有案例


image.png


这个时候我们就需要将这份代码复制到项目中需要展示的页面中,也就是简单的配置css、js的加载路径而已。


嗯呐!就这样,很是简单吧!着实很简单。


image.png


来看看效果呗!


image.png



相关文章
|
6月前
|
算法
重要的话说三遍 (2016)
重要的话说三遍 (2016)
40 0
602需求遇见的问题及解决方式
602需求遇见的问题及解决方式
|
Java API 容器
遇到空指针(npe)切莫慌 ✨ jdk 8中有妙招 ✨ 每日积累
遇到空指针(npe)切莫慌 ✨ jdk 8中有妙招 ✨ 每日积累
遇到空指针(npe)切莫慌 ✨ jdk 8中有妙招 ✨ 每日积累
|
Java 中间件 程序员
最网最全bug定位套路,遇见bug再也不慌了
最网最全bug定位套路,遇见bug再也不慌了
318 0
|
Java 程序员
学妹问我Java异常是怎么回事,讲了半夜才明白,速度收藏!!!记得点赞和关注
异常是Java开发中常见的,也是程序最不愿意看到的,因为有异常基本上就代表我们写的代码有bug,很烦,游戏服务端有异常上报系统,每当半夜收到异常上报都慌的一笔。今天就扒一扒异常,开始走起。
148 0
学妹问我Java异常是怎么回事,讲了半夜才明白,速度收藏!!!记得点赞和关注
|
JavaScript 数据库
最需要的时候遇见你OrgChart(2)
最需要的时候遇见你OrgChart
120 0
最需要的时候遇见你OrgChart(2)
|
关系型数据库 MySQL PHP
最需要的时候遇见你OrgChart(3)
最需要的时候遇见你OrgChart
112 0
最需要的时候遇见你OrgChart(3)
|
程序员 Linux Python
遇见一个删除文件的问题,网上的答案却都在扯淡?
不知道大家是否和我的感觉一样,看到拒绝访问首先想到的是,这个文件被占用了,导致无法删除。然后检查代码是否存在未释放的进程。从头到尾review了代码,没有什么问题。 那上百度查查呗,结果千奇百怪的答案出来了,但总结下来都是说安装或者重装Python的时候,存在权限设置问题,需要修改Python.exe对User用户的权限。天真的我居然真的照着去做了,结局依然是没什么卵用。
291 0
|
网络协议 Linux
被鹅厂搞懵逼了(更正)
在 FIN_WAIT_2 状态下如何处理乱序的 FIN 报文
被鹅厂搞懵逼了(更正)
|
存储 Windows
明明很努力的写博客,为啥没人看?试试这些方法和工具(建议收藏)
明明很努力的写博客,为啥没人看?试试这些方法和工具(建议收藏)
266 0
明明很努力的写博客,为啥没人看?试试这些方法和工具(建议收藏)